SHOULD WORK

assets/styles/style.css

@@ -64,39 +64,6 @@
  
 }
 
-:root[data-mode="retro"]{
-    --bg: #fff9df;
-    --fg: #241f18;
-    --link: #275db3;
-    --heading: #8a2f24;
-    --code-bg: #efe1b8;
-    --active-toc: #e2d09d;
-    --note-color: #554a37;
-    --border: #29251c;
-    --chip-bg: #f3e9c6;
-    --chip-fg: #241f18;
-    --muted: #5c513d;
-}
-
-:root[data-theme="dark"][data-mode="retro"]{
-    --bg: #101611;
-    --fg: #d9f7d7;
-    --link: #7cc7ff;
-    --heading: #71d08f;
-    --code-bg: #18251f;
-    --active-toc: #244531;
-    --note-color: #a9c9ad;
-    --border: #71d08f;
-    --chip-bg: #18251f;
-    --chip-fg: #d9f7d7;
-    --muted: #a9c9ad;
-}
-
-@font-face {
-    font-family: 'Times';
-    src: url('../fonts/times.ttf') format('truetype');
-}
-
 @font-face {
     font-family: 'Noto';
     src: url('../fonts/NotoSans-Regular.ttf') format('truetype');
@@ -110,26 +77,8 @@ html, body{
     font-family: 'Noto', system-ui, sans-serif;
 }
 
-:root[data-mode="retro"] body{
-    font-family: 'Times', 'Courier New', monospace;
-    background-image:
-        repeating-linear-gradient(
-            0deg,
-            color-mix(in oklab, var(--fg) 4%, transparent) 0,
-            color-mix(in oklab, var(--fg) 4%, transparent) 1px,
-            transparent 1px,
-            transparent 14px
-        );
-}
-
 h1, h2, h3{ color: var(--heading); }
 
-:root[data-mode="retro"] h1,
-:root[data-mode="retro"] h2,
-:root[data-mode="retro"] h3{
-    text-shadow: 1px 1px 0 color-mix(in oklab, var(--heading) 22%, transparent);
-}
-
 a {
   color: var(--link);
   text-decoration: none;
@@ -148,89 +97,16 @@ a:hover {
     border-radius: 6px;
 }
 
-:root[data-mode="retro"] .banner-header{
-    border: 2px solid var(--border);
-    border-radius: 0;
-    background: color-mix(in oklab, var(--bg) 92%, var(--fg) 8%);
-    box-shadow: 5px 5px 0 color-mix(in oklab, var(--border) 72%, transparent);
-}
-
 .banner-logo{
     height: 80px; width: auto;
     margin-right: 1.5rem; border-radius: 50%;
 }
 
-:root[data-mode="retro"] .banner-logo{
-    border-radius: 0;
-    image-rendering: pixelated;
-    filter: saturate(0.85) contrast(1.2);
-}
-
 nav{
     display: flex; gap: 1rem;
     font-weight: 600; font-size: 1.1rem;
 }
 
-.db-mode-toggle {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.55rem;
-  min-height: 36px;
-  padding: 0.35rem 0.65rem;
-  color: var(--fg);
-  background: color-mix(in oklab, var(--bg) 92%, var(--fg) 8%);
-  border: 1px solid var(--border);
-  border-radius: 999px;
-  cursor: pointer;
-  font: inherit;
-  font-size: 0.78rem;
-  font-weight: 850;
-  letter-spacing: 0.06em;
-  text-transform: uppercase;
-}
-
-.db-mode-toggle:hover,
-.db-mode-toggle:focus-visible {
-  border-color: var(--link);
-  outline: 0;
-  box-shadow: 0 0 0 3px color-mix(in oklab, var(--link) 18%, transparent);
-}
-
-.db-mode-toggle__track {
-  position: relative;
-  width: 38px;
-  height: 20px;
-  background: color-mix(in oklab, var(--fg) 12%, transparent);
-  border: 1px solid var(--border);
-  border-radius: 999px;
-}
-
-.db-mode-toggle__knob {
-  position: absolute;
-  top: 3px;
-  left: 3px;
-  width: 12px;
-  height: 12px;
-  background: var(--fg);
-  border-radius: 999px;
-  transition: transform 0.18s ease;
-}
-
-:root[data-mode="retro"] .db-mode-toggle {
-  border-width: 2px;
-  border-radius: 0;
-  box-shadow: 4px 4px 0 color-mix(in oklab, var(--border) 72%, transparent);
-}
-
-:root[data-mode="retro"] .db-mode-toggle__track,
-:root[data-mode="retro"] .db-mode-toggle__knob {
-  border-radius: 0;
-}
-
-:root[data-mode="retro"] .db-mode-toggle__knob {
-  transform: translateX(18px);
-}
-
 #preamble.status{
     max-width: var(--content);
     margin-left: auto;
@@ -254,33 +130,6 @@ footer{
     font-size: .9rem; font-style: italic;
 }
 
-:root[data-mode="retro"] footer,
-:root[data-mode="retro"] pre,
-:root[data-mode="retro"] table,
-:root[data-mode="retro"] blockquote,
-:root[data-mode="retro"] .epigraph blockquote {
-    border: 2px solid var(--border);
-    border-radius: 0;
-    background-color: color-mix(in oklab, var(--bg) 92%, var(--fg) 8%);
-    box-shadow: 4px 4px 0 color-mix(in oklab, var(--border) 64%, transparent);
-}
-
-:root[data-mode="retro"] code,
-:root[data-mode="retro"] kbd,
-:root[data-mode="retro"] .post-tag,
-:root[data-mode="retro"] .tag {
-    border: 1px solid var(--border);
-    border-radius: 0;
-    background: var(--chip-bg);
-    color: var(--chip-fg);
-}
-
-:root[data-mode="retro"] input,
-:root[data-mode="retro"] textarea,
-:root[data-mode="retro"] button {
-    border-radius: 0;
-}
-
 #content.content{
     max-width: var(--content);
     margin-left: auto !important;