/* Zensical sets data-md-color-primary/accent="indigo" on (no primary/accent configured in zensical.toml), and palette.css declares --md-primary-fg-color / --md-accent-fg-color on that same [data-md-color-primary=indigo] / [data-md-color-accent=indigo] selector. A plain :root override is inherited, but a declaration on body itself always wins over an inherited value, so the override has to target the same selector. */ [data-md-color-primary="indigo"] { /* Primary: custom dark header, also drives other primary-colored elements */ --md-primary-fg-color: #2E3236; --md-primary-fg-color--light: #45494d; --md-primary-fg-color--dark: #1c1f21; --md-primary-bg-color: #ffffff; } [data-md-color-accent="indigo"] { /* Accent: Cloudflare Developers orange (developers.cloudflare.com), used for hover states, search highlights */ --md-accent-fg-color: #ff5e1e; --md-accent-fg-color--transparent: #ff5e1e1a; --md-accent-bg-color: #ffffff; } .md-header { --md-default-bg-color--light: #2E3236; --md-default-fg-color: #ffffff; } /* Classic variant without navigation.tabs repeats the site name + logo as a title bar above the sidebar nav list (.md-nav__title[for=__drawer]) even on desktop, duplicating the header. That title bar is also the mobile drawer's back button, so only hide it at desktop widths (>=76.25em) and keep it on mobile, matching the breakpoint the theme itself uses for this element. */ @media screen and (min-width: 76.25em) { .md-sidebar--primary .md-nav__title[for="__drawer"] { display: none; } }