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

Bug 1862760 - [devtools] Fix popup colors on DevTools light theme for Firefox dark theme. r=devtools-reviewers,bomsy.

Browse Source 
This unset specific color-scheme that is set on popup by the platform.

Differential Revision: https://phabricator.services.mozilla.com/D193068
This commit is contained in:
Nicolas Chevobbe 2023-11-09 09:39:30 +00:00
parent 2a178d7869
commit 89bc6a1fb2
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
devtools/client/themes/tooltips.css
View File

@ -17,7 +17,6 @@
@import url(chrome://devtools/skin/compatibility.css) layer(shared);
/* Tooltip specific theme variables */
.theme-dark {
--bezier-diagonal-color: #eee;
--bezier-grid-color: rgba(255, 255, 255, 0.1);
@ -71,6 +70,17 @@
--theme-arrowpanel-separator: hsla(210,4%,10%,.14);
}
/*
There's a specific color-scheme defined for panels in https://searchfox.org/mozilla-central/rev/02841791400cf7cf5760c0cfaf31f5d772624253/toolkit/themes/shared/popup.css#9-13
This could create issues when the Firefox theme is at odd with the DevTools one (e.g.
if Firefox uses a dark theme but the user has a DevTools light theme.
Unset the color-scheme on those element so it uses the one we set on :root in common.css,
which matches our light/dark theme.
*/
menupopup, panel {
color-scheme: unset
}
strong {
font-weight: bold;
}