added styling to the sun in light mode in theme toggle

garrettlchow · garrettlchow · commit 68c64eeffa01 · 2024-12-22T20:34:42.000-08:00
diff --git a/src/app/styles/components/_buttons.scss b/src/app/styles/components/_buttons.scss
@@ -170,14 +170,13 @@
 .theme-toggle-icon {
   width: 16px;
   height: 16px;
-  color: var(--text-secondary);
   transition: color 300ms ease;
 }
 
 .theme-toggle.dark .theme-toggle-icon.moon {
   color: var(--color-primary);
 }
 
-.theme-toggle.dark .theme-toggle-icon.sun {
-  color: var(--text-secondary);
+.theme-toggle .theme-toggle-icon.sun {
+  color: var(--color-primary);
 }

Original file line number	Diff line number	Diff line change
`@@ -170,14 +170,13 @@`
`170`	`170`	`.theme-toggle-icon {`
`171`	`171`	`width: 16px;`
`172`	`172`	`height: 16px;`
`173`		`- color: var(--text-secondary);`
`174`	`173`	`transition: color 300ms ease;`
`175`	`174`	`}`
`176`	`175`
`177`	`176`	`.theme-toggle.dark .theme-toggle-icon.moon {`
`178`	`177`	`color: var(--color-primary);`
`179`	`178`	`}`
`180`	`179`
`181`		`-.theme-toggle.dark .theme-toggle-icon.sun {`
`182`		`- color: var(--text-secondary);`
	`180`	`+.theme-toggle .theme-toggle-icon.sun {`
	`181`	`+ color: var(--color-primary);`
`183`	`182`	`}`