From 7dbc0212591ccc5843b985c3328a37e33953e276 Mon Sep 17 00:00:00 2001 From: ishaan Date: Sun, 19 Apr 2026 15:27:31 +0530 Subject: [PATCH 1/4] Consolidate and better organise internal styles from all HTML files into style.css Implement vanilla CSS light mode using prefers-color-scheme Light mode accent to goldenrod Fixed timeline dots misalignment on map.html --- citations.html | 89 +------- distros.html | 6 +- download.html | 2 +- fax-transparency.html | 17 +- fax.html | 96 +------- hardware.html | 12 +- index.html | 369 +----------------------------- lobbyists.html | 84 +------ map.html | 28 +-- style.css | 508 +++++++++++++++++++++++++++++++++++++++++- support.html | 2 +- 11 files changed, 520 insertions(+), 693 deletions(-) diff --git a/citations.html b/citations.html index fd2292b..d5c0e20 100644 --- a/citations.html +++ b/citations.html @@ -6,95 +6,8 @@ Ageless Linux — Citations & Reading List - - + diff --git a/fax.html b/fax.html index bc1c89a..02d507e 100644 --- a/fax.html +++ b/fax.html @@ -18,7 +18,8 @@ - + + @@ -33,8 +34,11 @@ Fax Rep Download Hardware - Citations - + Citations + diff --git a/hardware.html b/hardware.html index 8653de2..a8c6f38 100644 --- a/hardware.html +++ b/hardware.html @@ -5,7 +5,8 @@ Ageless Linux — Hardware: The Ageless Device - + + @@ -20,8 +21,11 @@ Fax Rep Download Hardware - Citations - + Citations + diff --git a/index.html b/index.html index 1d05357..0660ba1 100644 --- a/index.html +++ b/index.html @@ -7,6 +7,7 @@ + @@ -23,8 +24,11 @@ Fax Rep Download Hardware - Citations - + Citations + diff --git a/lobbyists.html b/lobbyists.html index 86b5e72..3b714bf 100644 --- a/lobbyists.html +++ b/lobbyists.html @@ -5,7 +5,8 @@ Ageless Linux — The Lobby: Who Wrote These Laws - + + @@ -20,8 +21,11 @@ Fax Rep Download Hardware - Citations - + Citations + diff --git a/map.html b/map.html index c0f18fb..b7c3a7f 100644 --- a/map.html +++ b/map.html @@ -5,7 +5,8 @@ Ageless Linux — State Law Tracker - + + @@ -20,8 +21,11 @@ Fax Rep Download Hardware - Citations - + Citations + diff --git a/style.css b/style.css index 428eb9e..77b0baa 100644 --- a/style.css +++ b/style.css @@ -21,7 +21,7 @@ nav .inner { max-width:1100px; margin:0 auto; display:flex; align-items:center; nav .logo { font-family:'IBM Plex Mono',monospace; font-weight:700; font-size:15px; color:var(--accent); text-decoration:none; letter-spacing:.5px; } nav .logo span { color:var(--text-dim); font-weight:400; } nav .links { display:flex; gap:24px; overflow-x:auto; white-space:nowrap; } -nav .links a { color:var(--text-dim); text-decoration:none; font-size:12px; font-weight:500; letter-spacing:.3px; text-transform:uppercase; transition:color .2s; } +nav .links a { color:var(--text-dim); text-decoration:none; font-size:14px; font-weight:500; letter-spacing:.3px; text-transform:uppercase; transition:color .2s; } nav .links a:hover, nav .links a.active { color:var(--accent); } /* LAYOUT */ @@ -445,8 +445,8 @@ footer .legal-footer { font-family:'IBM Plex Mono',monospace; font-size:11px; ma -@media (prefers-color-scheme: light) { - :root { +[data-theme="light"] { + & { --bg: #f4f3f2; --bg-raised: #eae8e3; --bg-card: #fbfaf9; @@ -598,3 +598,18 @@ footer .legal-footer { font-family:'IBM Plex Mono',monospace; font-size:11px; ma } } + +/* THEME TOGGLE */ +.theme-toggle { background: none; border: none; cursor: pointer; padding: 4px; display: flex; align-items: center; position: absolute; right: 32px; top: 50%; transform: translateY(-50%); } +.theme-toggle img { width: 22px; height: 22px; transition: opacity 0.2s; filter: invert(0.8); } +.theme-toggle:hover img { filter: invert(0.7) sepia(1) saturate(10) hue-rotate(5deg); } + +/* Show Sun in Dark Mode */ +[data-theme="dark"] .sun-icon { display: block; } +[data-theme="dark"] .moon-icon { display: none; } + +/* Show Moon in Light Mode */ +[data-theme="light"] .sun-icon { display: none; } +[data-theme="light"] .moon-icon { display: block; } +[data-theme="light"] .theme-toggle img { filter: invert(0.2); } +[data-theme="light"] .theme-toggle:hover img { filter: invert(0.4) sepia(1) saturate(5) hue-rotate(-30deg); } diff --git a/support.html b/support.html index 9f2a3fe..4fff507 100644 --- a/support.html +++ b/support.html @@ -5,7 +5,8 @@ Ageless Linux — Support - + + @@ -20,8 +21,11 @@ Fax Rep Download Hardware - Citations - + Citations + From 4714997f6ad41759c2e3911d497db2e019dc8581 Mon Sep 17 00:00:00 2001 From: ishaan <> Date: Sun, 19 Apr 2026 15:58:00 +0530 Subject: [PATCH 3/4] bring back original darkmode accent --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index 77b0baa..cef9a82 100644 --- a/style.css +++ b/style.css @@ -5,7 +5,7 @@ --bg: #0c0e13; --bg-raised: #13161d; --bg-card: #191d27; --bg-highlight: #1e2330; --border: #2a2f3e; --border-bright: #3d4459; --text: #c8cdd8; --text-dim: #808ab0; --text-bright: #e8ecf4; - --accent: goldenrod; --accent-dim: #a08020; + --accent: #f0c040; --accent-dim: #a08020; --red: #e05050; --red-dim: #4a1a1a; --green: #40c080; --green-dim: #1a3a2a; --blue: #5090e0; --cyan: #40c0c0; From a10a46947b6c6ee14dba3e2c0618139bffb6af84 Mon Sep 17 00:00:00 2001 From: ishaan <> Date: Sun, 19 Apr 2026 16:02:24 +0530 Subject: [PATCH 4/4] optimize svgs --- ast/moon.svg | 5 +---- ast/sun.svg | 13 +------------ 2 files changed, 2 insertions(+), 16 deletions(-) diff --git a/ast/moon.svg b/ast/moon.svg index 8801c82..ce03915 100644 --- a/ast/moon.svg +++ b/ast/moon.svg @@ -1,4 +1 @@ - - - - \ No newline at end of file + diff --git a/ast/sun.svg b/ast/sun.svg index 66b4f4f..8398be5 100644 --- a/ast/sun.svg +++ b/ast/sun.svg @@ -1,12 +1 @@ - - - - - - - - - - - - \ No newline at end of file +