CSS updates and a whole theme selector thing

public/css/colorschemes/c64.css

@@ -0,0 +1,13 @@
+:root {
+    --background: #40318d;
+    --background-secondary: #483c8b;
+    --foreground: #f7f7f7;
+    --links: #67b6bd;
+    --warning: #ff7272;
+    --warning-box-bg: #f64a3c;
+    --warning-box-border: #c81a11;
+}
+
+html {
+    color-scheme: dark;
+}

public/css/colorschemes/catppuccin-frappe.css

@@ -0,0 +1,13 @@
+:root {
+    --background: #232634;
+    --background-secondary: #414559;
+    --foreground: #c6d0f5;
+    --links: #8caaee;
+    --warning: #ff7272;
+    --warning-box-bg: #f64a3c;
+    --warning-box-border: #c81a11;
+}
+
+html {
+    color-scheme: dark;
+}

public/css/colorschemes/catppuccin-latte.css

@@ -0,0 +1,13 @@
+:root {
+    --background: #dce0e8;
+    --background-secondary: #ccd0da;
+    --foreground: #4c4f69;
+    --links: #1e66f5;
+    --warning: #ff7272;
+    --warning-box-bg: #f64a3c;
+    --warning-box-border: #c81a11;
+}
+
+html {
+    color-scheme: light;
+}

public/css/colorschemes/catppuccin-macchiato.css

@@ -1,6 +1,6 @@
 :root {
     --background: #181926;
-    --background-light: #363a4f;
+    --background-secondary: #363a4f;
     --foreground: #cad3f5;
     --links: #8aadf4;
     --warning: #ff7272;

public/css/colorschemes/catppuccin-mocha.css

@@ -0,0 +1,13 @@
+:root {
+    --background: #11111b;
+    --background-secondary: #313244;
+    --foreground: #cdd6f4;
+    --links: #89b4fa;
+    --warning: #ff7272;
+    --warning-box-bg: #f64a3c;
+    --warning-box-border: #c81a11;
+}
+
+html {
+    color-scheme: dark;
+}

public/css/colorschemes/gruvbox-dark.css

@@ -0,0 +1,13 @@
+:root {
+    --background: #282828;
+    --background-secondary: #928374;
+    --foreground: #ebdbb2;
+    --links: #458588;
+    --warning: #ff7272;
+    --warning-box-bg: #f64a3c;
+    --warning-box-border: #c81a11;
+}
+
+html {
+    color-scheme: dark;
+}

public/css/colorschemes/gruvbox-material.css

@@ -0,0 +1,13 @@
+:root {
+    --background: #282828;
+    --background-secondary: #3c3836;
+    --foreground: #d4be98;
+    --links: #7daea3;
+    --warning: #ff7272;
+    --warning-box-bg: #f64a3c;
+    --warning-box-border: #c81a11;
+}
+
+html {
+    color-scheme: dark;
+}

public/css/colorschemes/gruvbox.css

@@ -0,0 +1,13 @@
+:root {
+    --background: #fbf1c7;
+    --background-secondary: #928374;
+    --foreground: #3c3836;
+    --links: #458588;
+    --warning: #ff7272;
+    --warning-box-bg: #f64a3c;
+    --warning-box-border: #c81a11;
+}
+
+html {
+    color-scheme: light;
+}

public/css/colorschemes/maia.css

@@ -0,0 +1,13 @@
+:root {
+    --background: #31363a;
+    --background-secondary: #4c4f4d;
+    --foreground: #e8e8e8;
+    --links: #13bf9d;
+    --warning: #ff7272;
+    --warning-box-bg: #f64a3c;
+    --warning-box-border: #c81a11;
+}
+
+html {
+    color-scheme: dark;
+}

public/css/colorschemes/man-page.css

@@ -0,0 +1,13 @@
+:root {
+    --background: #fef49c;
+    --background-secondary: #e5e500;
+    --foreground: #000000;
+    --links: #b200b2;
+    --warning: #ff7272;
+    --warning-box-bg: #f64a3c;
+    --warning-box-border: #c81a11;
+}
+
+html {
+    color-scheme: light;
+}

public/css/colorschemes/mono-amber.css

@@ -0,0 +1,17 @@
+:root {
+    --background: #2b1900;
+    --background-secondary: #402500;
+    --foreground: #ff9400;
+    --links: #ffc28a;
+    --warning: #ff7272;
+    --warning-box-bg: #f64a3c;
+    --warning-box-border: #c81a11;
+}
+
+html {
+    color-scheme: dark;
+}
+
+a {
+    text-decoration: underline !important;
+}

public/css/colorschemes/mono-cyan.css

@@ -0,0 +1,17 @@
+:root {
+    --background: #00222B;
+    --background-secondary: #003340;
+    --foreground: #00CCFF;
+    --links: #ccf0ff;
+    --warning: #ff7272;
+    --warning-box-bg: #f64a3c;
+    --warning-box-border: #c81a11;
+}
+
+html {
+    color-scheme: dark;
+}
+
+a {
+    text-decoration: underline !important;
+}

public/css/colorschemes/mono-green.css

@@ -0,0 +1,17 @@
+:root {
+    --background: #022B00;
+    --background-secondary: #034000;
+    --foreground: #0BFF00;
+    --links: #b6ffb1;
+    --warning: #ff7272;
+    --warning-box-bg: #f64a3c;
+    --warning-box-border: #c81a11;
+}
+
+html {
+    color-scheme: dark;
+}
+
+a {
+    text-decoration: underline !important;
+}

public/css/colorschemes/mono-red.css

@@ -0,0 +1,17 @@
+:root {
+    --background: #2B0C00;
+    --background-secondary: #401200;
+    --foreground: #FF3600;
+    --links: #ffb09c;
+    --warning: #ff7272;
+    --warning-box-bg: #f64a3c;
+    --warning-box-border: #c81a11;
+}
+
+html {
+    color-scheme: dark;
+}
+
+a {
+    text-decoration: underline !important;
+}

public/css/colorschemes/mono-white.css

@@ -0,0 +1,17 @@
+:root {
+    --background: #262626;
+    --background-secondary: #3B3B3B;
+    --foreground: #FAFAFA;
+    --links: #a9a9a9;
+    --warning: #ff7272;
+    --warning-box-bg: #f64a3c;
+    --warning-box-border: #c81a11;
+}
+
+html {
+    color-scheme: dark;
+}
+
+a {
+    text-decoration: underline !important;
+}

public/css/colorschemes/mono-yellow.css

@@ -0,0 +1,17 @@
+:root {
+    --background: #2B2400;
+    --background-secondary: #403500;
+    --foreground: #FFD300;
+    --links: #ffe8a2;
+    --warning: #ff7272;
+    --warning-box-bg: #f64a3c;
+    --warning-box-border: #c81a11;
+}
+
+html {
+    color-scheme: dark;
+}
+
+a {
+    text-decoration: underline !important;
+}

public/css/colorschemes/papercolor-dark.css

@@ -0,0 +1,13 @@
+:root {
+    --background: #1C1C1C;
+    --background-secondary: #585858;
+    --foreground: #D0D0D0;
+    --links: #5FAFD7;
+    --warning: #ff7272;
+    --warning-box-bg: #f64a3c;
+    --warning-box-border: #c81a11;
+}
+
+html {
+    color-scheme: dark;
+}

public/css/colorschemes/papercolor-light.css

@@ -0,0 +1,13 @@
+:root {
+    --background: #EEEEEE;
+    --background-secondary: #BCBCBC;
+    --foreground: #444444;
+    --links: #0087AF;
+    --warning: #ff7272;
+    --warning-box-bg: #f64a3c;
+    --warning-box-border: #c81a11;
+}
+
+html {
+    color-scheme: light;
+}

public/css/colorschemes/shel.css

@@ -0,0 +1,13 @@
+:root {
+    --background: #2C2423;
+    --background-secondary: #918988;
+    --foreground: #F5EEEC;
+    --links: #2C64A2;
+    --warning: #ff7272;
+    --warning-box-bg: #f64a3c;
+    --warning-box-border: #c81a11;
+}
+
+html {
+    color-scheme: dark;
+}

public/css/colorschemes/slate.css

@@ -0,0 +1,13 @@
+:root {
+    --background: #222222;
+    --background-secondary: #494949;
+    --foreground: #E0E0E0;
+    --links: #02C5E0;
+    --warning: #ff7272;
+    --warning-box-bg: #f64a3c;
+    --warning-box-border: #c81a11;
+}
+
+html {
+    color-scheme: dark;
+}

public/css/colorschemes/solarized-dark.css

@@ -0,0 +1,13 @@
+:root {
+    --background: #073642;
+    --background-secondary: #657B83;
+    --foreground: #FDF6E3;
+    --links: #2699FF;
+    --warning: #ff7272;
+    --warning-box-bg: #f64a3c;
+    --warning-box-border: #c81a11;
+}
+
+html {
+    color-scheme: dark;
+}

public/css/colorschemes/solarized-light.css

@@ -0,0 +1,13 @@
+:root {
+    --background: #FDF6E3;
+    --background-secondary: #EEE8D5;
+    --foreground: #073642;
+    --links: #268BD2;
+    --warning: #ff7272;
+    --warning-box-bg: #f64a3c;
+    --warning-box-border: #c81a11;
+}
+
+html {
+    color-scheme: light;
+}

public/css/colorschemes/terminal-basic.css

@@ -0,0 +1,13 @@
+:root {
+    --background: #FFFFFF;
+    --background-secondary: #bfbfbf;
+    --foreground: #000000;
+    --links: #0000ff;
+    --warning: #ff7272;
+    --warning-box-bg: #f64a3c;
+    --warning-box-border: #c81a11;
+}
+
+html {
+    color-scheme: light;
+}