/* user.css — force icons to single color via filters */

:root {
  /* tweak these if you want a different monochrome (see note below) */
  --gl-icon-filter-light: brightness(0) saturate(100%);          /* → black */
  --gl-icon-filter-dark:  brightness(0) saturate(100%) invert(1);/* → white */
}

/* Target the <img> elements Glance uses for icons across widgets */
img.icon,
.widget img[alt*="icon"],
.docker-containers img,
.bookmarks img,
.monitor img {
  /* default for light themes */
  filter: var(--gl-icon-filter-light) !important;
}

/* Assume “dark” theme flips the body/html attribute; adjust as needed */
html[data-theme="dark"] img.icon,
html[data-theme="dark"] .widget img[alt*="icon"],
html[data-theme="dark"] .docker-containers img,
html[data-theme="dark"] .bookmarks img,
html[data-theme="dark"] .monitor img {
  filter: var(--gl-icon-filter-dark) !important;
}