From d51dd85a36334d2ae60501a3cd0b363d76e8dc8e Mon Sep 17 00:00:00 2001
From: rzen <rzenetl@gmail.com>
Date: Sat, 11 Jul 2026 08:21:01 -0400
Subject: [PATCH] =?UTF-8?q?site:=20remove=20light/dark=20theme=20switch=20?=
 =?UTF-8?q?=E2=80=94=20light-only=20theme?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/SEO.astro     |   3 +-
 src/layouts/BaseLayout.astro |  52 +---------------
 src/pages/settings.astro     | 117 -----------------------------------
 3 files changed, 2 insertions(+), 170 deletions(-)
 delete mode 100644 src/pages/settings.astro
diff --git a/src/components/SEO.astro b/src/components/SEO.astro
index 6a8af92..e4f0751 100644
--- a/src/components/SEO.astro
+++ b/src/components/SEO.astro
@@ -57,8 +57,7 @@ const jsonLdBlocks = jsonLd
 {noindex && <meta name="robots" content="noindex,nofollow" />}
 
 <link rel="icon" href="/favicon.svg" type="image/svg+xml" />
-<meta name="theme-color" content="#fafaf7" media="(prefers-color-scheme: light)" />
-<meta name="theme-color" content="#161613" media="(prefers-color-scheme: dark)" />
+<meta name="theme-color" content="#fafaf7" />
 <link rel="alternate" type="application/rss+xml" title={`${SITE_NAME} — RSS`} href="/rss.xml" />
 
 <meta property="og:type" content={ogType} />
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index 228345e..143430c 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -76,16 +76,6 @@ const year = new Date().getFullYear();
       jsonLd={jsonLd}
     />
     <script defer src="https://static.cloudflareinsights.com/beacon.min.js" data-cf-beacon='{"token": "fc978456945c49ae90a0b7e0b891ffd2"}'></script>
-    <script is:inline>
-      (function () {
-        try {
-          var t = localStorage.getItem('theme');
-          if (t === 'light' || t === 'dark') {
-            document.documentElement.setAttribute('data-theme', t);
-          }
-        } catch (e) {}
-      })();
-    </script>
   </head>
   <body>
     <header class="masthead">
@@ -155,19 +145,13 @@ const year = new Date().getFullYear();
           © {year} Unique
           <span aria-hidden="true">·</span>
           <a href="/legal/">Legal</a>
-          <span aria-hidden="true">·</span>
-          <a href="/settings/" class="settings-cog" aria-label="Settings">
-            <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-              <circle cx="12" cy="12" r="3"></circle>
-              <path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path>
-            </svg>
-          </a>
         </p>
       </div>
     </footer>
 
     <style is:global>
       :root {
+        color-scheme: light;
         --fg: #1a1a1a;
         --bg: #f4f0ec;
         --card-fill: #ebe6df;
@@ -176,24 +160,6 @@ const year = new Date().getFullYear();
         --rule: #e0dbd2;
         --max: 42rem;
       }
-      @media (prefers-color-scheme: dark) {
-        :root:not([data-theme="light"]) {
-          --fg: #ececea;
-          --bg: #161613;
-          --card-fill: #1f1f1c;
-          --muted: #8d8d88;
-          --accent: #ff9c5b;
-          --rule: #2a2a26;
-        }
-      }
-      :root[data-theme="dark"] {
-        --fg: #ececea;
-        --bg: #161613;
-        --card-fill: #1f1f1c;
-        --muted: #8d8d88;
-        --accent: #ff9c5b;
-        --rule: #2a2a26;
-      }
       * { box-sizing: border-box; }
       html, body {
         margin: 0;
@@ -263,22 +229,6 @@ const year = new Date().getFullYear();
       .masthead-nav a { color: var(--muted); }
       .masthead-nav a:hover { color: var(--accent); }
 
-      .settings-cog {
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        vertical-align: middle;
-        color: var(--muted);
-        line-height: 0;
-        transition: color 0.18s ease, transform 0.6s ease;
-      }
-      .settings-cog:hover {
-        color: var(--accent);
-        text-decoration: none;
-        transform: rotate(60deg);
-      }
-      .settings-cog svg { display: block; }
-
       .subheader {
         text-align: center;
         padding: 0.85rem 0 1rem;
diff --git a/src/pages/settings.astro b/src/pages/settings.astro
deleted file mode 100644
index 0c22abf..0000000
--- a/src/pages/settings.astro
+++ /dev/null
@@ -1,117 +0,0 @@
----
-import BaseLayout from '../layouts/BaseLayout.astro';
----
-
-<BaseLayout
-  title="Settings"
-  description="Presentation options for Unique — color theme and other display preferences."
-  subheader="Presentation options."
-  noindex
->
-  <article>
-    <section class="setting">
-      <h2>Color theme</h2>
-      <p class="hint">
-        Auto follows your system preference. Light or dark overrides it on this
-        device.
-      </p>
-      <div class="theme-toggle" role="group" aria-label="Color theme">
-        <button type="button" data-theme-set="auto">Auto</button>
-        <button type="button" data-theme-set="light">Light</button>
-        <button type="button" data-theme-set="dark">Dark</button>
-      </div>
-    </section>
-
-    <p class="more">More presentation options will land here over time.</p>
-  </article>
-
-  <script>
-    type Theme = 'auto' | 'light' | 'dark';
-    const buttons = document.querySelectorAll<HTMLButtonElement>('[data-theme-set]');
-
-    function currentTheme(): Theme {
-      const t = document.documentElement.getAttribute('data-theme');
-      return t === 'light' || t === 'dark' ? t : 'auto';
-    }
-
-    function setActive(value: Theme) {
-      for (const b of buttons) {
-        if (b.dataset.themeSet === value) b.setAttribute('aria-current', 'true');
-        else b.removeAttribute('aria-current');
-      }
-    }
-
-    function applyTheme(value: Theme) {
-      if (value === 'auto') {
-        document.documentElement.removeAttribute('data-theme');
-        try { localStorage.removeItem('theme'); } catch (e) {}
-      } else {
-        document.documentElement.setAttribute('data-theme', value);
-        try { localStorage.setItem('theme', value); } catch (e) {}
-      }
-      setActive(value);
-    }
-
-    for (const b of buttons) {
-      b.addEventListener('click', () => {
-        const v = b.dataset.themeSet;
-        if (v === 'auto' || v === 'light' || v === 'dark') applyTheme(v);
-      });
-    }
-
-    setActive(currentTheme());
-  </script>
-
-  <style>
-    .setting {
-      padding: 1.5rem 0;
-      border-bottom: 1px solid var(--rule);
-    }
-    .setting:first-child { padding-top: 0; }
-    .setting h2 {
-      margin: 0 0 0.35rem;
-      font-size: 1.05rem;
-    }
-    .hint {
-      margin: 0 0 0.85rem;
-      color: var(--muted);
-      font-size: 0.92rem;
-    }
-
-    .theme-toggle {
-      display: inline-flex;
-      gap: 0;
-      border: 1px solid var(--rule);
-      border-radius: 999px;
-      overflow: hidden;
-    }
-    .theme-toggle button {
-      font-family: ui-sans-serif, system-ui, -apple-system, 'Helvetica Neue', sans-serif;
-      font-size: 0.85rem;
-      font-weight: 600;
-      letter-spacing: 0.02em;
-      background: none;
-      border: 0;
-      padding: 0.45rem 1rem;
-      margin: 0;
-      color: var(--muted);
-      cursor: pointer;
-      transition: background 0.18s ease, color 0.18s ease;
-    }
-    .theme-toggle button + button {
-      border-left: 1px solid var(--rule);
-    }
-    .theme-toggle button:hover { color: var(--accent); }
-    .theme-toggle button[aria-current="true"] {
-      background: var(--fg);
-      color: var(--bg);
-    }
-
-    .more {
-      margin-top: 2rem;
-      color: var(--muted);
-      font-style: italic;
-      font-size: 0.9rem;
-    }
-  </style>
-</BaseLayout>
