fixes

themes/cyberpunk.css

@@ -0,0 +1,35 @@
+:root {
+    --bg-body: #0D0221;
+    --bg-sidebar: #190033;
+    --border-color: #FF007F;
+    --text-main: #E0E0E0;
+    --text-heading: #00FFFF;
+    --accent-green: #FF007F;
+    --accent-dim: rgba(255, 0, 127, 0.1);
+    --code-bg: #1A0033;
+}
+
+/* Override scrollbar and other elements to use neon pink */
+::-webkit-scrollbar-thumb {
+    background: linear-gradient(180deg, #FF007F, var(--border-color)) !important;
+}
+
+.text-hack-green {
+    color: #FF007F !important;
+}
+
+.bg-hack-greenDim {
+    background-color: rgba(255, 0, 127, 0.1) !important;
+}
+
+.border-hack-green {
+    border-color: #FF007F !important;
+}
+
+.markdown-body a {
+    color: #00FFFF !important;
+}
+
+.markdown-body a:hover {
+    border-bottom-color: #00FFFF !important;
+}

themes/dark.css

@@ -0,0 +1,15 @@
+:root {
+    --bg-body: #0B0C0E;
+    --bg-sidebar: #111214;
+    --border-color: #2A2E35;
+    --text-main: #A0AAB8;
+    --text-heading: #E2E8F0;
+    --accent-green: #22c55e;
+    --accent-dim: rgba(34, 197, 94, 0.1);
+    --code-bg: #1e1e1e;
+}
+
+/* Compatibility with tailwind colors if needed */
+.dark {
+    --accent-green: #22c55e;
+}

themes/electric-blue.css

@@ -0,0 +1,28 @@
+:root {
+    --bg-body: #050A15;
+    --bg-sidebar: #0A1225;
+    --border-color: #1E2D4A;
+    --text-main: #94A3B8;
+    --text-heading: #F8FAFC;
+    --accent-green: #38BDF8;
+    /* Electric Blue */
+    --accent-dim: rgba(56, 189, 248, 0.1);
+    --code-bg: #0F172A;
+}
+
+/* Override scrollbar and other elements to use blue */
+::-webkit-scrollbar-thumb {
+    background: linear-gradient(180deg, #38BDF8, var(--border-color)) !important;
+}
+
+.text-hack-green {
+    color: #38BDF8 !important;
+}
+
+.bg-hack-greenDim {
+    background-color: rgba(56, 189, 248, 0.1) !important;
+}
+
+.border-hack-green {
+    border-color: #38BDF8 !important;
+}

themes/forest.css

@@ -0,0 +1,27 @@
+:root {
+    --bg-body: #1B261B;
+    --bg-sidebar: #243024;
+    --border-color: #3E523E;
+    --text-main: #D1D5D1;
+    --text-heading: #A7C957;
+    --accent-green: #6A994E;
+    --accent-dim: rgba(106, 153, 78, 0.1);
+    --code-bg: #2D3A2D;
+}
+
+/* Override scrollbar and other elements */
+::-webkit-scrollbar-thumb {
+    background: linear-gradient(180deg, #6A994E, var(--border-color)) !important;
+}
+
+.text-hack-green {
+    color: #6A994E !important;
+}
+
+.bg-hack-greenDim {
+    background-color: rgba(106, 153, 78, 0.1) !important;
+}
+
+.border-hack-green {
+    border-color: #6A994E !important;
+}

themes/glassmorphism.css

@@ -0,0 +1,55 @@
+:root {
+    --bg-body: #0f172a;
+    --bg-sidebar: rgba(30, 41, 59, 0.7);
+    --border-color: rgba(255, 255, 255, 0.1);
+    --text-main: #e2e8f0;
+    --text-heading: #f8fafc;
+    --accent-green: #38bdf8;
+    --accent-dim: rgba(56, 189, 248, 0.1);
+    --code-bg: rgba(15, 23, 42, 0.8);
+}
+
+/* Glassmorphism theme specific overrides */
+body {
+    background: radial-gradient(circle at top left, #1e293b, #0f172a);
+    background-attachment: fixed;
+}
+
+#sidebar,
+#mobile-toc-sidebar {
+    background: rgba(30, 41, 59, 0.6) !important;
+    backdrop-filter: blur(12px);
+    -webkit-backdrop-filter: blur(12px);
+    border-right: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+#markdown-viewer {
+    background: rgba(30, 41, 59, 0.4);
+    backdrop-filter: blur(8px);
+    -webkit-backdrop-filter: blur(8px);
+    border: 1px solid rgba(255, 255, 255, 0.05);
+    border-radius: 16px;
+    padding: 2rem;
+    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
+}
+
+.nav-link.active {
+    background: rgba(56, 189, 248, 0.2) !important;
+    border-left: 4px solid #38bdf8 !important;
+    color: #38bdf8 !important;
+    box-shadow: 0 0 15px rgba(56, 189, 248, 0.3);
+}
+
+.markdown-body a {
+    color: #38bdf8;
+    text-shadow: 0 0 8px rgba(56, 189, 248, 0.5);
+}
+
+::-webkit-scrollbar-thumb {
+    background: rgba(255, 255, 255, 0.1) !important;
+    border-radius: 10px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background: rgba(255, 255, 255, 0.2) !important;
+}

themes/light.css

@@ -0,0 +1,32 @@
+:root {
+    --bg-body: #1E293B;
+    /* Slate 800 */
+    --bg-sidebar: #0F172A;
+    /* Slate 900 */
+    --border-color: #334155;
+    /* Slate 700 */
+    --text-main: #94A3B8;
+    /* Slate 400 */
+    --text-heading: #F1F5F9;
+    /* Slate 100 */
+    --accent-green: #10B981;
+    /* Emerald 500 */
+    --accent-dim: rgba(16, 185, 129, 0.1);
+    --code-bg: #020617;
+    /* Slate 950 */
+}
+
+/* Compatibility with tailwind colors if needed */
+.dark {
+    --accent-green: #10B981;
+}
+
+/* Specific overrides for Dim mode to ensure readability */
+.markdown-body blockquote {
+    background: rgba(16, 185, 129, 0.05) !important;
+    border-left-color: #10B981 !important;
+}
+
+.text-hack-green {
+    color: #10B981 !important;
+}

themes/monochrome.css

@@ -0,0 +1,27 @@
+:root {
+    --bg-body: #121212;
+    --bg-sidebar: #1E1E1E;
+    --border-color: #333333;
+    --text-main: #BBBBBB;
+    --text-heading: #FFFFFF;
+    --accent-green: #FFFFFF;
+    --accent-dim: rgba(255, 255, 255, 0.1);
+    --code-bg: #000000;
+}
+
+/* Override scrollbar and other elements */
+::-webkit-scrollbar-thumb {
+    background: linear-gradient(180deg, #FFFFFF, var(--border-color)) !important;
+}
+
+.text-hack-green {
+    color: #FFFFFF !important;
+}
+
+.bg-hack-greenDim {
+    background-color: rgba(255, 255, 255, 0.1) !important;
+}
+
+.border-hack-green {
+    border-color: #FFFFFF !important;
+}

themes/nature.css

@@ -0,0 +1,52 @@
+:root {
+    --bg-body: #f7f3e9;
+    --bg-sidebar: #e8e1d1;
+    --border-color: #d1c7b1;
+    --text-main: #3e442b;
+    --text-heading: #2d3319;
+    --accent-green: #606c38;
+    --accent-dim: rgba(96, 108, 56, 0.1);
+    --code-bg: #fefae0;
+}
+
+/* Nature theme specific overrides */
+body {
+    background-color: var(--bg-body);
+    color: var(--text-main);
+}
+
+.markdown-body h1,
+.markdown-body h2,
+.markdown-body h3 {
+    color: #283618;
+    font-weight: 700;
+}
+
+.markdown-body a {
+    color: #bc6c25;
+}
+
+.markdown-body a:hover {
+    border-bottom-color: #dda15e;
+}
+
+#sidebar,
+#mobile-toc-sidebar {
+    background-color: #e8e1d1 !important;
+    border-right: 1px solid #d1c7b1;
+}
+
+.nav-link.active {
+    background-color: rgba(96, 108, 56, 0.15) !important;
+    border-left-color: #606c38 !important;
+    color: #283618 !important;
+}
+
+::-webkit-scrollbar-thumb {
+    background: #dda15e !important;
+}
+
+.markdown-body blockquote {
+    background: #fefae0;
+    border-left-color: #606c38;
+}

themes/nord-light.css

@@ -0,0 +1,25 @@
+:root {
+    --bg-body: #eceff4;
+    --bg-sidebar: #e5e9f0;
+    --border-color: #d8dee9;
+    --text-main: #4c566a;
+    --text-heading: #2e3440;
+    --accent-green: #88c0d0;
+    --accent-dim: rgba(136, 192, 208, 0.1);
+    --code-bg: #d8dee9;
+}
+
+/* Nord Light specific overrides */
+.markdown-body a {
+    color: #5e81ac;
+}
+
+.nav-link.active {
+    background-color: rgba(136, 192, 208, 0.1) !important;
+    border-left-color: #88c0d0 !important;
+    color: #5e81ac !important;
+}
+
+::-webkit-scrollbar-thumb {
+    background: #d8dee9 !important;
+}

themes/paper-cool.css

@@ -0,0 +1,25 @@
+:root {
+    --bg-body: #e8f1f2;
+    --bg-sidebar: #d1e3e5;
+    --border-color: #b8d0d2;
+    --text-main: #2d4a4d;
+    --text-heading: #1a3033;
+    --accent-green: #0081a7;
+    --accent-dim: rgba(0, 129, 167, 0.1);
+    --code-bg: #d9e8ea;
+}
+
+/* Cool Paper specific overrides */
+.markdown-body a {
+    color: #0081a7;
+}
+
+.nav-link.active {
+    background-color: rgba(0, 129, 167, 0.1) !important;
+    border-left-color: #0081a7 !important;
+    color: #2d4a4d !important;
+}
+
+::-webkit-scrollbar-thumb {
+    background: #b8d0d2 !important;
+}

themes/paper-sepia.css

@@ -0,0 +1,25 @@
+:root {
+    --bg-body: #e3d5b8;
+    --bg-sidebar: #d4c3a1;
+    --border-color: #c4b28f;
+    --text-main: #4a3a2a;
+    --text-heading: #2d241a;
+    --accent-green: #8b5e34;
+    --accent-dim: rgba(139, 94, 52, 0.1);
+    --code-bg: #dcd0b0;
+}
+
+/* Sepia Paper specific overrides */
+.markdown-body a {
+    color: #8b5e34;
+}
+
+.nav-link.active {
+    background-color: rgba(139, 94, 52, 0.1) !important;
+    border-left-color: #8b5e34 !important;
+    color: #4a3a2a !important;
+}
+
+::-webkit-scrollbar-thumb {
+    background: #c4b28f !important;
+}

themes/paper.css

@@ -0,0 +1,54 @@
+:root {
+    --bg-body: #fdfcf0;
+    --bg-sidebar: #f4f1ea;
+    --border-color: #e6e2d3;
+    --text-main: #444444;
+    --text-heading: #222222;
+    --accent-green: #d4a373;
+    --accent-dim: rgba(212, 163, 115, 0.1);
+    --code-bg: #f8f5ed;
+}
+
+/* Light theme specific overrides */
+body {
+    background-color: var(--bg-body);
+    color: var(--text-main);
+}
+
+.markdown-body h1,
+.markdown-body h2,
+.markdown-body h3 {
+    color: var(--text-heading);
+}
+
+.markdown-body a {
+    color: #bc6c25;
+}
+
+.markdown-body a:hover {
+    border-bottom-color: #bc6c25;
+}
+
+#sidebar,
+#mobile-toc-sidebar {
+    background-color: var(--bg-sidebar) !important;
+    border-color: var(--border-color);
+}
+
+.nav-link:hover {
+    background-color: rgba(0, 0, 0, 0.05);
+}
+
+.nav-link.active {
+    background-color: var(--accent-dim) !important;
+    border-left-color: var(--accent-green) !important;
+    color: #bc6c25 !important;
+}
+
+::-webkit-scrollbar-thumb {
+    background: var(--border-color) !important;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background: var(--accent-green) !important;
+}

themes/retro-acid-burn.css

@@ -0,0 +1,106 @@
+@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap');
+
+:root {
+    --bg-body: #000000;
+    --bg-sidebar: #050505;
+    --border-color: #00ff41;
+    --text-main: #00ff41;
+    --text-heading: #d4ff00;
+    --accent-green: #00ff41;
+    --accent-dim: rgba(0, 255, 65, 0.1);
+    --code-bg: #0a0a0a;
+
+    /* Acid Burn Specific */
+    --acid-yellow: #d4ff00;
+    --acid-green: #00ff41;
+}
+
+/* --- PHOSPHOR GLOW --- */
+body {
+    font-family: 'JetBrains Mono', monospace !important;
+    background-color: #000 !important;
+    color: var(--text-main) !important;
+    text-shadow: 0 0 5px rgba(0, 255, 65, 0.5);
+}
+
+/* --- SCANLINES (Static but intense) --- */
+body::after {
+    content: " ";
+    display: block;
+    position: fixed;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%);
+    z-index: 9999;
+    background-size: 100% 4px;
+    pointer-events: none;
+    opacity: 0.3;
+}
+
+/* --- TYPOGRAPHY --- */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    color: var(--acid-yellow) !important;
+    text-shadow: 0 0 10px var(--acid-yellow);
+    text-transform: uppercase;
+    letter-spacing: 2px;
+}
+
+.markdown-body h1 {
+    border-bottom-color: var(--acid-yellow) !important;
+}
+
+.markdown-body strong {
+    color: #fff !important;
+    text-shadow: 0 0 8px #fff;
+}
+
+.markdown-body a {
+    color: var(--acid-yellow) !important;
+    text-decoration: underline;
+    text-underline-offset: 4px;
+}
+
+.markdown-body a:hover {
+    color: #fff !important;
+    text-shadow: 0 0 10px var(--acid-yellow);
+}
+
+/* --- UI OVERRIDES --- */
+#sidebar,
+#mobile-toc-sidebar {
+    background-color: #050505 !important;
+    border-right: 2px solid var(--accent-green);
+}
+
+.nav-link.active {
+    background-color: rgba(0, 255, 65, 0.2) !important;
+    border-left: 4px solid var(--accent-green) !important;
+    color: #fff !important;
+}
+
+.nav-link:hover {
+    color: #fff !important;
+    background-color: rgba(0, 255, 65, 0.1);
+}
+
+::-webkit-scrollbar-thumb {
+    background: var(--accent-green) !important;
+    box-shadow: 0 0 10px var(--accent-green);
+}
+
+/* --- CODE BLOCKS --- */
+.markdown-body pre {
+    border: 1px solid var(--accent-green) !important;
+    box-shadow: 0 0 15px rgba(0, 255, 65, 0.2);
+}
+
+.markdown-body code {
+    color: var(--acid-yellow) !important;
+}

themes/retro-hackers-w.css

@@ -0,0 +1,130 @@
+@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=JetBrains+Mono:wght@400;700&display=swap');
+
+:root {
+    --bg-body: #050505;
+    --bg-sidebar: rgba(5, 5, 5, 0.8);
+    --border-color: #13aff0;
+    --text-main: #80ff80;
+    --text-heading: #13aff0;
+    --accent-green: #0f0;
+    --accent-dim: rgba(0, 255, 0, 0.1);
+    --code-bg: #000;
+
+    /* Hacker Specific */
+    --neon-blue: #13aff0;
+    --neon-orange: #FF6B00;
+    --neon-purple: #bd00ff;
+}
+
+/* --- THE 3D GRID --- */
+body::before {
+    content: "";
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%) perspective(600px) rotateX(60deg);
+    width: 300vw;
+    height: 300vh;
+    background-image:
+        linear-gradient(rgba(0, 243, 255, 0.3) 1px, transparent 1px),
+        linear-gradient(90deg, rgba(0, 243, 255, 0.3) 1px, transparent 1px);
+    background-size: 60px 60px;
+    animation: grid-scroll 11s linear infinite;
+    z-index: -1;
+    pointer-events: none;
+    -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 80%);
+    mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 80%);
+}
+
+@keyframes grid-scroll {
+    0% {
+        background-position: 0 0;
+    }
+
+    100% {
+        background-position: 0 60px;
+    }
+}
+
+/* --- SCANLINES --- */
+body::after {
+    content: " ";
+    display: block;
+    position: fixed;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    background:
+        linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.1) 50%),
+        linear-gradient(90deg, rgba(255, 0, 0, 0.02), rgba(0, 255, 0, 0.01), rgba(0, 0, 255, 0.02));
+    z-index: 9999;
+    background-size: 100% 3px, 3px 100%;
+    pointer-events: none;
+    opacity: 0.4;
+}
+
+/* --- TYPOGRAPHY --- */
+body {
+    font-family: 'JetBrains Mono', monospace !important;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    font-family: 'Cinzel', serif !important;
+    text-transform: uppercase;
+    text-shadow: 0 0 10px var(--neon-blue);
+}
+
+.markdown-body h1 {
+    color: var(--neon-blue) !important;
+    border-bottom-color: var(--neon-blue) !important;
+}
+
+.markdown-body h2 {
+    color: var(--neon-orange) !important;
+    text-shadow: 0 0 10px var(--neon-orange);
+}
+
+.markdown-body h3 {
+    color: var(--neon-purple) !important;
+    text-shadow: 0 0 10px var(--neon-purple);
+}
+
+.markdown-body strong {
+    color: #fff !important;
+    text-shadow: 0 0 8px rgba(255, 255, 255, 0.8);
+}
+
+.markdown-body a {
+    color: var(--neon-purple) !important;
+    border-bottom: 1px dashed var(--neon-purple);
+}
+
+.markdown-body a:hover {
+    color: #fff !important;
+    text-shadow: 0 0 5px var(--neon-purple);
+    border-bottom-style: solid;
+}
+
+/* --- UI OVERRIDES --- */
+#sidebar,
+#mobile-toc-sidebar {
+    background-color: var(--bg-sidebar) !important;
+    backdrop-filter: blur(10px);
+}
+
+.nav-link.active {
+    background-color: rgba(19, 175, 240, 0.2) !important;
+    border-left-color: var(--neon-blue) !important;
+    color: var(--neon-blue) !important;
+}
+
+::-webkit-scrollbar-thumb {
+    background: linear-gradient(180deg, var(--neon-blue), #000) !important;
+    border: 1px solid var(--neon-blue);
+}

themes/retro-hackers.css

@@ -0,0 +1,149 @@
+@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=JetBrains+Mono:wght@400;700&display=swap');
+
+:root {
+    --bg-body: #050505;
+    --bg-sidebar: rgba(5, 5, 5, 0.8);
+    --border-color: #13aff0;
+    --text-main: #80ff80;
+    --text-heading: #13aff0;
+    --accent-green: #0f0;
+    --accent-dim: rgba(0, 255, 0, 0.1);
+    --code-bg: #000;
+
+    /* Hacker Specific */
+    --neon-blue: #13aff0;
+    --neon-orange: #FF6B00;
+    --neon-purple: #bd00ff;
+}
+
+/* --- THE 3D GRID --- */
+body::before {
+    content: "";
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%) perspective(600px) rotateX(60deg);
+    width: 300vw;
+    height: 300vh;
+    background-image:
+        linear-gradient(rgba(0, 243, 255, 0.5) 1px, transparent 1px),
+        linear-gradient(90deg, rgba(0, 243, 255, 0.5) 1px, transparent 1px);
+    background-size: 60px 60px;
+    animation: grid-scroll 11s linear infinite;
+    z-index: -1;
+    pointer-events: none;
+    -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 80%);
+    mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 80%);
+}
+
+@keyframes grid-scroll {
+    0% {
+        background-position: 0 0;
+    }
+
+    100% {
+        background-position: 0 60px;
+    }
+}
+
+/* --- TRANSPARENCY OVERRIDES --- */
+#scroll-container,
+main,
+.bg-hack-bg,
+.bg-hack-sidebar,
+#markdown-viewer {
+    background-color: transparent !important;
+}
+
+/* Sidebar needs some background for readability but should be semi-transparent */
+#sidebar,
+#mobile-toc-sidebar {
+    background-color: rgba(5, 5, 5, 0.85) !important;
+    backdrop-filter: blur(8px);
+    border-right: 1px solid var(--neon-blue);
+}
+
+/* Content area readability - using a very subtle overlay if needed, but keeping it transparent as requested */
+#markdown-viewer {
+    padding: 2rem;
+    border-radius: 12px;
+    border: 1px solid rgba(19, 175, 240, 0.1);
+}
+
+/* --- SCANLINES --- */
+body::after {
+    content: " ";
+    display: block;
+    position: fixed;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    background:
+        linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.15) 50%),
+        linear-gradient(90deg, rgba(255, 0, 0, 0.03), rgba(0, 255, 0, 0.01), rgba(0, 0, 255, 0.03));
+    z-index: 9999;
+    background-size: 100% 3px, 3px 100%;
+    pointer-events: none;
+    opacity: 0.6;
+}
+
+/* --- TYPOGRAPHY --- */
+body {
+    font-family: 'JetBrains Mono', monospace !important;
+    background-color: #050505 !important;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    font-family: 'Cinzel', serif !important;
+    text-transform: uppercase;
+    text-shadow: 0 0 10px var(--neon-blue);
+}
+
+.markdown-body h1 {
+    color: var(--neon-blue) !important;
+    border-bottom-color: var(--neon-blue) !important;
+}
+
+.markdown-body h2 {
+    color: var(--neon-orange) !important;
+    text-shadow: 0 0 10px var(--neon-orange);
+}
+
+.markdown-body h3 {
+    color: var(--neon-purple) !important;
+    text-shadow: 0 0 10px var(--neon-purple);
+}
+
+.markdown-body strong {
+    color: #fff !important;
+    text-shadow: 0 0 8px rgba(255, 255, 255, 0.8);
+}
+
+.markdown-body a {
+    color: var(--neon-purple) !important;
+    border-bottom: 1px dashed var(--neon-purple);
+}
+
+.markdown-body a:hover {
+    color: #fff !important;
+    text-shadow: 0 0 5px var(--neon-purple);
+    border-bottom-style: solid;
+}
+
+/* --- UI OVERRIDES --- */
+.nav-link.active {
+    background-color: rgba(19, 175, 240, 0.2) !important;
+    border-left-color: var(--neon-blue) !important;
+    color: var(--neon-blue) !important;
+}
+
+::-webkit-scrollbar-thumb {
+    background: linear-gradient(180deg, var(--neon-blue), #000) !important;
+    border: 1px solid var(--neon-blue);
+}

themes/retro-irc.css

@@ -0,0 +1,70 @@
+:root {
+    --bg-body: #ffffff;
+    --bg-sidebar: #f0f0f0;
+    --border-color: #c0c0c0;
+    --text-main: #000000;
+    --text-heading: #000080;
+    --accent-green: #008000;
+    --accent-dim: rgba(0, 128, 0, 0.1);
+    --code-bg: #ffffff;
+}
+
+/* Retro IRC specific overrides */
+body {
+    font-family: "Fixedsys", "Courier New", monospace !important;
+    background-color: var(--bg-body);
+    color: var(--text-main);
+}
+
+.markdown-body h1,
+.markdown-body h2,
+.markdown-body h3 {
+    color: #000080;
+    font-weight: bold;
+    border-bottom: 2px solid #000080;
+}
+
+.markdown-body a {
+    color: #0000ff;
+    text-decoration: underline;
+}
+
+.markdown-body a:hover {
+    color: #ff0000;
+}
+
+#sidebar,
+#mobile-toc-sidebar {
+    background-color: #c0c0c0 !important;
+    border-right: 2px solid #808080;
+}
+
+.nav-link {
+    color: #000 !important;
+    border: 1px solid transparent;
+}
+
+.nav-link:hover {
+    background-color: #000080 !important;
+    color: #fff !important;
+}
+
+.nav-link.active {
+    background-color: #000080 !important;
+    color: #fff !important;
+    border-left: 4px solid #ff0000 !important;
+}
+
+::-webkit-scrollbar-thumb {
+    background: #808080 !important;
+    border: 1px solid #ffffff;
+}
+
+.markdown-body pre {
+    border: 1px solid #808080 !important;
+    background-color: #f0f0f0 !important;
+}
+
+.markdown-body code {
+    color: #800000 !important;
+}

themes/solarized-light.css

@@ -0,0 +1,30 @@
+:root {
+    --bg-body: #fdf6e3;
+    --bg-sidebar: #eee8d5;
+    --border-color: #d5c4a1;
+    --text-main: #657b83;
+    --text-heading: #073642;
+    --accent-green: #859900;
+    --accent-dim: rgba(133, 153, 0, 0.1);
+    --code-bg: #eee8d5;
+}
+
+/* Solarized Light specific overrides */
+.markdown-body a {
+    color: #268bd2;
+}
+
+.markdown-body blockquote {
+    background: #eee8d5;
+    border-left-color: #859900;
+}
+
+.nav-link.active {
+    background-color: rgba(133, 153, 0, 0.1) !important;
+    border-left-color: #859900 !important;
+    color: #859900 !important;
+}
+
+::-webkit-scrollbar-thumb {
+    background: #93a1a1 !important;
+}