Custom colors

Colors can be customized using the colors key in your theme.yaml file. Values should be provided as hexadecimal color codes or RGB values. For example:

colors:
  primary: '#0065a1'
  primary_dark: '#005384'
  secondary: '#00b0f0'
  accent: '#ffc700'
  text_dark: '#333'
  background: '#fff'
  browser_color: '#fff'

primary: Used primarily for links and navigation text.
primary_dark: Mainly applied to tags.
secondary: Used for active and hover states on links.
accent: Used for navigation separators.
text_dark: Used for non-link text, such as - copyright and legal notices.
background: Sets the site background color.
browser_color: Defines the color of the mobile browser bar.

CustomizationThemes

CustomizationFavicon