fix theme toggle icons

semanticdata · semanticdata · commit bbd62ab4aed8 · 2026-01-14T14:01:14.000-06:00
both were showing by default when no preference was set
diff --git a/shared/styles.css b/shared/styles.css
@@ -144,12 +144,15 @@ textarea:focus {
 }
 
 /* Theme Icons */
-[data-theme="light"] .icon-sun {
+#theme-toggle .icon-moon {
   display: none;
 }
-[data-theme="dark"] .icon-moon {
+[data-theme="dark"] #theme-toggle .icon-sun {
   display: none;
 }
+[data-theme="dark"] #theme-toggle .icon-moon {
+  display: block;
+}
 
 /* Settings Menu Popover */
 .settings-menu {

Original file line number	Diff line number	Diff line change
`@@ -144,12 +144,15 @@ textarea:focus {`
`144`	`144`	`}`
`145`	`145`
`146`	`146`	`/* Theme Icons */`
`147`		`-[data-theme="light"] .icon-sun {`
	`147`	`+#theme-toggle .icon-moon {`
`148`	`148`	`display: none;`
`149`	`149`	`}`
`150`		`-[data-theme="dark"] .icon-moon {`
	`150`	`+[data-theme="dark"] #theme-toggle .icon-sun {`
`151`	`151`	`display: none;`
`152`	`152`	`}`
	`153`	`+[data-theme="dark"] #theme-toggle .icon-moon {`
	`154`	`+ display: block;`
	`155`	`+}`
`153`	`156`
`154`	`157`	`/* Settings Menu Popover */`
`155`	`158`	`.settings-menu {`