remanso-space/remanso
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Chore/change theme (#13)

Browse Source 
* chore: script to change theme

* style: fix md
This commit is contained in:
Julien Calixte
2025-08-01 10:48:53 +02:00
committed by GitHub
parent 7bf43c836d
commit ac00dab673
7 changed files with 156 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
_scripts/change-theme-dark.ts Normal file
View File

@@ -0,0 +1,36 @@
#!/usr/bin/env node
// Script pour changer facilement le thème sombre de l'application LiteNote
// Usage: pnpm run theme:dark [nom-du-theme]
import { readFileSync, writeFileSync } from "fs"
import { join } from "path"
// Chemins vers les fichiers
const themeConfigPath = join(__dirname, "..", "src", "theme.config.ts")
// Vérifier les arguments
if (process.argv.length < 3) {
console.log("Usage: pnpm run theme:dark [nom-du-theme]")
console.log("Exemple: pnpm run theme:dark business")
process.exit(1)
}
// Mode fixé à dark pour ce script
const mode = "dark"
const newTheme = process.argv[2] // nom du nouveau thème
// Lire le contenu actuel du fichier de configuration
let themeConfigContent = readFileSync(themeConfigPath, "utf8")
// Remplacer la valeur du thème sombre
themeConfigContent = themeConfigContent.replace(
/dark:\s*['"][^'"]*['"],/,
`dark: '${newTheme}',`,
)
// Écrire le contenu mis à jour dans le fichier
writeFileSync(themeConfigPath, themeConfigContent)
console.log(`Thème ${mode} mis à jour avec succès vers: ${newTheme}`)
console.log("Redémarrez le serveur de développement si nécessaire")

46
_scripts/change-theme-light.ts Normal file
View File

@@ -0,0 +1,46 @@
#!/usr/bin/env node
// Script pour changer facilement le thème clair de l'application LiteNote
// Usage: pnpm run theme:light [nom-du-theme]
import { readFileSync, writeFileSync } from "fs"
import { join } from "path"
// Chemins vers les fichiers
const themeConfigPath = join(__dirname, "..", "src", "theme.config.ts")
const indexPath = join(__dirname, "..", "index.html")
// Vérifier les arguments
if (process.argv.length < 3) {
console.log("Usage: pnpm run theme:light [nom-du-theme]")
console.log("Exemple: pnpm run theme:light cupcake")
process.exit(1)
}
// Mode fixé à light pour ce script
const mode = "light"
const newTheme = process.argv[2] // nom du nouveau thème
// Lire le contenu actuel du fichier de configuration
let themeConfigContent = readFileSync(themeConfigPath, "utf8")
// Remplacer la valeur du thème clair
themeConfigContent = themeConfigContent.replace(
/light:\s*['"][^'"]*['"],/,
`light: '${newTheme}',`,
)
// Écrire le contenu mis à jour dans le fichier
writeFileSync(themeConfigPath, themeConfigContent)
// Mettre à jour également le fichier index.html
let indexContent = readFileSync(indexPath, "utf8")
indexContent = indexContent.replace(
/data-theme="[^"]*"/,
`data-theme="${newTheme}"`,
)
writeFileSync(indexPath, indexContent)
console.log(`Thème ${mode} mis à jour avec succès vers: ${newTheme}`)
console.log("Le fichier index.html a également été mis à jour.")
console.log("Redémarrez le serveur de développement si nécessaire")

5
package.json
View File

@@ -10,7 +10,9 @@
"types": "tsc --noEmit",
"lint": "eslint --ext .ts,.js,.vue --ignore-path .gitignore --fix src",
"pwa:asset": "npx vue-pwa-asset-generator -a public/img/logo.png --no-manifest",
"prepare": "husky"
"prepare": "husky",
"theme:light": "esno _scripts/change-theme-light.ts",
"theme:dark": "esno _scripts/change-theme-dark.ts"
},
"dependencies": {
"@intlify/unplugin-vue-i18n": "^1.6.0",
@@ -71,6 +73,7 @@
"eslint-plugin-simple-import-sort": "^10.0.0",
"eslint-plugin-unused-imports": "^3.2.0",
"eslint-plugin-vue": "^9.31.0",
"esno": "^4.8.0",
"husky": "^9.1.7",
"prettier": "^3.5.3",
"sass": "^1.89.0",

6
plan.md
View File

@@ -329,7 +329,7 @@ Voir aussi [ma-note-privee](# "Cette note n'est pas publique") et [ma-note-publi
Vos notes publiques sont accessibles via :
```
```md
Format principal :
https://litenote.space/{username}/{username}-litenote-public
@@ -424,7 +424,7 @@ https://{username}.github.io/{username}-litenote-public/
### Nouveaux Fichiers
```
```sh
src/modules/public-sharing/
├── interfaces/
│ ├── PublicNoteMetadata.ts
@@ -451,7 +451,7 @@ src/modules/public-sharing/
### Fichiers à Modifier
```
```sh
src/hooks/useGitHubContent.hook.ts # Intégration sync publique
src/hooks/useFile.hook.ts # Détection métadonnées
src/components/FluxNote.vue # Indicateurs visuels

81
pnpm-lock.yaml generated
View File

@@ -140,7 +140,7 @@ importers:
version: 8.33.0(eslint@8.57.1)(typescript@5.8.3)
'@vitejs/plugin-vue':
specifier: ^5.2.4
version: 5.2.4(vite@6.3.5(@types/node@22.15.24)(jiti@2.4.2)(lightningcss@1.30.1)(sass@1.89.0)(terser@5.36.0))(vue@3.5.16(typescript@5.8.3))
version: 5.2.4(vite@6.3.5(@types/node@22.15.24)(jiti@2.4.2)(lightningcss@1.30.1)(sass@1.89.0)(terser@5.36.0)(tsx@4.20.3))(vue@3.5.16(typescript@5.8.3))
'@vue/compiler-sfc':
specifier: ^3.5.16
version: 3.5.16
@@ -177,6 +177,9 @@ importers:
eslint-plugin-vue:
specifier: ^9.31.0
version: 9.31.0(eslint@8.57.1)
esno:
specifier: ^4.8.0
version: 4.8.0
husky:
specifier: ^9.1.7
version: 9.1.7
@@ -194,13 +197,13 @@ importers:
version: 5.8.3
vite:
specifier: ^6.3.5
version: 6.3.5(@types/node@22.15.24)(jiti@2.4.2)(lightningcss@1.30.1)(sass@1.89.0)(terser@5.36.0)
version: 6.3.5(@types/node@22.15.24)(jiti@2.4.2)(lightningcss@1.30.1)(sass@1.89.0)(terser@5.36.0)(tsx@4.20.3)
vite-plugin-pwa:
specifier: ^1.0.0
version: 1.0.0(vite@6.3.5(@types/node@22.15.24)(jiti@2.4.2)(lightningcss@1.30.1)(sass@1.89.0)(terser@5.36.0))(workbox-build@7.0.0)(workbox-window@7.0.0)
version: 1.0.0(vite@6.3.5(@types/node@22.15.24)(jiti@2.4.2)(lightningcss@1.30.1)(sass@1.89.0)(terser@5.36.0)(tsx@4.20.3))(workbox-build@7.0.0)(workbox-window@7.0.0)
vitest:
specifier: ^3.1.4
version: 3.1.4(@types/node@22.15.24)(jiti@2.4.2)(lightningcss@1.30.1)(sass@1.89.0)(terser@5.36.0)
version: 3.1.4(@types/node@22.15.24)(jiti@2.4.2)(lightningcss@1.30.1)(sass@1.89.0)(terser@5.36.0)(tsx@4.20.3)
webpack:
specifier: ^5.99.9
version: 5.99.9
@@ -1652,9 +1655,6 @@ packages:
'@types/sanitize-html@2.16.0':
resolution: {integrity: sha512-l6rX1MUXje5ztPT0cAFtUayXF06DqPhRyfVXareEN5gGCFaP/iwsxIyKODr9XDhfxPpN6vXUFNfo5kZMXCxBtw==}
'@types/trusted-types@2.0.3':
resolution: {integrity: sha512-NfQ4gyz38SL8sDNrSixxU2Os1a5xcdFxipAFxYEuLUlvU2uDwS4NUpsImcf1//SlWItCVMMLiylsxbmNMToV/g==}
'@types/trusted-types@2.0.7':
resolution: {integrity: sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==}
@@ -2504,6 +2504,10 @@ packages:
deprecated: This version is no longer supported. Please see https://eslint.org/version-support for other options.
hasBin: true
esno@4.8.0:
resolution: {integrity: sha512-acMtooReAQGzLU0zcuEDHa8S62meh5aIyi8jboYxyvAePdmuWx2Mpwmt0xjwO0bs9/SXf+dvXJ0QJoDWw814Iw==}
hasBin: true
espree@10.3.0:
resolution: {integrity: sha512-0QYC8b24HWY8zjRnDTL6RiHfDbAWn63qb4LMj1Z4b076A4une81+z03Kg7l7mn/48PUTqoLptSXez8oknU8Clg==}
engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -2681,6 +2685,9 @@ packages:
resolution: {integrity: sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==}
engines: {node: '>= 0.4'}
get-tsconfig@4.10.1:
resolution: {integrity: sha512-auHyJ4AgMz7vgS8Hp3N6HXSmlMdUyhSUrfBF16w153rxtLIEOE+HGqaBppczZvnHLqQJfiHotCYpNhl0lUROFQ==}
glob-parent@5.1.2:
resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
engines: {node: '>= 6'}
@@ -3543,6 +3550,9 @@ packages:
resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
engines: {node: '>=4'}
resolve-pkg-maps@1.0.0:
resolution: {integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==}
resolve@1.22.10:
resolution: {integrity: sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==}
engines: {node: '>= 0.4'}
@@ -3670,6 +3680,7 @@ packages:
source-map@0.8.0-beta.0:
resolution: {integrity: sha512-2ymg6oRBpebeZi9UUNsgQ89bhx01TcTkmNTGnNO88imTmbSgy4nfujrgVEFKWpMTEGA11EDkTt7mqObTPdigIA==}
engines: {node: '>= 8'}
deprecated: The work that was done in this beta branch won't be included in future versions
sourcemap-codec@1.4.8:
resolution: {integrity: sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==}
@@ -3839,6 +3850,11 @@ packages:
tslib@2.6.1:
resolution: {integrity: sha512-t0hLfiEKfMUoqhG+U1oid7Pva4bbDPHYfJNiB7BiIjRkj1pyC++4N3huJfqY6aRH6VTB0rvtzQwjM4K6qpfOig==}
tsx@4.20.3:
resolution: {integrity: sha512-qjbnuR9Tr+FJOMBqJCW5ehvIo/buZq7vH7qD7JziU98h6l3qGy0a/yPFjwO+y0/T7GFpNgNAvEcPPVfyT8rrPQ==}
engines: {node: '>=18.0.0'}
hasBin: true
type-check@0.4.0:
resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
engines: {node: '>= 0.8.0'}
@@ -5760,10 +5776,7 @@ snapshots:
dependencies:
htmlparser2: 8.0.2
'@types/trusted-types@2.0.3': {}
'@types/trusted-types@2.0.7':
optional: true
'@types/trusted-types@2.0.7': {}
'@types/web-bluetooth@0.0.21': {}
@@ -5861,9 +5874,9 @@ snapshots:
'@ungap/structured-clone@1.2.0': {}
'@vitejs/plugin-vue@5.2.4(vite@6.3.5(@types/node@22.15.24)(jiti@2.4.2)(lightningcss@1.30.1)(sass@1.89.0)(terser@5.36.0))(vue@3.5.16(typescript@5.8.3))':
'@vitejs/plugin-vue@5.2.4(vite@6.3.5(@types/node@22.15.24)(jiti@2.4.2)(lightningcss@1.30.1)(sass@1.89.0)(terser@5.36.0)(tsx@4.20.3))(vue@3.5.16(typescript@5.8.3))':
dependencies:
vite: 6.3.5(@types/node@22.15.24)(jiti@2.4.2)(lightningcss@1.30.1)(sass@1.89.0)(terser@5.36.0)
vite: 6.3.5(@types/node@22.15.24)(jiti@2.4.2)(lightningcss@1.30.1)(sass@1.89.0)(terser@5.36.0)(tsx@4.20.3)
vue: 3.5.16(typescript@5.8.3)
'@vitest/expect@3.1.4':
@@ -5873,13 +5886,13 @@ snapshots:
chai: 5.2.0
tinyrainbow: 2.0.0
'@vitest/mocker@3.1.4(vite@6.3.5(@types/node@22.15.24)(jiti@2.4.2)(lightningcss@1.30.1)(sass@1.89.0)(terser@5.36.0))':
'@vitest/mocker@3.1.4(vite@6.3.5(@types/node@22.15.24)(jiti@2.4.2)(lightningcss@1.30.1)(sass@1.89.0)(terser@5.36.0)(tsx@4.20.3))':
dependencies:
'@vitest/spy': 3.1.4
estree-walker: 3.0.3
magic-string: 0.30.17
optionalDependencies:
vite: 6.3.5(@types/node@22.15.24)(jiti@2.4.2)(lightningcss@1.30.1)(sass@1.89.0)(terser@5.36.0)
vite: 6.3.5(@types/node@22.15.24)(jiti@2.4.2)(lightningcss@1.30.1)(sass@1.89.0)(terser@5.36.0)(tsx@4.20.3)
'@vitest/pretty-format@3.1.4':
dependencies:
@@ -6813,6 +6826,10 @@ snapshots:
transitivePeerDependencies:
- supports-color
esno@4.8.0:
dependencies:
tsx: 4.20.3
espree@10.3.0:
dependencies:
acorn: 8.14.0
@@ -6996,6 +7013,10 @@ snapshots:
call-bind: 1.0.2
get-intrinsic: 1.2.1
get-tsconfig@4.10.1:
dependencies:
resolve-pkg-maps: 1.0.0
glob-parent@5.1.2:
dependencies:
is-glob: 4.0.3
@@ -7797,6 +7818,8 @@ snapshots:
resolve-from@4.0.0: {}
resolve-pkg-maps@1.0.0: {}
resolve@1.22.10:
dependencies:
is-core-module: 2.16.0
@@ -8106,6 +8129,13 @@ snapshots:
tslib@2.6.1: {}
tsx@4.20.3:
dependencies:
esbuild: 0.25.5
get-tsconfig: 4.10.1
optionalDependencies:
fsevents: 2.3.3
type-check@0.4.0:
dependencies:
prelude-ls: 1.2.1
@@ -8195,13 +8225,13 @@ snapshots:
uuid@8.3.2: {}
vite-node@3.1.4(@types/node@22.15.24)(jiti@2.4.2)(lightningcss@1.30.1)(sass@1.89.0)(terser@5.36.0):
vite-node@3.1.4(@types/node@22.15.24)(jiti@2.4.2)(lightningcss@1.30.1)(sass@1.89.0)(terser@5.36.0)(tsx@4.20.3):
dependencies:
cac: 6.7.14
debug: 4.4.1
es-module-lexer: 1.7.0
pathe: 2.0.3
vite: 6.3.5(@types/node@22.15.24)(jiti@2.4.2)(lightningcss@1.30.1)(sass@1.89.0)(terser@5.36.0)
vite: 6.3.5(@types/node@22.15.24)(jiti@2.4.2)(lightningcss@1.30.1)(sass@1.89.0)(terser@5.36.0)(tsx@4.20.3)
transitivePeerDependencies:
- '@types/node'
- jiti
@@ -8216,18 +8246,18 @@ snapshots:
- tsx
- yaml
vite-plugin-pwa@1.0.0(vite@6.3.5(@types/node@22.15.24)(jiti@2.4.2)(lightningcss@1.30.1)(sass@1.89.0)(terser@5.36.0))(workbox-build@7.0.0)(workbox-window@7.0.0):
vite-plugin-pwa@1.0.0(vite@6.3.5(@types/node@22.15.24)(jiti@2.4.2)(lightningcss@1.30.1)(sass@1.89.0)(terser@5.36.0)(tsx@4.20.3))(workbox-build@7.0.0)(workbox-window@7.0.0):
dependencies:
debug: 4.4.1
pretty-bytes: 6.1.1
tinyglobby: 0.2.14
vite: 6.3.5(@types/node@22.15.24)(jiti@2.4.2)(lightningcss@1.30.1)(sass@1.89.0)(terser@5.36.0)
vite: 6.3.5(@types/node@22.15.24)(jiti@2.4.2)(lightningcss@1.30.1)(sass@1.89.0)(terser@5.36.0)(tsx@4.20.3)
workbox-build: 7.0.0
workbox-window: 7.0.0
transitivePeerDependencies:
- supports-color
vite@6.3.5(@types/node@22.15.24)(jiti@2.4.2)(lightningcss@1.30.1)(sass@1.89.0)(terser@5.36.0):
vite@6.3.5(@types/node@22.15.24)(jiti@2.4.2)(lightningcss@1.30.1)(sass@1.89.0)(terser@5.36.0)(tsx@4.20.3):
dependencies:
esbuild: 0.25.5
fdir: 6.4.5(picomatch@4.0.2)
@@ -8242,11 +8272,12 @@ snapshots:
lightningcss: 1.30.1
sass: 1.89.0
terser: 5.36.0
tsx: 4.20.3
vitest@3.1.4(@types/node@22.15.24)(jiti@2.4.2)(lightningcss@1.30.1)(sass@1.89.0)(terser@5.36.0):
vitest@3.1.4(@types/node@22.15.24)(jiti@2.4.2)(lightningcss@1.30.1)(sass@1.89.0)(terser@5.36.0)(tsx@4.20.3):
dependencies:
'@vitest/expect': 3.1.4
'@vitest/mocker': 3.1.4(vite@6.3.5(@types/node@22.15.24)(jiti@2.4.2)(lightningcss@1.30.1)(sass@1.89.0)(terser@5.36.0))
'@vitest/mocker': 3.1.4(vite@6.3.5(@types/node@22.15.24)(jiti@2.4.2)(lightningcss@1.30.1)(sass@1.89.0)(terser@5.36.0)(tsx@4.20.3))
'@vitest/pretty-format': 3.1.4
'@vitest/runner': 3.1.4
'@vitest/snapshot': 3.1.4
@@ -8263,8 +8294,8 @@ snapshots:
tinyglobby: 0.2.14
tinypool: 1.0.2
tinyrainbow: 2.0.0
vite: 6.3.5(@types/node@22.15.24)(jiti@2.4.2)(lightningcss@1.30.1)(sass@1.89.0)(terser@5.36.0)
vite-node: 3.1.4(@types/node@22.15.24)(jiti@2.4.2)(lightningcss@1.30.1)(sass@1.89.0)(terser@5.36.0)
vite: 6.3.5(@types/node@22.15.24)(jiti@2.4.2)(lightningcss@1.30.1)(sass@1.89.0)(terser@5.36.0)(tsx@4.20.3)
vite-node: 3.1.4(@types/node@22.15.24)(jiti@2.4.2)(lightningcss@1.30.1)(sass@1.89.0)(terser@5.36.0)(tsx@4.20.3)
why-is-node-running: 2.3.0
optionalDependencies:
'@types/node': 22.15.24
@@ -8546,7 +8577,7 @@ snapshots:
workbox-window@7.0.0:
dependencies:
'@types/trusted-types': 2.0.3
'@types/trusted-types': 2.0.7
workbox-core: 7.0.0
wrappy@1.0.2: {}

6
src/components/ThemeSwap.vue
View File

@@ -1,7 +1,9 @@
<script setup lang="ts">
import { themeConfig } from "../theme.config"
const htmlElement = document.querySelector("html")
const lightMode = htmlElement?.dataset.theme
const darkMode = "business"
const lightMode = themeConfig.light
const darkMode = themeConfig.dark
const isInitiallyDark = JSON.parse(localStorage.getItem("is-dark") ?? "false")

7
src/theme.config.ts Normal file
View File

@@ -0,0 +1,7 @@
// Theme configuration file
// Update these values to change the light and dark themes
export const themeConfig = {
light: "cupcake",
dark: "business",
}