chore: Move color variables

The themes should be able to decide all of its colors.

assets/css/color/blue.scss

@@ -1,3 +1,8 @@
 :root {
   --accent: #23B0FF;
-}
+  --accent-contrast-color: black;
+  --article-link-color: var(inherit);
+  --background: color-mix(in srgb, var(--accent) 2%, #1D1E28 98%);
+  --border-color: rgba(255, 255, 255, .1);
+  --color: white;
+}

assets/css/color/green.scss

@@ -1,3 +1,8 @@
 :root {
   --accent: #78E2A0;
-}
+  --accent-contrast-color: black;
+  --article-link-color: var(inherit);
+  --background: color-mix(in srgb, var(--accent) 2%, #1D1E28 98%);
+  --border-color: rgba(255, 255, 255, .1);
+  --color: white;
+}

assets/css/color/orange.scss

@@ -1,3 +1,8 @@
 :root {
   --accent: #FFA86A;
-}
+  --accent-contrast-color: black;
+  --article-link-color: var(inherit);
+  --background: color-mix(in srgb, var(--accent) 2%, #1D1E28 98%);
+  --border-color: rgba(255, 255, 255, .1);
+  --color: white;
+}

assets/css/color/pink.scss

@@ -1,3 +1,8 @@
 :root {
   --accent: #EE72F1;
-}
+  --accent-contrast-color: black;
+  --article-link-color: var(inherit);
+  --background: color-mix(in srgb, var(--accent) 2%, #1D1E28 98%);
+  --border-color: rgba(255, 255, 255, .1);
+  --color: white;
+}

assets/css/color/red.scss

@@ -1,3 +1,8 @@
 :root {
   --accent: #FF6266;
-}
+  --accent-contrast-color: black;
+  --article-link-color: var(inherit);
+  --background: color-mix(in srgb, var(--accent) 2%, #1D1E28 98%);
+  --border-color: rgba(255, 255, 255, .1);
+  --color: white;
+}

assets/css/variables.scss

@@ -1,15 +1,6 @@
-:root {
-  /* COLOR VARIABLES */
-  --background: color-mix(in srgb, var(--accent) 2%, #1D1E28 98%);
-  --accent-contrast-color: black;
-  --color: white;
-  --border-color: rgba(255, 255, 255, .1);
-  --article-link-color: var(inherit);
-}
-
-// Native CSS Variable aren't supported in a combination with MEDIA QUERIES. Wait for a new standard https://drafts.csswg.org/css-env-1/ 
+// Native CSS Variable aren't supported in a combination with MEDIA QUERIES. Wait for a new standard https://drafts.csswg.org/css-env-1/
 // --phone: "max-width: 684px";
 // --tablet: "max-width: 900px";
 
 $phone: 684px;
-$tablet: 900px;
+$tablet: 900px;