From 331e35c2832ca02377fa28dbb21caf7f7bd98b78 Mon Sep 17 00:00:00 2001 From: Matthieu Riegler Date: Tue, 16 Sep 2025 19:17:58 +0200 Subject: [PATCH] docs(docs-infra): fix colors (#63842) fixes #63841 PR Close #63842 --- adev/shared-docs/styles/_colors.scss | 5 +++-- adev/shared-docs/styles/docs/_card.scss | 2 +- 2 files changed, 4 insertions(+), 3 deletions(-) diff --git a/adev/shared-docs/styles/_colors.scss b/adev/shared-docs/styles/_colors.scss index 23c5334b831..bd650b061d4 100644 --- a/adev/shared-docs/styles/_colors.scss +++ b/adev/shared-docs/styles/_colors.scss @@ -23,7 +23,8 @@ --deprecated-docs-bg: var(--deprecated-light); // Alias specifically for deprecated docs // subtle-purple is used for inline-code bg, docs-card hover bg & docs-code header bg - --subtle-purple: color-mix(in srgb, var(--bright-blue) 8%, white 92%); + --subtle-purple: color-mix(in srgb, var(--bright-blue) 5%, white 10%); + --subtle-blue: color-mix(in srgb, var(--bright-blue) 5%, white 95%); --light-blue: color-mix(in srgb, var(--bright-blue), white 50%); --light-violet: color-mix(in srgb, var(--electric-violet), white 65%); --light-orange: color-mix(in srgb, var(--orange-red), white 50%); @@ -222,7 +223,7 @@ --deprecated-docs-bg: var(--deprecated-dark); // Alias specifically for deprecated docs --light-pink: color-mix(in srgb, var(--vivid-pink) 5%, var(--page-background) 75%); - --subtle-purple: color-mix(in srgb, var(--bright-blue) 5%, var(--page-background) 85%); + --subtle-blue: color-mix(in srgb, var(--bright-blue) 5%, var(--page-background) 90%); --symbolic-purple: color-mix(in srgb, oklch(42.86% 0.29 266.4), var(--full-contrast) 65%); --symbolic-gray: color-mix(in srgb, oklch(66.98% 0 0), var(--full-contrast) 65%); diff --git a/adev/shared-docs/styles/docs/_card.scss b/adev/shared-docs/styles/docs/_card.scss index 52cf9300aca..76b7571825d 100644 --- a/adev/shared-docs/styles/docs/_card.scss +++ b/adev/shared-docs/styles/docs/_card.scss @@ -89,7 +89,7 @@ } &:hover { - background: var(--subtle-purple); + background: var(--subtle-blue); span { background-position: 0% 0%;