Template:IRWA/custom.css

.irwa-color-light,
html.skin-theme-clientpref-day .irwa-color-adaptive,
html.theme-light .irwa-color-adaptive {
  --irwa-navigation-background: #e4e6ed;
  --irwa-navigation-color: #000;
  --irwa-header-link-background: rgba(255, 255, 255, 0.8);
  --irwa-header-link-border-color: #d4d2e1;
  --irwa-header-link-hover-background: #fff;
  --irwa-header-link-active-background: #d4d2e1;
  --irwa-members-background: rgba(255, 255, 255, 0.8);
  --irwa-members-border-color: #d4d2e1;
}

@media screen and (prefers-color-scheme: light) {
  html.skin-theme-clientpref-os .irwa-color-adaptive {
    --irwa-navigation-background: #e4e6ed;
    --irwa-navigation-color: #000;
    --irwa-header-link-background: rgba(255, 255, 255, 0.8);
    --irwa-header-link-border-color: #d4d2e1;
    --irwa-header-link-hover-background: #fff;
    --irwa-header-link-active-background: #d4d2e1;
    --irwa-members-background: rgba(255, 255, 255, 0.8);
    --irwa-members-border-color: #d4d2e1;
  }
}

.irwa-color-dark,
html.skin-theme-clientpref-night .irwa-color-adaptive,
html.theme-dark .irwa-color-adaptive {
  --irwa-navigation-background: var(--color-surface-1);
  --irwa-navigation-color: #fff;
  --irwa-header-link-background: rgba(0, 0, 0, 0.8);
  --irwa-header-link-border-color: #242231;
  --irwa-header-link-hover-background: #000;
  --irwa-header-link-active-background: #242231;
  --irwa-members-background: var(--color-surface-2);
  --irwa-members-border-color: var(--color-surface-3);
}

@media screen and (prefers-color-scheme: dark) {
  html.skin-theme-clientpref-os .irwa-color-adaptive {
    --irwa-navigation-background: #191c21;
    --irwa-navigation-color: #fff;
    --irwa-header-link-background: rgba(0, 0, 0, 0.8);
    --irwa-header-link-border-color: #242231;
    --irwa-header-link-hover-background: #000;
    --irwa-header-link-active-background: #242231;
    --irwa-members-background: #191c21;
    --irwa-members-border-color: #333;
  }
}