Filters Framework: a filtering framework for data-heavy products

CSS

/* Filter Bar overrides */
:root {
  --fb-density: 1;
  --fb-chip-radius: 0.25rem;
  --fb-chip-border-style: dashed;
  --fb-chip-unset-border-color: var(--border);
  --fb-accent: oklch(0.5 0.11 165);
  --fb-accent-foreground: oklch(0.985 0 0);
}
.dark {
  --fb-accent: oklch(0.75 0.13 165);
  --fb-accent-foreground: oklch(0.2 0.03 165);
}

Paste into your global CSS, after the Filter Bar variables the install added. Light and dark both covered.

Customise