Model tog

Farver

Vejledning » Farver

Farvetemaet styres af en separat .toml-fil i public/site/. Filen angives i site.toml via theme_file.

theme_file = "mine-farver.toml"

Alle temaindstillinger samles under tabellen [theme]

Alle farveindstillinger

[theme]
# Header
header_gradient_start = "#1b3a2d"
header_gradient_mid   = "#27503e"
header_gradient_end   = "rgba(58, 107, 84, 0.95)"
header_text           = "#ffffff"

# Sidebaggrundsfarver
bg           = "#f3efe6"
panel        = "#faf6ed"
panel_border = "#efe8d6"

# Accentfarve (knapper, aktive elementer)
accent       = "#1b3a2d"
accent_soft  = "#dce8e0"
accent_hover = "#273350"

# Fremhævningsfarve (badges, priser)
highlight      = "#b08d47"
highlight_soft = "#f5ecd4"

# Tekstfarver
text       = "#2c2c2c"
text_muted = "#6b706e"
border     = "#d6cfc0"

# Links
link       = "#3a6b54"
link_hover = "#b08d47"

# Submenu / side-navigation
submenu_text = "#3a6b54"
submenu_bg = "rgba(58,107,84,0.06)"
submenu_active_bg = "#b08d47"
submenu_active_text = "#071025"

# Sideoverskrifter
page_title = "#1b3a2d"

# Font (valgfrit)
# font_import – URL til webfont (fx Google Fonts)
# font_family – CSS font-family liste som temaet bruger
font_import = "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
font_family = "Inter, -apple-system, BlinkMacSystemFont, sans-serif"

Beskrivelse af felterne

  • header_gradient_start, header_gradient_mid, header_gradient_end – gradientens tre stop i sidetoppen
  • header_text – tekstfarve i headeren
  • bg – sidens baggrundsfarve
  • panel – kortenes og indholdboksenes baggrundsfarve
  • panel_border – ramme om paneler
  • accent – primær accentfarve; bruges på knapper og aktive menupunkter
  • accent_soft – lys variant af accent; bruges til subtile baggrunde
  • accent_hover – accentfarve ved hover
  • highlight – fremhævningsfarve; bruges til priser og badges
  • highlight_soft – lys variant af highlight
  • text – primær tekstfarve
  • text_muted – dæmpet tekst (metadata, undertekster)
  • border – generel rammefarve
  • link – linkfarve
  • link_hover – linkfarve ved hover
  • submenu_text – tekstfarve for links i submenu / side-navigation
  • submenu_bg – baggrund for submenu links (ikke-aktive)
  • submenu_active_bg – baggrund for aktive submenu-links
  • submenu_active_text – tekstfarve for aktive submenu-links
  • page_title – farve for h2/sideoverskrifter i indholdet
  • font_import – (valgfrit) URL til en webfont der skal indlæses for temaet. Hvis du angiver denne, vil systemet indsætte en <link rel="stylesheet"> i <head>.
  • font_family – (valgfrit) CSS font-family-liste som temaet bruger (fx "Inter, system-ui, -apple-system, sans-serif").

Farveformat

Alle felter accepterer gyldige CSS-farveværdier:

"#1b3a2d"               ← hex
"rgba(0, 0, 0, 0.5)"    ← rgba
"hsl(140, 30%, 18%)"    ← hsl
"forestgreen"           ← CSS-farvenavn