diff --git a/zonemaster-gui/src/themes/default/Footer.astro b/zonemaster-gui/src/themes/default/Footer.astro index 0bdb042..82cfe26 100644 --- a/zonemaster-gui/src/themes/default/Footer.astro +++ b/zonemaster-gui/src/themes/default/Footer.astro @@ -39,7 +39,9 @@ import config from '@/config'; diff --git a/zonemaster-gui/src/themes/default/styles/custom.css b/zonemaster-gui/src/themes/default/styles/custom.css index 06ffda3..f727370 100644 --- a/zonemaster-gui/src/themes/default/styles/custom.css +++ b/zonemaster-gui/src/themes/default/styles/custom.css @@ -1 +1,55 @@ -/** Add your custom styles here */ +/* ============================================================ + CloudHost / Zonemaster.es custom palette + Palette: + --pale-sky: #c9daea (light blue โ€“ backgrounds, borders) + --neon-ice: #03f7eb (bright cyan โ€“ highlights, secondary) + --seaweed: #00b295 (teal โ€“ primary brand) + --coffee-bean: #191516 (near-black โ€“ text, dark accents) + --cherry-rose: #ab2346 (dark rose โ€“ danger, error, accents) + ============================================================ */ + +:root { + /* โ”€โ”€ Main (primary brand) โ€” replaces Fuchsia Blue โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */ + --color-palette-main-10: #e4f3f0; /* very light teal tint */ + --color-palette-main-30: #c9daea; /* pale-sky */ + --color-palette-main-50: #00b295; /* seaweed */ + --color-palette-main-70: #008a74; /* seaweed dark */ + --color-palette-main-90: #004d41; /* seaweed darkest */ + + /* โ”€โ”€ Secondary โ€” replaces Electric Indigo โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */ + --color-palette-secondary-10: #d0fefb; + --color-palette-secondary-30: #6ffaf4; + --color-palette-secondary-50: #03f7eb; /* neon-ice */ + --color-palette-secondary-70: #02cfc5; /* neon-ice dark */ + --color-palette-secondary-90: #016e6a; + + /* โ”€โ”€ Text / neutral โ€” replaces Woodsmoke near-black โ”€โ”€โ”€โ”€โ”€โ”€ */ + --color-palette-black-90: #191516; /* coffee-bean */ + + /* โ”€โ”€ Danger โ€” replaces Mandy red โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */ + --color-palette-danger-10: #f7dde4; + --color-palette-danger-30: #d4708b; + --color-palette-danger-50: #ab2346; /* cherry-rose */ + --color-palette-danger-70: #7e1833; + --color-palette-danger-90: #3d0a18; + + /* โ”€โ”€ Error โ€” same rose family โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */ + --color-palette-error-10: #f7dde4; + --color-palette-error-30: #d4708b; + --color-palette-error-50: #ab2346; /* cherry-rose */ + --color-palette-error-70: #7e1833; + --color-palette-error-90: #3d0a18; + + /* โ”€โ”€ Tab highlight โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */ + --color-tab-highlight: #ab2346; /* cherry-rose */ +} + +/* Footer copyright bar: links readable on pale-sky background */ +.zm-footer-copyright a { + color: #004d41; + font-weight: 600; + text-decoration: underline; +} +.zm-footer-copyright a:hover { + color: #00b295; +}