CloudHost/zonemaster.es
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: apply CloudHost palette and update footer attribution

Browse Source 
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 <noreply@anthropic.com>
This commit is contained in:
Malin
2026-04-21 10:25:33 +02:00
parent 14c41e1a54
commit f98c45834e
2 changed files with 58 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
zonemaster-gui/src/themes/default/Footer.astro
View File

@@ -39,7 +39,9 @@ import config from '@/config';
</div>
<Grid client:load cols={1}>
<div class="zm-footer-copyright">
{m.copyright()}
Basado en software libre de <a href="https://www.afnic.fr/" target="_blank" rel="noopener">AFNIC</a> y <a href="https://internetstiftelsen.se/" target="_blank" rel="noopener">The Swedish Internet Foundation</a>
&nbsp;·&nbsp; 🇪🇺 Alojado en la UE
&nbsp;·&nbsp; Mejorado por <a href="https://cloudhost.es" target="_blank" rel="noopener">Cloud Host</a>
</div>
</Grid>
</footer>

56
zonemaster-gui/src/themes/default/styles/custom.css
View File

@@ -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;
}