Colors & Tokens
CSS custom properties defined in global.css via @theme inline.
Tailwind utility colours used across components are also listed.
Theme Tokens
Semantic CSS custom properties mapped to Tailwind via @theme inline
Background
--background
#f5f5f5
Foreground
--foreground
#171717
Primary
--primary
#000000
Secondary
--secondary
#ffffff
Highlight
--highlight
oklch(65.6% 0.241 354.308)
Highlight 600
--highlight-600
oklch(55.6% 0.241 354.308)
Tailwind Colours in Use
Non-token colours referenced directly in component classes
Gray 100
Gray 200
Gray 400
Gray 500
Gray 600
Gray 800
Blue 600
Red 800
Teal 600
Neutral 700
Neutral 800
Neutral 900
Dark Mode
Dark mode uses the .dark class on html, toggled by Preline theme-switch
Light
Background: #f5f5f5
Foreground: #171717
Dark
Background: neutral-900
Foreground: neutral-100