From 0c537ff31cdefb22bce5312512abfc3253c8104a Mon Sep 17 00:00:00 2001 From: Ruben van der Linde Date: Mon, 5 Oct 2026 19:41:05 +0200 Subject: [PATCH] feat(token-sets): Zuiddrecht gets a light website hero and a blue piece under the current menu item Six tokens for the Zuiddrecht set on a portal: a light hero ground with dark type (14.88:1) and the grey emblem as its watermark, and the current menu item drawn as a blue piece of the red line under the menu. The dark variant is regenerated from the set. --- css/tokens/dark/zuiddrecht.css | 10 +++++++++- css/tokens/zuiddrecht.css | 12 ++++++++++++ 2 files changed, 21 insertions(+), 1 deletion(-) diff --git a/css/tokens/dark/zuiddrecht.css b/css/tokens/dark/zuiddrecht.css index 38c439631..0a90148ad 100644 --- a/css/tokens/dark/zuiddrecht.css +++ b/css/tokens/dark/zuiddrecht.css @@ -1,4 +1,4 @@ -/* GENERATED by nldesign DarkPaletteService v9 from tokens/zuiddrecht.css (sha256:b89321e4bf069e173f56a0cd9bb9e4a1e380a5b4b3b731818d545f15d47097f0) — do not edit */ +/* GENERATED by nldesign DarkPaletteService v9 from tokens/zuiddrecht.css (sha256:27e4455d88f2d961ab32eaa93a7423273532df9e16aedbfca459f56986106990) — do not edit */ @media (prefers-color-scheme: dark) { body:not([data-theme-light]):not([data-theme-dark]):not([data-theme-light-highcontrast]):not([data-theme-dark-highcontrast]) { --nldesign-brand-stripe-color-1: #f43535; @@ -113,7 +113,11 @@ --nldesign-component-textbox-hover-border-color: #656c78; --nldesign-component-textbox-invalid-border-color: #f43535; --nldesign-component-unordered-list-color: #e2e3e4; + --nldesign-hero-background-color: #13202e; + --nldesign-hero-body-color: #111111; + --nldesign-hero-title-color: #111111; --nldesign-logo-url: url('../../../img/logos/zuiddrecht-dark.svg'); + --nldesign-website-nav-current-color: #6d9acf; --zuiddrecht-color-blue: #5b8ac2; --zuiddrecht-color-blue-dark: #7fa6d4; --zuiddrecht-color-blue-light: #13202e; @@ -240,7 +244,11 @@ body[data-themes*=dark] { --nldesign-component-textbox-hover-border-color: #656c78; --nldesign-component-textbox-invalid-border-color: #f43535; --nldesign-component-unordered-list-color: #e2e3e4; + --nldesign-hero-background-color: #13202e; + --nldesign-hero-body-color: #111111; + --nldesign-hero-title-color: #111111; --nldesign-logo-url: url('../../../img/logos/zuiddrecht-dark.svg'); + --nldesign-website-nav-current-color: #6d9acf; --zuiddrecht-color-blue: #5b8ac2; --zuiddrecht-color-blue-dark: #7fa6d4; --zuiddrecht-color-blue-light: #13202e; diff --git a/css/tokens/zuiddrecht.css b/css/tokens/zuiddrecht.css index 8af7ea471..37dc67be3 100644 --- a/css/tokens/zuiddrecht.css +++ b/css/tokens/zuiddrecht.css @@ -185,4 +185,16 @@ --nldesign-website-logo-height: 50px; --nldesign-website-logo-width: 234px; --nldesign-website-logo-text-size: 0; + /* The hero on the website: a light ground with dark type (14.88:1) and + * the emblem in grey as a faint watermark. The portal names the grey + * emblem in --nldesign-emblem-grey-url and the coloured one in + * --nldesign-emblem-url. */ + --nldesign-hero-background-color: #EAF0F7; + --nldesign-hero-title-color: #1B1C1D; + --nldesign-hero-body-color: #1B1C1D; + --nldesign-hero-decoration-image: var(--nldesign-emblem-grey-url, var(--nldesign-emblem-url)); + /* The menu item you are on is a blue piece of the red line under the + * menu, not a second bar above it. */ + --nldesign-website-nav-current-in-line: 1; + --nldesign-website-nav-current-color: #3669A5; }