From 1c4bf2a6702632b2f0d2e56d6e5f0cd18db3301b Mon Sep 17 00:00:00 2001
From: Bogdan Brinza <Bogdan.Brinza@hey.com>
Date: Sat, 30 Dec 2023 22:32:16 -0800
Subject: [PATCH] Tweaking colors a bit for an improved contrast

---
 rest/templates/css_colors.gohtml | 52 +++++++++++++++++++++-----------
 rest/templates/css_shared.gohtml |  2 +-
 2 files changed, 36 insertions(+), 18 deletions(-)

diff --git a/rest/templates/css_colors.gohtml b/rest/templates/css_colors.gohtml
index 4042a7c..cf6c013 100644
--- 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
index c0129df..aeef79b 100644
--- 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
         }