feat: chocolate theme

aradzie · Oct 16, 2024 · be46762 · be46762
1 parent 7fa7a71
commit be46762
Show file tree

Hide file tree

Showing 7 changed files with 566 additions and 144 deletions.
diff --git a/packages/keybr-themes/assets/bg-chocolate.svg b/packages/keybr-themes/assets/bg-chocolate.svg
diff --git a/packages/keybr-themes/assets/bg-coffee-dark.svg b/packages/keybr-themes/assets/bg-coffee-dark.svg
diff --git a/...s/keybr-themes/assets/bg-coffee-light.svg → packages/keybr-themes/assets/bg-coffee.svg b/...s/keybr-themes/assets/bg-coffee-light.svg → packages/keybr-themes/assets/bg-coffee.svg
diff --git a/packages/keybr-themes/lib/themes/index.less b/packages/keybr-themes/lib/themes/index.less
@@ -5,7 +5,7 @@
 @import "theme-3-gray.less";
 @import "theme-4-yellow.less";
 @import "theme-5-garden.less";
-@import "theme-6-coffee-light.less";
-@import "theme-7-coffee-dark.less";
+@import "theme-6-coffee.less";
+@import "theme-7-chocolate.less";
 @import "theme-8-honey.less";
 @import "theme-99-custom.less";
diff --git a/...emes/lib/themes/theme-6-coffee-light.less → ...ybr-themes/lib/themes/theme-6-coffee.less b/...emes/lib/themes/theme-6-coffee-light.less → ...ybr-themes/lib/themes/theme-6-coffee.less
@@ -1,6 +1,6 @@
 @import "palettes.less";
 
-html[data-color="coffee-light"] {
+html[data-color="coffee"] {
   @primary: #faecd7;
   @secondary: #262626;
   @accent: #4d4d4d;
@@ -31,7 +31,7 @@ html[data-color="coffee-light"] {
   .use-chart-colors(@primary, 20);
   .use-keyboard-colors(@primary, 20);
   .use-effort-colors(@primary, #759ef0);
-  --background-image: url(../../assets/bg-coffee-light.svg);
+  --background-image: url(../../assets/bg-coffee.svg);
   --Surface__box-shadow: 0 0.5rem 1rem var(--shadow-color);
   --Surface__backdrop-filter: blur(10px);
 }
diff --git a/...hemes/lib/themes/theme-7-coffee-dark.less → ...-themes/lib/themes/theme-7-chocolate.less b/...hemes/lib/themes/theme-7-coffee-dark.less → ...-themes/lib/themes/theme-7-chocolate.less
@@ -1,9 +1,9 @@
 @import "palettes.less";
 
-html[data-color="coffee-dark"] {
+html[data-color="chocolate"] {
   @primary: #604a43;
   @secondary: #cfcfcf;
-  @accent: #ba8f81;
+  @accent: #e3a390;
   @error: #a34729;
 
   --primary-d2: darken(@primary, 10);
@@ -31,7 +31,7 @@ html[data-color="coffee-dark"] {
   .use-chart-colors(@primary, 20);
   .use-keyboard-colors(@primary, 20);
   .use-effort-colors(@primary, #759ef0);
-  --background-image: url(../../assets/bg-coffee-dark.svg);
+  --background-image: url(../../assets/bg-chocolate.svg);
   --Surface__box-shadow: 0 0.5rem 1rem var(--shadow-color);
   --Surface__backdrop-filter: blur(10px);
 }
diff --git a/packages/keybr-themes/lib/themes/themes.ts b/packages/keybr-themes/lib/themes/themes.ts
@@ -49,12 +49,12 @@ export const COLORS = new ThemeList([
     name: "Garden",
   },
   {
-    id: "coffee-light",
-    name: "Coffee (Light)",
+    id: "coffee",
+    name: "Coffee",
   },
   {
-    id: "coffee-dark",
-    name: "Coffee (Dark)",
+    id: "chocolate",
+    name: "Chocolate",
   },
   {
     id: "honey",