improve colors

dist/index.css

@@ -62,8 +62,8 @@ main {
     background-image:
       linear-gradient(
         120deg,
-        hsla(210, 100%, 50%, 50%),
-        hsla(210, 100%, 50%, 25%));
+        hsla(210, 100%, 50%, 60%),
+        hsla(210, 100%, 50%, 30%));
   }
   #background::before {
     top: -130%;
@@ -91,7 +91,15 @@ main {
 
 /* src/colors.css */
 [color]:not([color=standard]) {
-  --primary: hsl(var(--hue), 100%, 80%);
+  --primary: hsl(var(--hue), 100%, var(--accent-luma));
+  --link: hsl(var(--hue), 100%, var(--accent-luma));
+}
+@media (prefers-color-scheme: dark) {
+  [color]:not([color=standard]) {
+    --accent-luma: var(--accent-luma-dark);
+  }
+}
+[color]:not([color=standard]).tile {
   --gradient-luma-1: 70%;
   --gradient-luma-2: 90%;
   --hover-luma: 75%;
@@ -108,7 +116,7 @@ main {
   --text-normal: hsl(var(--hue), 100%, var(--text-luma));
 }
 @media (prefers-color-scheme: dark) {
-  [color]:not([color=standard]) {
+  [color]:not([color=standard]).tile {
     --gradient-luma-1: 20%;
     --gradient-luma-2: 15%;
     --hover-luma: 25%;
@@ -120,23 +128,39 @@ main {
   color: white;
   background-color: var(--primary);
 }
+[color]:not([color=standard])[selected].fill-color {
+  color: var(--primary);
+  background-color: var(--surface);
+}
 [color=coral] {
   --hue: 20;
+  --accent-luma: 50%;
+  --accent-luma-dark: 70%;
 }
 [color=yellow] {
   --hue: 50;
+  --accent-luma: 50%;
+  --accent-luma-dark: 60%;
 }
 [color=mint] {
   --hue: 150;
+  --accent-luma: 40%;
+  --accent-luma-dark: 60%;
 }
 [color=lightblue] {
   --hue: 180;
+  --accent-luma: 40%;
+  --accent-luma-dark: 60%;
 }
 [color=blue] {
   --hue: 220;
+  --accent-luma: 50%;
+  --accent-luma-dark: 70%;
 }
 [color=purple] {
   --hue: 280;
+  --accent-luma: 50%;
+  --accent-luma-dark: 70%;
 }
 
 /* src/View/chatPage.css */
@@ -265,8 +289,10 @@ main {
   }
 }
 @media (min-width: 1200px) {
-  #home-page > div {
-    gap: 8rem;
+  #home-page #overview-section,
+  #home-page #chat-section {
+    padding-left: 3rem;
+    padding-right: 3rem;
   }
   #home-page #chat-grid {
     margin-top: 3rem;