From 2f3df491f6d6eafd3c8785120d3fbcdef0cbf41d Mon Sep 17 00:00:00 2001 From: Julien Calixte Date: Sat, 2 Aug 2025 02:56:24 +0200 Subject: [PATCH] design: change theme to retro --- _scripts/change-theme-dark.ts | 14 +++++++++++--- _scripts/change-theme-light.ts | 15 +++++++++++---- src/styles/app.css | 2 +- src/theme.config.ts | 4 ++-- 4 files changed, 25 insertions(+), 10 deletions(-) diff --git a/_scripts/change-theme-dark.ts b/_scripts/change-theme-dark.ts index a51e6d4..2503e69 100644 --- a/_scripts/change-theme-dark.ts +++ b/_scripts/change-theme-dark.ts @@ -1,17 +1,18 @@ #!/usr/bin/env node // Script pour changer facilement le thème sombre de l'application LiteNote -// Usage: pnpm run theme:dark [nom-du-theme] +// Usage: pnpm run theme:dark [theme-name] import { readFileSync, writeFileSync } from "fs" import { join } from "path" // Chemins vers les fichiers const themeConfigPath = join(__dirname, "..", "src", "theme.config.ts") +const appCssPath = join(__dirname, "..", "src", "styles", "app.css") // Vérifier les arguments if (process.argv.length < 3) { - console.log("Usage: pnpm run theme:dark [nom-du-theme]") + console.log("Usage: pnpm run theme:dark [theme-name]") console.log("Exemple: pnpm run theme:dark business") process.exit(1) } @@ -32,5 +33,12 @@ themeConfigContent = themeConfigContent.replace( // Écrire le contenu mis à jour dans le fichier writeFileSync(themeConfigPath, themeConfigContent) +// Mettre à jour également le fichier app.css pour le thème --prefersdark +let appCssContent = readFileSync(appCssPath, "utf8") +appCssContent = appCssContent.replace( + /(\s+)([a-zA-Z0-9-]+)(\s+--prefersdark;)/, + `$1${newTheme}$3`, +) +writeFileSync(appCssPath, appCssContent) + console.log(`Thème ${mode} mis à jour avec succès vers: ${newTheme}`) -console.log("Redémarrez le serveur de développement si nécessaire") diff --git a/_scripts/change-theme-light.ts b/_scripts/change-theme-light.ts index 53e2bc1..77ad969 100644 --- a/_scripts/change-theme-light.ts +++ b/_scripts/change-theme-light.ts @@ -1,7 +1,7 @@ #!/usr/bin/env node // Script pour changer facilement le thème clair de l'application LiteNote -// Usage: pnpm run theme:light [nom-du-theme] +// Usage: pnpm run theme:light [theme-name] import { readFileSync, writeFileSync } from "fs" import { join } from "path" @@ -9,10 +9,11 @@ import { join } from "path" // Chemins vers les fichiers const themeConfigPath = join(__dirname, "..", "src", "theme.config.ts") const indexPath = join(__dirname, "..", "index.html") +const appCssPath = join(__dirname, "..", "src", "styles", "app.css") // Vérifier les arguments if (process.argv.length < 3) { - console.log("Usage: pnpm run theme:light [nom-du-theme]") + console.log("Usage: pnpm run theme:light [theme-name]") console.log("Exemple: pnpm run theme:light cupcake") process.exit(1) } @@ -41,6 +42,12 @@ indexContent = indexContent.replace( ) writeFileSync(indexPath, indexContent) +// Mettre à jour également le fichier app.css pour le thème --default +let appCssContent = readFileSync(appCssPath, "utf8") +appCssContent = appCssContent.replace( + /(\s+)([a-zA-Z0-9-]+)(\s+--default,)/, + `$1${newTheme}$3`, +) +writeFileSync(appCssPath, appCssContent) + 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") diff --git a/src/styles/app.css b/src/styles/app.css index 7a10ee1..f4d2ec7 100644 --- a/src/styles/app.css +++ b/src/styles/app.css @@ -25,7 +25,7 @@ @plugin 'daisyui' { themes: retro --default, - business --prefersdark; + aqua --prefersdark; } @config '../../tailwind.config.js'; diff --git a/src/theme.config.ts b/src/theme.config.ts index a037ee0..e927a2e 100644 --- a/src/theme.config.ts +++ b/src/theme.config.ts @@ -2,6 +2,6 @@ // Update these values to change the light and dark themes export const themeConfig = { - light: "cupcake", - dark: "business", + light: 'retro', + dark: 'aqua', }