From fcaf15a0a46afa09056b45a6748ba9d8474cbd80 Mon Sep 17 00:00:00 2001 From: Kam Date: Sun, 26 Jul 2026 13:03:26 +0300 Subject: [PATCH] fix(docs-infra): fix undefined CSS custom properties in shared-docs styles Two custom properties in the shared-docs styles reference tokens that are defined nowhere, so the declarations are invalid at computed-value time. _kbd.scss sets the text color with var(---tertiary-contrast); the extra leading dash points at an undefined property with no fallback, so the color resolves to the inherited value instead of the intended --tertiary-contrast. _colors.scss builds --light-pink-to-light-purple-horizontal-gradient from var(--light-purple), which is not defined anywhere (the sibling token is --light-violet, defined in the same file), invalidating the gradient. The gradient is not currently referenced, so this corrects a latent malformed declaration rather than a visible bug. Point both at the defined tokens: --tertiary-contrast and --light-violet. (cherry picked from commit e70994bdc3181e82d8cd5108d6eb7f5942377012) --- adev/shared-docs/styles/_colors.scss | 2 +- adev/shared-docs/styles/_kbd.scss | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/adev/shared-docs/styles/_colors.scss b/adev/shared-docs/styles/_colors.scss index 029cfe48ec4..bfab26459bc 100644 --- a/adev/shared-docs/styles/_colors.scss +++ b/adev/shared-docs/styles/_colors.scss @@ -131,7 +131,7 @@ $gray-50: oklch(98.81% 0 0); // #fbfbfb --light-pink-to-light-purple-horizontal-gradient: linear-gradient( 90deg, var(--light-pink) 0%, - var(--light-purple) 100% + var(--light-violet) 100% ); --light-vivid-pink-to-light-electric-violet-horizontal-gradient: linear-gradient( diff --git a/adev/shared-docs/styles/_kbd.scss b/adev/shared-docs/styles/_kbd.scss index 15eee5114d8..c01446de7a1 100644 --- a/adev/shared-docs/styles/_kbd.scss +++ b/adev/shared-docs/styles/_kbd.scss @@ -2,7 +2,7 @@ // We only target non-nested kbd elements kbd:not(:has(kbd)) { position: relative; - color: var(---tertiary-contrast); + color: var(--tertiary-contrast); border: 1px solid var(--quinary-contrast); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2),