Tweaking colors a bit for an improved contrast

boggydigital · Dec 31, 2023 · 1c4bf2a · 1c4bf2a
1 parent d3cfd13
commit 1c4bf2a
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 18 deletions.
diff --git a/rest/templates/css_colors.gohtml b/rest/templates/css_colors.gohtml
@@ -294,27 +294,45 @@
             --blue-gray-900: #263238;
 
             /* Base Colors */
-            --color-red: var(--red-500);
-            --color-pink: var(--pink-500);
-            --color-purple: var(--purple-500);
-            --color-deep-purple: var(--deep-purple-500);
-            --color-indigo: var(--indigo-500);
-            --color-blue: var(--blue-500);
-            --color-light-blue: var(--light-blue-500);
-            --color-cyan: var(--cyan-500);
-            --color-teal: var(--teal-500);
-            --color-green: var(--green-500);
-            --color-light-green: var(--light-green-500);
-            --color-lime: var(--lime-500);
-            --color-yellow: var(--yellow-500);
-            --color-amber: var(--amber-500);
-            --color-orange: var(--orange-500);
-            --color-deep-orange: var(--deep-orange-500);
-            --color-brown: var(--brown-500);
+            --color-red: var(--red-400);
+            --color-pink: var(--pink-400);
+            --color-purple: var(--purple-400);
+            --color-deep-purple: var(--deep-purple-400);
+            --color-indigo: var(--indigo-400);
+            --color-blue: var(--blue-400);
+            --color-light-blue: var(--light-blue-400);
+            --color-cyan: var(--cyan-400);
+            --color-teal: var(--teal-400);
+            --color-green: var(--green-400);
+            --color-light-green: var(--light-green-400);
+            --color-lime: var(--lime-400);
+            --color-yellow: var(--yellow-400);
+            --color-amber: var(--amber-400);
+            --color-orange: var(--orange-400);
+            --color-deep-orange: var(--deep-orange-400);
+            --color-brown: var(--brown-400);
         }
 
         @media screen and (prefers-color-scheme: light) {
             :root {
+                --color-red: var(--red-600);
+                --color-pink: var(--pink-600);
+                --color-purple: var(--purple-600);
+                --color-deep-purple: var(--deep-purple-600);
+                --color-indigo: var(--indigo-600);
+                --color-blue: var(--blue-600);
+                --color-light-blue: var(--light-blue-600);
+                --color-cyan: var(--cyan-600);
+                --color-teal: var(--teal-600);
+                --color-green: var(--green-600);
+                --color-light-green: var(--light-green-600);
+                --color-lime: var(--lime-600);
+                --color-yellow: var(--yellow-600);
+                --color-amber: var(--amber-600);
+                --color-orange: var(--orange-600);
+                --color-deep-orange: var(--deep-orange-600);
+                --color-brown: var(--brown-600);
+
                 --background-color: var(--gray-100);
                 --highlight-color: white;
                 --color: var(--gray-800);

diff --git a/rest/templates/css_shared.gohtml b/rest/templates/css_shared.gohtml
@@ -28,7 +28,7 @@
         }
 
         a.highlight {
-            color: var(--color-amber);
+            color: var(--color-orange);
             margin-block: 2rem
         }