mirror of
https://github.com/tiennm99/HugoBlox-kit.git
synced 2026-10-12 12:13:19 +00:00
George Cushen
9f19818ea7
Light-mode `secondary` was `blue` (hue ~260, almost identical to the `indigo` primary at hue ~277). Result: every primary→secondary gradient in light mode read as a flat solid colour — Pro pricing tier border, "Most popular" badge, Pro CTA, hero highlight (when not in forced-dark sections), stats numbers, comparison-table accents all lost their gradient direction. Switch light secondary to `teal` (hue ~182). Dark mode already used teal, so this unifies the brand pairing across modes. Visible gradient direction restored everywhere primary→secondary is used. No block changes needed — the fix lives in the theme palette where similar brand decisions belong, not as workarounds in individual blocks.
44 lines
1.0 KiB
YAML
44 lines
1.0 KiB
YAML
# HugoBlox Theme Pack
|
|
# https://docs.hugoblox.com
|
|
|
|
hugoblox:
|
|
meta:
|
|
format: "hugoblox-theme@1"
|
|
name: "Default"
|
|
vendor: "hugoblox"
|
|
version: "1.0.0"
|
|
license: "MIT"
|
|
|
|
type: "dual"
|
|
|
|
light:
|
|
colors:
|
|
primary: "indigo"
|
|
# `teal` (not `blue`) to give primary→secondary gradients visible direction
|
|
# in light mode — `indigo` and `blue` are nearly identical hues. Matches the
|
|
# dark mode pairing's `teal` so the brand reads consistently across modes.
|
|
secondary: "teal"
|
|
surfaces:
|
|
background: "#ffffff"
|
|
foreground: "#111827"
|
|
header:
|
|
background: "#f1f5f9" # Slate-100 for definition against white content
|
|
foreground: "#0f172a"
|
|
footer:
|
|
background: "#f3f4f6"
|
|
foreground: "#0f172a"
|
|
|
|
dark:
|
|
colors:
|
|
primary: "blue"
|
|
secondary: "teal"
|
|
surfaces:
|
|
background: "#0f172a"
|
|
foreground: "#f8fafc"
|
|
header:
|
|
background: "#0f172a"
|
|
foreground: "#f8fafc"
|
|
footer:
|
|
background: "#111827"
|
|
foreground: "#e5e7eb"
|