/* exitfleet - site theme. * * The only place this site's colour is defined. mkdocs.yml sets `primary: custom` * and `accent: custom`, which make Material emit the palette attributes but ship * no rules for them, so every variable below has to be supplied here. Anything * omitted silently falls back to Material's indigo defaults in main.css. * * `:root > *` rather than `:root`: the palette attributes live on , so this * matches the same element and keeps winning even if the config ever moves back * to a named colour. Plain `:root` targets and would be overridden. */ :root > * { /* Header and tabs - a deep teal, the exitfleet identity hue. */ --md-primary-fg-color: #0d5f56; --md-primary-fg-color--light: #12786c; --md-primary-fg-color--dark: #094a43; /* Text drawn on top of the header bar */ --md-primary-bg-color: #ffffff; --md-primary-bg-color--light: #ffffffb3; /* Text drawn on top of accent-filled elements */ --md-accent-bg-color: #ffffff; --md-accent-bg-color--light: #ffffffb3; } /* Accent ships one shade per scheme, each chosen to clear WCAG AA (4.5:1) * against the background it renders on. --md-typeset-a-color is set explicitly * because Material defaults it to var(--md-primary-fg-color), which would render * body links in the (much darker) header colour. */ [data-md-color-scheme="slate"] { /* Material's own default hue for slate surfaces; deliberately neutral so the * teal identity lives only in the header + accent, not the whole page. */ --md-hue: 225deg; --md-accent-fg-color: #4dd0bd; --md-accent-fg-color--transparent: #4dd0bd1a; --md-typeset-a-color: #4dd0bd; } [data-md-color-scheme="default"] { --md-accent-fg-color: #0a6b60; --md-accent-fg-color--transparent: #0a6b601a; --md-typeset-a-color: #0a6b60; }