From f98c45834e9ec2240341906c7baebf61321f6eef Mon Sep 17 00:00:00 2001 From: Malin Date: Tue, 21 Apr 2026 10:25:33 +0200 Subject: [PATCH] feat: apply CloudHost palette and update footer attribution MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Color palette (via custom.css override): - Primary (main): seaweed #00b295 replaces fuchsia blue - Borders/backgrounds: pale-sky #c9daea replaces light purple - Highlights/secondary: neon-ice #03f7eb replaces electric indigo - Text: coffee-bean #191516 replaces Woodsmoke - Danger/error: cherry-rose #ab2346 replaces Mandy red Footer copyright line replaced with: "Based on free software by AFNIC and The Swedish Internet Foundation ๐Ÿ‡ช๐Ÿ‡บ Hosted in the EU ยท Enhanced by Cloud Host (cloudhost.es)" Co-Authored-By: Claude Sonnet 4.6 --- .../src/themes/default/Footer.astro | 4 +- .../src/themes/default/styles/custom.css | 56 ++++++++++++++++++- 2 files changed, 58 insertions(+), 2 deletions(-) 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; +}