mirror of
https://github.com/angular/angular
synced 2026-05-24 09:28:37 +00:00
docs: fix deprecated docs navigation background color. (#61776)
Backport of #58848 into v19 / main. PR Close #61776
This commit is contained in:
parent
1e840613af
commit
9317b1c2b8
2 changed files with 7 additions and 1 deletions
|
|
@ -18,6 +18,9 @@
|
|||
--orange-red: oklch(63.32% 0.24 31.68); // #fa2c04
|
||||
--super-green: oklch(79.12% 0.257 155.13); // #00c572 // Used for success, merge additions, etc.
|
||||
|
||||
--deprecated-light: oklch(95% 0.02 304.04); // Base color
|
||||
--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) 5%, white 10%);
|
||||
--light-blue: color-mix(in srgb, var(--bright-blue), white 50%);
|
||||
|
|
@ -213,6 +216,9 @@
|
|||
--orange-red: color-mix(in srgb, oklch(63.32% 0.24 31.68), var(--full-contrast) 60%);
|
||||
--super-green: color-mix(in srgb, oklch(79.12% 0.257 155.13), var(--full-contrast) 70%);
|
||||
|
||||
--deprecated-dark: oklch(30% 0.02 304.04); // Base color
|
||||
--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%);
|
||||
|
||||
--symbolic-purple: color-mix(in srgb, oklch(42.86% 0.29 266.4), var(--full-contrast) 65%);
|
||||
|
|
|
|||
|
|
@ -112,7 +112,7 @@
|
|||
|
||||
&.adev-nav-primary--deprecated {
|
||||
// change nav background to indicate this is an outdated version of the docs
|
||||
background-color: color-mix(in srgb, var(--symbolic-gray), transparent 30%);
|
||||
background-color: var(--deprecated-docs-bg);
|
||||
}
|
||||
|
||||
// div containing mobile close button and adev-nav_top
|
||||
|
|
|
|||
Loading…
Reference in a new issue