fix: preserve icon colors in forced-colors mode

RYGRIT · RYGRIT · commit a3a5b375964e · 2026-02-07T21:49:13.000+08:00
diff --git a/app/assets/main.css b/app/assets/main.css
@@ -155,6 +155,14 @@
   }
 }
 
+/* Keep icon masks visible when Windows forced colors overrides theme tokens. */
+@media (forced-colors: active) {
+  :where([class^='i-'], [class*=' i-']) {
+    forced-color-adjust: none;
+    color: CanvasText;
+  }
+}
+
 html {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
diff --git a/uno.config.ts b/uno.config.ts
@@ -22,7 +22,8 @@ export default defineConfig({
     presetWind4(),
     presetIcons({
       extraProperties: {
-        display: 'inline-block',
+        'display': 'inline-block',
+        'forced-colors-adjust': 'preserve-parent-color',
       },
       warn: true,
       scale: 1.2,

Original file line number	Diff line number	Diff line change
`@@ -155,6 +155,14 @@`
`155`	`155`	`}`
`156`	`156`	`}`
`157`	`157`
	`158`	`+/* Keep icon masks visible when Windows forced colors overrides theme tokens. */`
	`159`	`+@media (forced-colors: active) {`
	`160`	`+ :where([class^='i-'], [class*=' i-']) {`
	`161`	`+ forced-color-adjust: none;`
	`162`	`+ color: CanvasText;`
	`163`	`+ }`
	`164`	`+}`
	`165`	`+`
`158`	`166`	`html {`
`159`	`167`	`-webkit-font-smoothing: antialiased;`
`160`	`168`	`-moz-osx-font-smoothing: grayscale;`