/* vim:set ts=2 sw=2 sts=2 et: */ /* This Source Code Form is subject to the terms of the Mozilla Public * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ @import url(variables.css); @import url(common.css); @import url(toolbars.css); @import url(tooltips.css); body, html { padding: 0; margin: 0; } .theme-body { background: var(--theme-body-background); color: var(--theme-body-color); } .theme-sidebar { background: var(--theme-sidebar-background); color: var(--theme-content-color1); } ::-moz-selection { background-color: var(--theme-selection-background); color: var(--theme-selection-color); } .theme-bg-darker { background: var(--theme-selection-background-semitransparent); } .theme-selected, .CodeMirror-hint-active { background-color: var(--theme-selection-background2); color: var(--theme-selection-color2); } .theme-bg-contrast, .variable-or-property:not([overridden])[changed] { background: var(--theme-contrast-background); } .theme-link, .cm-s-mozilla .cm-link, .cm-s-mozilla .cm-keyword { color: var(--theme-text-green); } /* * FIXME: http://bugzil.la/575675 CSS links without :visited set cause assertion * failures in debug builds. */ .theme-link:visited, .cm-s-mozilla .cm-link:visited, .CodeMirror-Tern-type { color: var(--theme-text-blue); } .theme-comment, .cm-s-mozilla .cm-meta, .cm-s-mozilla .cm-hr, .cm-s-mozilla .cm-comment, .variable-or-property .token-undefined, .variable-or-property .token-null, .CodeMirror-Tern-completion-unknown:before { color: var(--theme-comment); } .theme-gutter { background-color: var(--theme-tab-toolbar-background); color: var(--theme-content-color3); border-color: var(--theme-splitter-color); } .theme-separator { border-color: var(--theme-splitter-color); } .theme-fg-color1, .cm-s-mozilla .cm-number, .variable-or-property .token-number, .variable-or-property[return] > .title > .name, .variable-or-property[scope] > .title > .name { color: var(--theme-highlight-red); } .CodeMirror-Tern-completion-number:before { background-color: #008484; } .theme-fg-color2, .cm-s-mozilla .cm-attribute, .cm-s-mozilla .cm-def, .cm-s-mozilla .cm-property, .cm-s-mozilla .cm-qualifier, .variables-view-variable > .title > .name { color: var(--theme-highlight-purple); } .CodeMirror-Tern-completion-object:before { background-color: #9C9CFF; } .cm-s-mozilla .cm-unused-line { text-decoration: line-through; text-decoration-color: #8050B0; } .cm-s-mozilla .cm-executed-line { background-color: #404000; } .theme-fg-color3, .cm-s-mozilla .cm-builtin, .cm-s-mozilla .cm-tag, .cm-s-mozilla .cm-header, .cm-s-mozilla .cm-bracket, .variables-view-property > .title > .name { color: var(--theme-highlight-green); } .CodeMirror-Tern-completion-array:before { color: var(--theme-highlight-pink); /* var(--theme-highlight-bluegrey) */ } .theme-fg-color4 { color: var(--theme-highlight-purple); } .theme-fg-color5 { color: var(--theme-highlight-purple); } .theme-fg-color6, .cm-s-mozilla .cm-string, .cm-s-mozilla .cm-string-2, .variable-or-property .token-string, .cm-s-mozilla .cm-variable, .CodeMirror-Tern-farg { color: var(--theme-highlight-gray); } .CodeMirror-Tern-completion-string:before, .CodeMirror-Tern-completion-fn:before { background-color: #E7ADE7; } .theme-fg-color7, .cm-s-mozilla .cm-atom, .cm-s-mozilla .cm-quote, .cm-s-mozilla .cm-error, .variable-or-property .token-boolean, .variable-or-property .token-domnode, .variable-or-property[exception] > .title > .name { color: var(--theme-highlight-red); } .CodeMirror-Tern-completion-bool:before { background-color: #FF0000; } .variable-or-property .token-domnode { font-weight: bold; } .theme-toolbar, .devtools-toolbar, .devtools-sidebar-tabs tabs, .devtools-sidebar-alltabs, .cm-s-mozilla .CodeMirror-dialog { /* General toolbar styling */ /* color: var(--theme-body-color-alt); background-color: var(--theme-toolbar-background); border-color: var(--theme-splitter-color);*/ } .theme-fg-contrast { /* To be used for text on theme-bg-contrast */ color: #FFCF00; } .ruleview-swatch, .computedview-colorswatch { /* box-shadow: 0 0 0 1px #818181; */ } .variables-view-scope:focus > .title, .variable-or-property:focus > .title { background-color: #008484; /* fg-color2 */ color: #000000; } /* CodeMirror specific styles. * Best effort to match the existing theme, some of the colors * are duplicated here to prevent weirdness in the main theme. */ .CodeMirror.cm-s-mozilla { /* Inherit platform specific font sizing and styles */ font-family: inherit; font-size: inherit; background: transparent; } .CodeMirror.cm-s-mozilla pre, .cm-s-mozilla .cm-variable-2, .cm-s-mozilla .cm-variable-3, .cm-s-mozilla .cm-operator, .cm-s-mozilla .cm-special { color: var(--theme-content-color1); } .cm-s-mozilla .CodeMirror-lines .CodeMirror-cursor { border-left: solid 1px #FF9F00; } .cm-s-mozilla.CodeMirror-focused .CodeMirror-selected { /* selected text (focused) */ background: #008484; color: #FFCF00; } .cm-s-mozilla .CodeMirror-selected { /* selected text (unfocused) */ background: #008484; color: #000000; } .cm-s-mozilla .CodeMirror-activeline-background { /* selected color with alpha */ background: rgba(0, 132, 132, .25); } div.cm-s-mozilla span.CodeMirror-matchingbracket { /* highlight brackets */ outline: solid 1px rgba(0, 132, 132, .4); color: #FFCF00; } /* Highlight for a line that contains an error. */ div.CodeMirror div.error-line { background: rgba(255, 0, 0, 0.2); } /* Generic highlighted text */ div.CodeMirror span.marked-text { background: rgba(255,207,0,0.2); border: 1px dashed rgba(156, 156, 255, 0.6); margin-inline-start: -1px; margin-inline-end: -1px; } /* Highlight for evaluating current statement. */ div.CodeMirror span.eval-text { background-color: #403800; } .cm-s-mozilla .CodeMirror-linenumber { /* line number text */ color: var(--theme-content-color2); } .cm-s-mozilla .CodeMirror-gutters { /* vertical line next to line numbers */ border-right-color: var(--theme-contrast-border); background-color: var(--theme-contrast-background); } .cm-s-markup-view pre { line-height: 1.4em; min-height: 1.4em; } /* Twisty and checkbox controls */ .theme-twisty, .theme-checkbox { width: 14px; height: 14px; background-repeat: no-repeat; background-image: url("chrome://devtools/skin/images/controls.png"); background-size: 28px 28px; } .theme-twisty { cursor: pointer; background-position: -0px -14px; } .theme-twisty:-moz-focusring { outline-style: none; } .theme-twisty[open] { background-position: -14px -14px; } .theme-twisty[invisible] { visibility: hidden; } /* Mirror the twisty for rtl direction */ .theme-twisty:dir(rtl), .theme-twisty:-moz-locale-dir(rtl) { transform: scaleX(-1); } .theme-checkbox { display: inline-block; border: 0; padding: 0; outline: none; background-position: 0 0; } .theme-checkbox[checked] { background-position: -14px 0; } @media (min-resolution: 1.1dppx) { .theme-twisty, .theme-checkbox { background-image: url("chrome://devtools/skin/images/controls@2x.png"); } } /* XUL panel styling (see devtools/client/shared/widgets/Tooltip.js) */ .theme-tooltip-panel .panel-arrowcontent { /* padding: 5px; */ background: rgba(0, 0, 0, .9); /* border-radius: 5px; box-shadow: none; border: 3px solid #9C9CFF; */ } /* Overring panel arrow images to fit with our light and dark themes */ /* .theme-tooltip-panel .panel-arrow { --arrow-margin: -4px; } :root[platform="win"] .theme-tooltip-panel .panel-arrow { --arrow-margin: -7px; } .theme-tooltip-panel .panel-arrow[side="top"], .theme-tooltip-panel .panel-arrow[side="bottom"] { list-style-image: url("chrome://devtools/skin/tooltip/arrow-vertical-dark.png"); / !important is needed to override the popup.css rules in toolkit/themes / width: 39px !important; height: 16px !important; } .theme-tooltip-panel .panel-arrow[side="left"], .theme-tooltip-panel .panel-arrow[side="right"] { list-style-image: url("chrome://devtools/skin/tooltip/arrow-horizontal-dark.png"); / !important is needed to override the popup.css rules in toolkit/themes / width: 16px !important; height: 39px !important; } .theme-tooltip-panel .panel-arrow[side="top"] { margin-bottom: var(--arrow-margin); } .theme-tooltip-panel .panel-arrow[side="bottom"] { margin-top: var(--arrow-margin); } .theme-tooltip-panel .panel-arrow[side="left"] { margin-right: var(--arrow-margin); } .theme-tooltip-panel .panel-arrow[side="right"] { margin-left: var(--arrow-margin); } @media (min-resolution: 1.1dppx) { .theme-tooltip-panel .panel-arrow[side="top"], .theme-tooltip-panel .panel-arrow[side="bottom"] { list-style-image: url("chrome://devtools/skin/tooltip/arrow-vertical-dark@2x.png"); } .theme-tooltip-panel .panel-arrow[side="left"], .theme-tooltip-panel .panel-arrow[side="right"] { list-style-image: url("chrome://devtools/skin/tooltip/arrow-horizontal-dark@2x.png"); } } */ .theme-tooltip-panel .devtools-tooltip-simple-text { /* color: white; */ border-bottom: 1px solid #A09090; } .theme-tooltip-panel .devtools-tooltip-simple-text:last-child { border-bottom: 0; } .devtools-textinput, .devtools-searchinput, .devtools-filterinput, .devtools-plaininput { background-color: #000000; color: #E7ADE7; border: 1px solid #9C9CFF; border-radius: 3px; } .devtools-textinput:focus, .devtools-searchinput:focus, .devtools-filterinput:focus, .devtools-plaininput:focus { border-color: #008484; } .devtools-textinput::placeholder, .devtools-searchinput::placeholder, .devtools-filterinput::placeholder, .devtools-plaininput::placeholder { color: #8050B0; opacity: 1.0; } .CodeMirror-Tern-fname { color: #A09090; } .CodeMirror-hints, .CodeMirror-Tern-tooltip { background-color: #000000; color: var(--theme-body-color); }