Simplified color handling

assets/css/color/blue-scp.css

@@ -3,6 +3,4 @@
 :root {
   --accent: #23B0FF;
   --background: color-mod(var(--accent) blend(#1D1E28 98%));
-  --color: white;
-  --border-color: rgba(255, 255, 255, .1);
 }

assets/css/color/blue.css

@@ -3,6 +3,4 @@
 :root {
   --accent: #23B0FF;
   --background: color-mod(var(--accent) blend(#1D1E28 98%));
-  --color: white;
-  --border-color: rgba(255, 255, 255, .1);
 }

assets/css/color/green-scp.css

@@ -3,6 +3,4 @@
 :root {
   --accent: #78E2A0;
   --background: color-mod(var(--accent) blend(#1D1E28 98%));
-  --color: white;
-  --border-color: rgba(255, 255, 255, .1);
 }

assets/css/color/green.css

@@ -3,6 +3,4 @@
 :root {
   --accent: #78E2A0;
   --background: color-mod(var(--accent) blend(#1D1E28 98%));
-  --color: white;
-  --border-color: rgba(255, 255, 255, .1);
 }

assets/css/color/grey-scp.css

@@ -3,6 +3,4 @@
 :root {
   --accent: lightgrey;
   --background: color-mod(var(--accent) blend(#1D1E28 98%));
-  --color: white;
-  --border-color: rgba(255, 255, 255, .1);
 }

assets/css/color/grey.css

@@ -3,6 +3,4 @@
 :root {
   --accent: lightgrey;
   --background: color-mod(var(--accent) blend(#1D1E28 98%));
-  --color: white;
-  --border-color: rgba(255, 255, 255, .1);
 }

assets/css/color/orange-scp.css

@@ -3,6 +3,4 @@
 :root {
   --accent: #FFA86A;
   --background: color-mod(var(--accent) blend(#1D1E28 98%));
-  --color: white;
-  --border-color: rgba(255, 255, 255, .1);
 }

assets/css/color/orange.css

@@ -3,6 +3,4 @@
 :root {
   --accent: #FFA86A;
   --background: color-mod(var(--accent) blend(#1D1E28 98%));
-  --color: white;
-  --border-color: rgba(255, 255, 255, .1);
 }

assets/css/color/pink-scp.css

@@ -3,6 +3,4 @@
 :root {
   --accent: #EE72F1;
   --background: color-mod(var(--accent) blend(#1D1E28 98%));
-  --color: white;
-  --border-color: rgba(255, 255, 255, .1);
 }

assets/css/color/pink.css

@@ -3,6 +3,4 @@
 :root {
   --accent: #EE72F1;
   --background: color-mod(var(--accent) blend(#1D1E28 98%));
-  --color: white;
-  --border-color: rgba(255, 255, 255, .1);
 }

assets/css/color/red-scp.css

@@ -3,6 +3,4 @@
 :root {
   --accent: #FF6266;
   --background: color-mod(var(--accent) blend(#1D1E28 98%));
-  --color: white;
-  --border-color: rgba(255, 255, 255, .1);
 }

assets/css/color/red.css

@@ -3,6 +3,4 @@
 :root {
   --accent: #FF6266;
   --background: color-mod(var(--accent) blend(#1D1E28 98%));
-  --color: white;
-  --border-color: rgba(255, 255, 255, .1);
 }

assets/css/color/yellow-scp.css

@@ -3,6 +3,4 @@
 :root {
   --accent: #ffe658;
   --background: color-mod(var(--accent) blend(#1D1E28 98%));
-  --color: white;
-  --border-color: rgba(255, 255, 255, .1);
 }

assets/css/color/yellow.css

@@ -3,6 +3,4 @@
 :root {
   --accent: #ffe658;
   --background: color-mod(var(--accent) blend(#1D1E28 98%));
-  --color: white;
-  --border-color: rgba(255, 255, 255, .1);
 }

assets/css/font.css

@@ -16,10 +16,7 @@
   font-display: swap;
 }
 
-body {
-  font-family: 'Fira Code', Monaco, Consolas, Ubuntu Mono, monospace;
-}
-
+body,
 code,
 kbd {
   font-family: 'Fira Code', Monaco, Consolas, Ubuntu Mono, monospace !important;

assets/css/variables.css

@@ -1,4 +1,7 @@
 :root {
+  --color: white;
+  --border-color: rgba(255, 255, 255, .1);
+
   /* variables for js, must be the same as these in @custom-media queries */
   --phoneWidth: (max-width: 684px);
   --tabletWidth: (max-width: 900px);