From 8384254655d201defd72a5188065733627291288 Mon Sep 17 00:00:00 2001 From: "Misha M.-Kupriyanov" Date: Thu, 13 Aug 2026 18:12:58 +0200 Subject: [PATCH] fix(styles): restore the --ion-* tokens orphaned by the header removal nc-ionos-theme#67 deleted IONOS/src/style.scss, whose only content was a :host block of IONOS design tokens, without relocating them. Three are still consumed here and resolve to nothing at runtime, so the header loses its shadow, the user-menu panel loses its shadow, and the menu title loses its background tint. Re-home them on :root with the values from a5e6ec2. The inputs (--color-shadow-header, --ion-color-blue-b2, --ion-color-cool-grey-c7) are still provided by nc_theming at :root, so light/dark keeps working. Signed-off-by: Misha M.-Kupriyanov --- src/styles.scss | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/src/styles.scss b/src/styles.scss index 088c1b1..56040e4 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -1,3 +1,17 @@ +// Design tokens that used to live in the legacy theming header's shadow root +// (themes/nc-ionos-theme, IONOS/src/style.scss), removed in nc-ionos-theme#67 +// without being relocated. simplenavigation is now their only consumer, so it +// owns them. Values restored from a5e6ec2; --color-shadow-header and the +// --ion-color-* palette still come from nc_theming at :root. +:root { + --ion-shadow-header: 0 2px 8px 0 var(--color-shadow-header); + --ion-shadow: 0 4px 8px rgb(0 0 0 / 12%); + --ion-context-menu-title-background: light-dark( + var(--ion-color-blue-b2), + var(--ion-color-cool-grey-c7) + ); +} + // Hide NC's default header-start (logo + appmenu) immediately via CSS so it // never flashes before simplenavigation JS inserts #simplenavigation-logo. // JS also hides it on DOMContentLoaded as a belt-and-suspenders measure.