Themes works

puzzmo-com · Jan 27, 2024 · 9c8db09 · 9c8db09
1 parent 3807859
commit 9c8db09
Show file tree

Hide file tree

Showing 16 changed files with 523 additions and 429 deletions.
diff --git a/assets/style/main.css b/assets/style/main.css
diff --git a/content/posts/2023/12/22/q4-changelog.md b/content/posts/2023/12/22/q4-changelog.md
@@ -3,7 +3,7 @@ title = 'Puzzmo Tech Changelog 23Q4'
 date = 2023-12-22T12:56:32Z
 authors = ["orta"]
 tags = ["changlog"]
-theme = "foshay"
+theme = "outlook-hayesy-beta"
 draft = true
 +++
 

diff --git a/scripts/syncThemes.ts b/scripts/syncThemes.ts
@@ -1,15 +1,15 @@
 /**
- deno run scripts/syncThemes.ts
+ deno run -A scripts/syncThemes.ts
 
  only works for puzzmo folks, because it requires an internal submodule in the app repo
  */
 
 import { themes } from "../../app/src/shared/themes.ts";
 
 for (const theme of themes) {
-    const vars = Object.entries(theme).map(([key, value]) => `--theme-${key}: "${value}";`).join("\n");
+    const vars = Object.entries(theme).map(([key, value]) => `--theme-${key}: ${value};`).join("\n");
     const css = `:root {\n${vars}\n}`;
-    const path = `assets/themes/${slugify(theme.name)}.css`;
+    const path = `static/themes/${slugify(theme.name)}.css`;
     Deno.writeTextFileSync(path, css, { create: true });
 }
 

diff --git a/static/themes/bright-white.css b/static/themes/bright-white.css
@@ -1,38 +1,38 @@
 :root {
---theme-name: "Bright white";
---theme-type: "light";
---theme-key: "#67ced2";
---theme-keyFG: "#000000";
---theme-keyStrong: "#26a0a5";
---theme-keyLight: "#ade6e9";
---theme-g_key: "#67ced2";
---theme-subBrand: "#FFC000";
---theme-subBrandFG: "#000000";
---theme-player: "#5DBAFC";
---theme-playerFG: "#000000";
---theme-playerLight: "#9EDDFF";
---theme-alt1: "#d26767";
---theme-alt2: "#fac16c";
---theme-alt3: "#7580bd";
---theme-fg: "#000000";
---theme-error: "#FF3C3C";
---theme-alwaysDark: "#111111";
---theme-alwaysLight: "#FFFFFF";
---theme-g_bg: "#f6f6f6";
---theme-g_bgAlt: "#F4F4F4";
---theme-g_bgDark: "#D6D6D6";
---theme-g_textDark: "#1B1B28";
---theme-g_textLight: "#FFFFFF";
---theme-g_blank: "#000000";
---theme-g_unsolved: "#C2C2C2";
---theme-g_outline: "#1B1D29";
---theme-a_bg: "#FFFFFF";
---theme-a_bgAlt: "#f8fbfc";
---theme-a_puzmo: "#FFC000";
---theme-a_headerText: "#000000";
---theme-a_table: "#EDEDED";
---theme-a_tableAlt: "#DBDBDB";
---theme-a_inlineTag: "#D9D9D9";
---theme-a_anchor: "#1F97EE";
---theme-a_infoBG: "#f6f6f6";
+--theme-name: Bright white;
+--theme-type: light;
+--theme-key: #67ced2;
+--theme-keyFG: #000000;
+--theme-keyStrong: #26a0a5;
+--theme-keyLight: #ade6e9;
+--theme-g_key: #67ced2;
+--theme-subBrand: #FFC000;
+--theme-subBrandFG: #000000;
+--theme-player: #5DBAFC;
+--theme-playerFG: #000000;
+--theme-playerLight: #9EDDFF;
+--theme-alt1: #d26767;
+--theme-alt2: #fac16c;
+--theme-alt3: #7580bd;
+--theme-fg: #000000;
+--theme-error: #FF3C3C;
+--theme-alwaysDark: #111111;
+--theme-alwaysLight: #FFFFFF;
+--theme-g_bg: #f6f6f6;
+--theme-g_bgAlt: #F4F4F4;
+--theme-g_bgDark: #D6D6D6;
+--theme-g_textDark: #1B1B28;
+--theme-g_textLight: #FFFFFF;
+--theme-g_blank: #000000;
+--theme-g_unsolved: #C2C2C2;
+--theme-g_outline: #1B1D29;
+--theme-a_bg: #FFFFFF;
+--theme-a_bgAlt: #f8fbfc;
+--theme-a_puzmo: #FFC000;
+--theme-a_headerText: #000000;
+--theme-a_table: #EDEDED;
+--theme-a_tableAlt: #DBDBDB;
+--theme-a_inlineTag: #D9D9D9;
+--theme-a_anchor: #1F97EE;
+--theme-a_infoBG: #f6f6f6;
 }
diff --git a/static/themes/console-beta.css b/static/themes/console-beta.css
@@ -1,38 +1,38 @@
 :root {
---theme-name: "Console (beta)";
---theme-type: "dark";
---theme-key: "#957df9";
---theme-keyFG: "#000000";
---theme-keyStrong: "#590FF5";
---theme-keyLight: "#590FF5";
---theme-subBrand: "#FFC000";
---theme-subBrandFG: "#000000";
---theme-g_key: "#FFFF00";
---theme-player: "#ffffff";
---theme-playerFG: "#000000";
---theme-playerLight: "#9EDDFF";
---theme-alt1: "#590ff5";
---theme-alt2: "#00e200";
---theme-alt3: "#ff8a02";
---theme-fg: "#00e200";
---theme-error: "#FF3C3C";
---theme-alwaysDark: "#1B1D29";
---theme-alwaysLight: "#00e200";
---theme-g_bg: "#101428";
---theme-g_bgAlt: "#101428";
---theme-g_bgDark: "#00e200";
---theme-g_textDark: "#00e200";
---theme-g_textLight: "#590ff5";
---theme-g_blank: "#00e200";
---theme-g_unsolved: "#0000ff";
---theme-g_outline: "#00e200";
---theme-a_bg: "#000000";
---theme-a_bgAlt: "#112211";
---theme-a_puzmo: "#ffffff";
---theme-a_headerText: "#00e200";
---theme-a_table: "#000000";
---theme-a_tableAlt: "#002200";
---theme-a_inlineTag: "#D9D9D9";
---theme-a_anchor: "#957df9";
---theme-a_infoBG: "#001900";
+--theme-name: Console (beta);
+--theme-type: dark;
+--theme-key: #957df9;
+--theme-keyFG: #000000;
+--theme-keyStrong: #590FF5;
+--theme-keyLight: #590FF5;
+--theme-subBrand: #FFC000;
+--theme-subBrandFG: #000000;
+--theme-g_key: #FFFF00;
+--theme-player: #ffffff;
+--theme-playerFG: #000000;
+--theme-playerLight: #9EDDFF;
+--theme-alt1: #590ff5;
+--theme-alt2: #00e200;
+--theme-alt3: #ff8a02;
+--theme-fg: #00e200;
+--theme-error: #FF3C3C;
+--theme-alwaysDark: #1B1D29;
+--theme-alwaysLight: #00e200;
+--theme-g_bg: #101428;
+--theme-g_bgAlt: #101428;
+--theme-g_bgDark: #00e200;
+--theme-g_textDark: #00e200;
+--theme-g_textLight: #590ff5;
+--theme-g_blank: #00e200;
+--theme-g_unsolved: #0000ff;
+--theme-g_outline: #00e200;
+--theme-a_bg: #000000;
+--theme-a_bgAlt: #112211;
+--theme-a_puzmo: #ffffff;
+--theme-a_headerText: #00e200;
+--theme-a_table: #000000;
+--theme-a_tableAlt: #002200;
+--theme-a_inlineTag: #D9D9D9;
+--theme-a_anchor: #957df9;
+--theme-a_infoBG: #001900;
 }
diff --git a/static/themes/foshay.css b/static/themes/foshay.css
@@ -1,38 +1,38 @@
 :root {
---theme-name: "Foshay";
---theme-type: "light";
---theme-key: "#A4D379";
---theme-keyFG: "#313540";
---theme-keyStrong: "#94BF6D";
---theme-keyLight: "#B2E583";
---theme-g_key: "#A4D379";
---theme-player: "#56C9E9";
---theme-subBrand: "#FFC000";
---theme-subBrandFG: "#000000";
---theme-playerFG: "#292B35";
---theme-playerLight: "#A8B5D6";
---theme-alt1: "#98B389";
---theme-alt2: "#FAC16C";
---theme-alt3: "#D298FF";
---theme-error: "#FF3C3C";
---theme-fg: "#292B35";
---theme-alwaysDark: "#292B35";
---theme-alwaysLight: "#D1DBF2";
---theme-g_bg: "#949EBA";
---theme-g_bgAlt: "#8891AB";
---theme-g_bgDark: "#7B839B";
---theme-g_textDark: "#292B35";
---theme-g_textLight: "#FFFFFF";
---theme-g_blank: "#292B35";
---theme-g_unsolved: "#B6B7BA";
---theme-g_outline: "#676F83";
---theme-a_bg: "#828CA3";
---theme-a_bgAlt: "#7F889F";
---theme-a_puzmo: "#FFC000";
---theme-a_headerText: "#292B35";
---theme-a_table: "#7A8399";
---theme-a_tableAlt: "#767E94";
---theme-a_inlineTag: "#ECECEC";
---theme-a_anchor: "#56C9E9";
---theme-a_infoBG: "#767F95";
+--theme-name: Foshay;
+--theme-type: light;
+--theme-key: #A4D379;
+--theme-keyFG: #313540;
+--theme-keyStrong: #94BF6D;
+--theme-keyLight: #B2E583;
+--theme-g_key: #A4D379;
+--theme-player: #56C9E9;
+--theme-subBrand: #FFC000;
+--theme-subBrandFG: #000000;
+--theme-playerFG: #292B35;
+--theme-playerLight: #A8B5D6;
+--theme-alt1: #98B389;
+--theme-alt2: #FAC16C;
+--theme-alt3: #D298FF;
+--theme-error: #FF3C3C;
+--theme-fg: #292B35;
+--theme-alwaysDark: #292B35;
+--theme-alwaysLight: #D1DBF2;
+--theme-g_bg: #949EBA;
+--theme-g_bgAlt: #8891AB;
+--theme-g_bgDark: #7B839B;
+--theme-g_textDark: #292B35;
+--theme-g_textLight: #FFFFFF;
+--theme-g_blank: #292B35;
+--theme-g_unsolved: #B6B7BA;
+--theme-g_outline: #676F83;
+--theme-a_bg: #828CA3;
+--theme-a_bgAlt: #7F889F;
+--theme-a_puzmo: #FFC000;
+--theme-a_headerText: #292B35;
+--theme-a_table: #7A8399;
+--theme-a_tableAlt: #767E94;
+--theme-a_inlineTag: #ECECEC;
+--theme-a_anchor: #56C9E9;
+--theme-a_infoBG: #767F95;
 }
diff --git a/static/themes/hot-dog-beta.css b/static/themes/hot-dog-beta.css
@@ -1,38 +1,38 @@
 :root {
---theme-name: "Hot Dog (beta)";
---theme-type: "light";
---theme-key: "#FFFF00";
---theme-keyFG: "#000000";
---theme-keyStrong: "#FFE600";
---theme-keyLight: "#FFEC44";
---theme-g_key: "#FFFF00";
---theme-subBrand: "#FFC000";
---theme-subBrandFG: "#000000";
---theme-player: "#FF7A00";
---theme-playerFG: "#000000";
---theme-playerLight: "#FFA450";
---theme-alt1: "#3ABC5E";
---theme-alt2: "#5C3ABC";
---theme-alt3: "#BC3AAF";
---theme-fg: "#000000";
---theme-error: "#FF3C3C";
---theme-alwaysDark: "#1B1D29";
---theme-alwaysLight: "#FFFFFF";
---theme-g_bg: "#EBFF00";
---theme-g_bgAlt: "#EBEBEB";
---theme-g_bgDark: "#D6D6D6";
---theme-g_textDark: "#1B1B28";
---theme-g_textLight: "#FFFFFF";
---theme-g_blank: "#000000";
---theme-g_unsolved: "#C2C2C2";
---theme-g_outline: "#1B1D29";
---theme-a_bg: "#FF0000";
---theme-a_bgAlt: "#E50000";
---theme-a_puzmo: "#FFC000";
---theme-a_headerText: "#FFFFFF";
---theme-a_table: "#E50000";
---theme-a_tableAlt: "#FF2525";
---theme-a_inlineTag: "#000000";
---theme-a_anchor: "#000000";
---theme-a_infoBG: "#C6C6C6";
+--theme-name: Hot Dog (beta);
+--theme-type: light;
+--theme-key: #FFFF00;
+--theme-keyFG: #000000;
+--theme-keyStrong: #FFE600;
+--theme-keyLight: #FFEC44;
+--theme-g_key: #FFFF00;
+--theme-subBrand: #FFC000;
+--theme-subBrandFG: #000000;
+--theme-player: #FF7A00;
+--theme-playerFG: #000000;
+--theme-playerLight: #FFA450;
+--theme-alt1: #3ABC5E;
+--theme-alt2: #5C3ABC;
+--theme-alt3: #BC3AAF;
+--theme-fg: #000000;
+--theme-error: #FF3C3C;
+--theme-alwaysDark: #1B1D29;
+--theme-alwaysLight: #FFFFFF;
+--theme-g_bg: #EBFF00;
+--theme-g_bgAlt: #EBEBEB;
+--theme-g_bgDark: #D6D6D6;
+--theme-g_textDark: #1B1B28;
+--theme-g_textLight: #FFFFFF;
+--theme-g_blank: #000000;
+--theme-g_unsolved: #C2C2C2;
+--theme-g_outline: #1B1D29;
+--theme-a_bg: #FF0000;
+--theme-a_bgAlt: #E50000;
+--theme-a_puzmo: #FFC000;
+--theme-a_headerText: #FFFFFF;
+--theme-a_table: #E50000;
+--theme-a_tableAlt: #FF2525;
+--theme-a_inlineTag: #000000;
+--theme-a_anchor: #000000;
+--theme-a_infoBG: #C6C6C6;
 }