Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-11-24 05:11:16 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1841870 - Implement dark theme designs for moz-message-bar. r=tgiles,hjones,desktop-theme-reviewers,dao

Browse Source 
Differential Revision: https://phabricator.services.mozilla.com/D184249
This commit is contained in:
ganna 2023-08-02 18:32:32 +00:00
parent 21db0e5fc4
commit 63cb75dcd6
1 changed files with 20 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
toolkit/themes/shared/design-tokens-shared.css
View File

@ -97,6 +97,26 @@
}
}
@media (prefers-contrast: no-preference) and (prefers-color-scheme: dark) {
:root {
/* Color */
--color-background-information: var(--color-blue-80);
--color-background-success: var(--color-green-80);
--color-background-warning: var(--color-yellow-80);
--color-background-critical: var(--color-red-80);
/** Icon **/
--icon-color: var(--color-gray-05);
--icon-color-information: var(--color-blue-30);
--icon-color-success: var(--color-green-30);
--icon-color-warning: var(--color-yellow-30);
--icon-color-critical: var(--color-red-30);
/* Text */
--text-color: var(--color-gray-05);
}
}
@media (prefers-contrast) {
:root,
:host {