From 96527144550e540fcc995abe0682685d8f4da351 Mon Sep 17 00:00:00 2001 From: Jim Myhrberg Date: Thu, 19 Feb 2026 00:21:55 +0000 Subject: [PATCH] feat: replace theme toggle system icon with custom sun-moon SVG The computer-desktop icon for the system/auto theme state didn't visually relate to the sun (light) and moon (dark) icons used for the other states. Replace it with a custom half-sun icon that shows a sun circle with the right half filled dark and left-side rays only, conveying "both light and dark" to better represent the automatic/system theme preference. Co-Authored-By: Claude Opus 4.6 --- CLAUDE.md | 2 +- src/components/ThemeToggle.astro | 6 +----- src/icons/sun-moon.svg | 8 ++++++++ 3 files changed, 10 insertions(+), 6 deletions(-) create mode 100644 src/icons/sun-moon.svg diff --git a/CLAUDE.md b/CLAUDE.md index 80aafeb..cf3ccc7 100644 --- a/CLAUDE.md +++ b/CLAUDE.md @@ -47,7 +47,7 @@ The site is built to `dist/` and deployed to Cloudflare Workers. - **Astro 5.x** static site generator - **Tailwind CSS 4.x** for styling with dark mode support -- **astro-icon** with Heroicons and Simple Icons for icons +- **astro-icon** with Heroicons, Simple Icons, and custom local SVGs (`src/icons/`) - **Content Collections** for spec markdown files - **TypeScript** throughout - **Node.js** as JavaScript runtime (managed via mise) diff --git a/src/components/ThemeToggle.astro b/src/components/ThemeToggle.astro index 67fe174..a96e950 100644 --- a/src/components/ThemeToggle.astro +++ b/src/components/ThemeToggle.astro @@ -14,11 +14,7 @@ import { Icon } from "astro-icon/components"; >