Skip to content

docs(docs-infra): fixed missing gray color palette definitions for li…#67123

Open
SkyZeroZx wants to merge 1 commit intoangular:mainfrom
SkyZeroZx:docs/fixed-copy
Open

docs(docs-infra): fixed missing gray color palette definitions for li…#67123
SkyZeroZx wants to merge 1 commit intoangular:mainfrom
SkyZeroZx:docs/fixed-copy

Conversation

@SkyZeroZx
Copy link
Contributor

Adds the missing gray color palette definitions for both light and dark modes

What is the current behavior?

https://next.angular.dev/best-practices/a11y
image

What is the new behavior?

image

Does this PR introduce a breaking change?

  • Yes
  • No

…ght and dark modes

Adds the missing gray color palette definitions for both light and dark modes
@pullapprove pullapprove bot requested a review from devversion February 18, 2026 20:07
@angular-robot angular-robot bot added area: docs Related to the documentation area: docs-infra Angular.dev application and infrastructure labels Feb 18, 2026
@ngbot ngbot bot added this to the Backlog milestone Feb 18, 2026
Comment on lines +231 to +241
--gray-1000: #{$gray-1000};
--gray-900: #{$gray-900};
--gray-800: #{$gray-800};
--gray-700: #{$gray-700};
--gray-600: #{$gray-600};
--gray-500: #{$gray-500};
--gray-400: #{$gray-400};
--gray-300: #{$gray-300};
--gray-200: #{$gray-200};
--gray-100: #{$gray-100};
--gray-50: #{$gray-50};
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The variables were removed by #66822 and shouldn't be used directly.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

So, should we use the contrast variables we have according to light or dark theme?

--primary-contrast: #{$gray-900};
--secondary-contrast: #{$gray-800};
--tertiary-contrast: #{$gray-700};
--quaternary-contrast: #{$gray-500};
--quinary-contrast: #{$gray-300};
--senary-contrast: #{$gray-200};
--septenary-contrast: #{$gray-100};
--octonary-contrast: #{$gray-50};
--page-background: white;

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area: docs Related to the documentation area: docs-infra Angular.dev application and infrastructure

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

Comments