Uses CSS variables for common definitions, to allow for themes

src/styles/color-palette.scss

@@ -6,12 +6,42 @@
   --primary: #5cabca;
 
   /* Modified Colors */
-  --primary-transparent: #5cabcab3;
   --background-transparent: #0b1021cc;
+  --medium-grey: #5e6474;
+
+  --outline-color: none;
+  --curve-factor: 5px;
+  --curve-factor-navbar: 16px;
+
+  --dimming-factor: 0.8;
 
   /* Semi-Transparent Black*/
   --transparent-70: #000000b3;
   --transparent-50: #00000080;
   --transparent-30: #0000004d;
 
+}
+
+html[data-theme='hacker-red'] {
+  --background: #000;
+  --background-darker: #000;
+  --primary: red;
+  --outline-color: red;
+  --curve-factor: 0px;
+}
+
+html[data-theme='high-contrast-light'] {
+  --background: #fff;
+  --background-darker: #fff;
+  --primary: #000;
+  --outline-color: #000;
+  --curve-factor: 0px;
+}
+
+html[data-theme='high-contrast-dark'] {
+  --background: #000;
+  --background-darker: #000;
+  --primary: #fff;
+  --outline-color: #fff;
+  --curve-factor: 0px;
 }