rzen/unique
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

site: remove light/dark theme switch — light-only theme

Browse Source
This commit is contained in:
rzen
2026-07-11 08:21:01 -04:00
parent 7d1a6ab3ab
commit d51dd85a36
3 changed files with 2 additions and 170 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/layouts/BaseLayout.astro
+1 -51
View File
@@ -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;