Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-22 01:35:35 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1402318 - Implement the new photon syntax colors for the markup hidden elements r=gl

Browse Source 
MozReview-Commit-ID: 5arKuEJUk33
This commit is contained in:
Liam 2017-10-04 15:36:51 -06:00
parent 9338d6959a
commit 87af7835da
1 changed files with 30 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
devtools/client/themes/markup.css
View File

@ -3,10 +3,18 @@
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
:root {
--markup-hidden-attr-name-color: #CA60AC;
--markup-hidden-attr-value-color: #5C6D87;
--markup-hidden-punctuation-color: #909090;
--markup-hidden-tag-color: #97A4B3;
--markup-outline: var(--theme-splitter-color);
}
.theme-dark:root {
--markup-hidden-attr-name-color: #CC8EC8;
--markup-hidden-attr-value-color: #9893A3;
--markup-hidden-punctuation-color: #909090;
--markup-hidden-tag-color: #AFB5BF;
--markup-outline: var(--theme-selection-background);
}
@ -332,6 +340,22 @@ ul.children + .tag-line::before {
z-index: 1;
}
.not-displayed {
color: var(--markup-hidden-punctuation-color);
}
.not-displayed .attr-name {
color: var(--markup-hidden-attr-name-color);
}
.not-displayed .attr-value {
color: var(--markup-hidden-attr-value-color);
}
.not-displayed .tag {
color: var(--markup-hidden-tag-color);
}
/* Firebug Theme */
.theme-firebug .theme-fg-color3 {
@ -353,6 +377,12 @@ ul.children + .tag-line::before {
font-size: var(--theme-toolbar-font-size);
}
/* In case a node isn't displayed in the page, we fade the syntax highlighting */
.theme-firebug .not-displayed .open,
.theme-firebug .not-displayed .close {
opacity: .5;
}
/* Selected nodes in the tree should have light selected text.
theme-selected doesn't work in this case since the text is a
sibling of the class, not a child. */
@ -383,12 +413,6 @@ ul.children + .tag-line::before {
color: #787878;
}
/* In case a node isn't displayed in the page, we fade the syntax highlighting */
.not-displayed .open,
.not-displayed .close {
opacity: .5;
}
/* Events */
.markupview-events {
font-size: 8px;