/* 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/. */ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); @namespace html url("http://www.w3.org/1999/xhtml"); /* Mostly copied from mozilla/devtools/client/themes/commandline.inc.css */ /* Developer Tools */ /* Developer toolbar */ /* NOTE: THESE NEED TO STAY IN SYNC WITH LIGHT-THEME.CSS AND DARK-THEME.CSS. We are copy/pasting variables from light-theme and dark-theme, since they aren't loaded in this context (within browser.css). */ #developer-toolbar[devtoolstheme="light"], #developer-toolbar[devtoolstheme="dark"] { --gcli-background-color: #000000; /* --theme-toolbar-background */ --gcli-input-background: #000000; /* --theme-tab-toolbar-background */ --gcli-input-focused-background: #402800; /* --theme-tab-toolbar-background */ --gcli-input-color: #A09090; /* --theme-body-color-alt */ --gcli-border-color: #9C9CFF; /* --theme-splitter-color */ --selection-background: #008484; /* --theme-selection-background */ --selection-color: #000000; /* --theme-selection-color */ } #developer-toolbar { padding: 0; background-color: var(--gcli-background-color); border-top: 1px solid var(--gcli-border-color); } #developer-toolbar[devtoolstheme="light"] .gclitoolbar-input-node:not([focused=true])::before { filter: invert(1); } #developer-toolbar-toolbox-button { list-style-image: url("chrome://devtools/skin/images/toggle-tools.png"); -moz-image-region: rect(0px, 64px, 16px, 48px); } #developer-toolbar-toolbox-button:hover > .toolbarbutton-icon { filter: brightness(120%); } #developer-toolbar-toolbox-button:hover:active > .toolbarbutton-icon { filter: saturate(150%); } #developer-toolbar-toolbox-button[checked=true] > .toolbarbutton-icon { filter: hue-rotate(180deg); } @media (min-resolution: 1.1dppx) { #developer-toolbar-toolbox-button { list-style-image: url("chrome://devtools/skin/images/toggle-tools@2x.png"); -moz-image-region: rect(0px, 128px, 32px, 96px); } } /* Error counter */ #developer-toolbar-toolbox-button[error-count]:before { color: #000000; min-width: 16px; text-shadow: none; background-color: #FF0000; border-radius: 1px; -moz-margin-end: 5px; /* Firefox browser/themes/windows/browser.css color: #FDF3DE; min-width: 16px; text-shadow: none; background-image: linear-gradient(#B4211B, #8A1915); border-radius: 1px; -moz-margin-end: 5px; Firefox browser/themes/linux/browser.css color: #FDF3DE; min-width: 16px; text-shadow: none; background-image: linear-gradient(#B4211B, #8A1915); border-radius: 1px; -moz-margin-end: 2px; */ } /* GCLI */ html|*#gcli-tooltip-frame, html|*#gcli-output-frame { padding: 0; border-width: 0; background-color: transparent; } #gcli-output, #gcli-tooltip { border-width: 0; background-color: transparent; -moz-appearance: none; } .gclitoolbar-input-node, .gclitoolbar-complete-node { -moz-box-align: center; padding-top: 0; padding-bottom: 0; padding-right: 8px; text-shadow: none; box-shadow: none; background-color: transparent; } .gclitoolbar-input-node { -moz-appearance: none; color: var(--gcli-input-color); background-color: var(--gcli-input-background); background-repeat: no-repeat; background-position: 4px center; box-shadow: 1px 0 0 var(--gcli-border-color) inset, -1px 0 0 var(--gcli-border-color) inset; outline-style: none; padding: 0; } .gclitoolbar-input-node[focused="true"] { background-color: var(--gcli-input-focused-background); } .gclitoolbar-input-node::before { content: ""; display: inline-block; -moz-box-ordinal-group: 0; width: 16px; height: 16px; margin: 0 2px; background-image: url("chrome://devtools/skin/images/commandline-icon.png"); background-position: 0 center; background-size: 32px 16px; } .gclitoolbar-input-node[focused="true"]::before { background-position: -16px center; } @media (min-resolution: 1.1dppx) { .gclitoolbar-input-node::before { background-image: url("chrome://devtools/skin/images/commandline-icon@2x.png"); } } .gclitoolbar-input-node > .textbox-input-box > html|*.textbox-input::-moz-selection { background-color: var(--selection-background); color: var(--selection-color); text-shadow: none; } .gclitoolbar-complete-node { padding-left: 21px; background-color: transparent; color: transparent; z-index: 100; pointer-events: none; } .gcli-in-incomplete, .gcli-in-error, .gcli-in-ontab, .gcli-in-todo, .gcli-in-closebrace, .gcli-in-param, .gcli-in-valid { margin: 0; padding: 0; } .gcli-in-incomplete { border-bottom: 2px dotted #8050B0; } .gcli-in-error { border-bottom: 2px dotted #FF0000; } .gcli-in-ontab { color: #9C9CFF; } .gcli-in-todo { color: #795900; } .gcli-in-closebrace { color: #8050B0; }