fix: icons disappear in Windows High Contrast Mode

app/assets/main.css

@@ -155,6 +155,62 @@
   }
 }
 
+/* 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;
+  }
+
+  /* Settings page: keep accent/background radio swatches visible in forced colors. */
+  :where(
+      fieldset:has(input[type='radio'][name='accent-color']),
+      fieldset:has(input[type='radio'][name='background-theme'])
+    )
+    > label {
+    forced-color-adjust: none;
+    border: 1px solid CanvasText;
+  }
+
+  :where(
+      fieldset:has(input[type='radio'][name='accent-color']),
+      fieldset:has(input[type='radio'][name='background-theme'])
+    )
+    > label:has(> input:checked) {
+    outline: 2px solid Highlight;
+    outline-offset: 2px;
+  }
+
+  /* Settings page: make toggle tracks and thumb visible in forced colors. */
+  button[role='switch'] > span:last-of-type {
+    forced-color-adjust: none;
+  }
+
+  button[role='switch'][aria-checked='false'] > span:last-of-type {
+    background: Canvas;
+    border-color: CanvasText;
+  }
+
+  button[role='switch'][aria-checked='false'] > span:last-of-type > span {
+    background: CanvasText;
+  }
+
+  button[role='switch'][aria-checked='true'] > span:last-of-type {
+    background: Highlight;
+    border-color: Highlight;
+  }
+
+  button[role='switch'][aria-checked='true'] > span:last-of-type > span {
+    background: HighlightText;
+  }
+
+  /* Homepage tag dots are custom spans, not list markers. */
+  :where([class~='bg-accent'][class~='rounded-full'][class~='w-1'][class~='h-1']) {
+    forced-color-adjust: none;
+    background: CanvasText;
+  }
+}
+
 html {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;

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,