commit a9f1ef583da50ecfa2344c85617b30ec84e21e8a parent 52dc04090e6ac35ffe5fa5b31e801cc292905d7d Author: Dom <im.sekiel@gmail.com> Date: Fri, 12 Dec 2025 20:47:27 +0000 Bug 1997152 - Update "High contrast mode" section in the Design Tokens storybook doc. r=tgiles,desktop-theme-reviewers DONTBUILD Differential Revision: https://phabricator.services.mozilla.com/D272334 Diffstat:
| M | toolkit/themes/shared/design-system/docs/README.design-tokens.stories.md | | | 2 | +- |
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/toolkit/themes/shared/design-system/docs/README.design-tokens.stories.md b/toolkit/themes/shared/design-system/docs/README.design-tokens.stories.md @@ -345,7 +345,7 @@ We rely on the [light-dark()](https://developer.mozilla.org/en-US/docs/Web/CSS/c ``` ### High contrast mode -We rely on two queries for assigning HCM counterpart variables, @media (prefers-contrast) and @media (forced-colors). They are found at the bottom of [tokens-shared.css](https://searchfox.org/mozilla-central/rev/6eb2ebcafb1b4a8576eb513e6cd2c61e3f3ae6dc/toolkit/themes/shared/design-system/tokens-shared.css#109). +We rely on two queries for assigning HCM counterpart variables, @media (prefers-contrast) and @media (forced-colors). They are found within @layer tokens-prefers-contrast and @layer tokens-forced-colors at the bottom of [tokens-shared.css](https://searchfox.org/firefox-main/source/toolkit/themes/shared/design-system/dist/tokens-shared.css#314-432). To learn more about the HCM media queries, please consult [these docs](https://firefox-source-docs.mozilla.org/accessible/HCMMediaQueries.html).