refactor: use new common.css

gleam-lang · Feb 14, 2024 · 1961ddb · 1961ddb
1 parent 5bd043e
commit 1961ddb
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 34 deletions.
diff --git a/priv/static/common.css b/priv/static/common.css
@@ -2,23 +2,23 @@
 :root {
   /* Grays */
   --col-black: #000000;
-  --col-chinese-black: #151515;
-  --col-eerie-black: #1e1e1e;
-  --col-gunmetal: #292d3e;
-  --col-dark-charcoal: #2f2f2f;
-  --col-english-violet: #584355;
-  --col-purple-navy: #51597b;
-  --col-gray: #7e818b;
-  --col-dark-vanilla: #cac0a9;
-  --col-cosmic-latte: #fffbe8;
-  --col-baby-powder: #fefefc;
+  --col-neutral-950: #151515;
+  --col-neutral-900: #1e1e1e;
+  --col-neutral-800: #2f2f2f;
+  --col-zinc-500: #7e818b;
+  --col-sepia-450: #b1a894;
+  --col-sepia-400: #cac0a9;
+  --col-sepia-300: #e3d8be;
+  --col-sepia-100: #fffbe8;
+  --col-sepia-050: #fefefc;
   /* Colors */
-  --col-faff-pink: #ffaff3;
-  --col-pastel-red: #ff6262;
-  --col-deep-saffron: #ff9d35;
-  --col-caramel: #ffd596;
-  --col-khaki: #b1a894;
-  --col-bone: #e3d8be;
-  --col-menthol: #c8ffa7;
-  --col-waterspout: #a6f0fc;
+  --col-magenta-800: #584355;
+  --col-magenta-300: #ffaff3;
+  --col-azure-800: #292d3e;
+  --col-azure-600: #51597b;
+  --col-cyan-200: #a6f0fc;
+  --col-green-200: #c8ffa7;
+  --col-yellow-300: #ffd596;
+  --col-orange-400: #ff9d35;
+  --col-red-400: #ff6262;
 }
diff --git a/priv/static/styles.css b/priv/static/styles.css
@@ -23,32 +23,32 @@
 }
 
 html.theme-light {
-  --color-background: var(--col-baby-powder);
+  --color-background: var(--col-sepia-050);
   --color-link: var(--col-black);
-  --color-link-decoration: var(--col-faff-pink);
-  --color-link-secondary: var(--col-dark-charcoal);
+  --color-link-decoration: var(--col-magenta-300);
+  --color-link-secondary: var(--col-neutral-800);
   --color-link-secondary-decoration: var(--color-link-decoration);
-  --color-header-background: var(--col-faff-pink);
-  --color-header-input-background: var(--col-baby-powder);
+  --color-header-background: var(--col-magenta-300);
+  --color-header-input-background: var(--col-sepia-050);
   --color-header-link: var(--col-black);
   --color-header-text: var(--col-black);
   --color-text: var(--col-black);
-  --color-text-secondary: var(--col-dark-charcoal);
+  --color-text-secondary: var(--col-neutral-800);
   color-scheme: light;
 }
 
 html.theme-dark {
-  --color-background: var(--col-gunmetal);
-  --color-link: var(--col-faff-pink);
-  --color-link-decoration: var(--col-english-violet);
-  --color-link-secondary: var(--col-bone);
-  --color-link-secondary-decoration: var(--col-khaki);
-  --color-header-background: var(--col-faff-pink);
-  --color-header-input-background: var(--col-baby-powder);
+  --color-background: var(--col-azure-800);
+  --color-link: var(--col-magenta-300);
+  --color-link-decoration: var(--col-magenta-800);
+  --color-link-secondary: var(--col-sepia-300);
+  --color-link-secondary-decoration: var(--col-sepia-450);
+  --color-header-background: var(--col-magenta-300);
+  --color-header-input-background: var(--col-sepia-050);
   --color-header-link: var(--col-black);
-  --color-header-text: var(--col-gunmetal);
-  --color-text: var(--col-bone);
-  --color-text-secondary: var(--col-khaki);
+  --color-header-text: var(--col-azure-800);
+  --color-text: var(--col-sepia-300);
+  --color-text-secondary: var(--col-sepia-450);
   color-scheme: dark;
 }