X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fdevtools%2Fdark-theme.css;h=bdaf21b19d5ce2597172d2ee4ecf4e6cf82286d4;hp=2b07d1ba74d1a3ddef0f2dca44946c05d19e96df;hb=9168a62c02f1b9fe7953f2fba5f32305980ac1a3;hpb=3d64e0cebebe213f541634b9a0b2c6e7ba84fcfb diff --git a/LCARStrek/browser/devtools/dark-theme.css b/LCARStrek/browser/devtools/dark-theme.css index 2b07d1ba..bdaf21b1 100644 --- a/LCARStrek/browser/devtools/dark-theme.css +++ b/LCARStrek/browser/devtools/dark-theme.css @@ -175,7 +175,8 @@ } .ruleview-colorswatch, -.computedview-colorswatch { +.computedview-colorswatch, +.ruleview-bezierswatch { /* box-shadow: 0 0 0 1px #818181; */ } @@ -285,6 +286,10 @@ div.CodeMirror span.eval-text { background-position: -14px -14px; } +.theme-twisty[invisible] { + visibility: hidden; +} + .theme-checkbox { display: inline-block; border: 0; @@ -380,101 +385,146 @@ div.CodeMirror span.eval-text { /* === BEGIN toolbars.inc.css === */ +/* Toolbars */ +.devtools-toolbar, +.devtools-sidebar-tabs > tabs { +} + .devtools-toolbar { } -/* LCARStrek checkbox colors don't work well against toolbar background */ -.devtools-toolbar > checkbox { +.devtools-toolbar checkbox { + /* LCARStrek checkbox colors don't work well against toolbar background */ background-color: #000000; padding: 2px; } +.devtools-toolbar checkbox .checkbox-check { +} +.devtools-toolbar checkbox .checkbox-label-box { +} +.devtools-toolbar checkbox .checkbox-label-box .checkbox-label { +} + +/* Toolbar buttons */ +.devtools-menulist, +.devtools-toolbarbutton { +/* transition: background 0.05s ease-in-out; */ +} -devtools-menulist:-moz-focusring, +.devtools-menulist:-moz-focusring, .devtools-toolbarbutton:-moz-focusring { outline: 1px dotted #008484; } -.devtools-toolbarbutton > .toolbarbutton-icon { +.devtools-toolbarbutton[standalone] { +} +.devtools-toolbarbutton[label][standalone] { } -.devtools-toolbarbutton:not([label]) { +.devtools-toolbarbutton:not([label]), +.devtools-toolbarbutton[text-as-image] { min-width: 20px; } +#toolbox-buttons .devtools-toolbarbutton[text-as-image] { + -moz-padding-start: 5px; + -moz-padding-end: 5px; + min-width: inherit; +} + .devtools-toolbarbutton:not([label]) > .toolbarbutton-text { display: none; } -.devtools-toolbarbutton > .toolbarbutton-menubutton-button { - /*-moz-box-orient: horizontal;*/ +.devtools-toolbar .devtools-toolbarbutton { } -.devtools-menulist, -.devtools-toolbarbutton { +.devtools-toolbarbutton > .toolbarbutton-icon { } -.devtools-toolbarbutton:not([checked]):hover:active { +.devtools-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-button { +/* -moz-box-orient: horizontal; */ } -.devtools-menulist[open=true], -.devtools-toolbarbutton[open=true], -.devtools-toolbarbutton[checked] { +.devtools-toolbarbutton[type=menu-button] { } -.devtools-toolbarbutton[checked] { +.devtools-toolbarbutton > .toolbarbutton-menubutton-button > .toolbarbutton-icon { } -.devtools-toolbarbutton[checked]:hover:active { +.devtools-menulist > .menulist-dropmarker { } -.devtools-option-toolbarbutton { - list-style-image: url("chrome://browser/skin/devtools/tool-options-tbutton.svg"); -/* background: none; - border: none; */ +.devtools-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker, +.devtools-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-dropmarker { } -.devtools-option-toolbarbutton:hover, -.devtools-option-toolbarbutton[open=true] { - list-style-image: url("chrome://browser/skin/devtools/tool-options.svg"); +.devtools-menulist, +.devtools-toolbarbutton { } -.devtools-menulist > .menulist-label-box { - text-align: center; +/* Text-only buttons */ +.devtools-toolbarbutton[label]:not([text-as-image]):not([type=menu-button]), +#toolbox-buttons .devtools-toolbarbutton[text-as-image] { +/* background-color: rgba(0, 0, 0, .2); / Splitter */ } -.devtools-menulist > .menulist-dropmarker { +/* Button States */ +.devtools-toolbarbutton:hover, +#toolbox-buttons .devtools-toolbarbutton[text-as-image]:hover, +.devtools-toolbarbutton[label]:not([text-as-image]):not([type=menu-button]):hover { +/* background: rgba(0, 0, 0, .3); / Splitters */ } -.devtools-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-button { +.devtools-toolbarbutton:hover:active, +#toolbox-buttons .devtools-toolbarbutton[text-as-image]:hover:active, +.devtools-toolbarbutton[label]:not([text-as-image]):not([type=menu-button]):hover:active { +/* background: rgba(0, 0, 0, .4); / Splitters */ } -.devtools-toolbarbutton[type=menu-button]:-moz-locale-dir(rtl) > .toolbarbutton-menubutton-button { +/* Menu type buttons and checked states */ +.devtools-toolbarbutton[checked=true], +#toolbox-buttons .devtools-toolbarbutton[text-as-image][checked] { +/* background: rgba(29, 79, 115, .7); / Select highlight blue / + color: #f5f7fa;*/ } -.devtools-toolbarbutton[type=menu-button] { - padding: 0 1px; - -moz-box-align: stretch; +.devtools-menulist[open=true], +.devtools-toolbarbutton[open=true], +.devtools-toolbarbutton[open=true]:hover, +.devtools-toolbarbutton[open=true]:hover:active, +.devtools-toolbarbutton[checked=true], +.devtools-toolbarbutton[checked=true]:hover, +#toolbox-buttons .devtools-toolbarbutton[text-as-image][checked] { +/* background: rgba(29, 79, 115, .8); / Select highlight blue / + color: #f5f7fa; */ } -.devtools-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker, -.devtools-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-dropmarker { - -moz-box-align: center; +.devtools-toolbarbutton[checked=true]:hover { +} + +.devtools-option-toolbarbutton { + list-style-image: url("chrome://browser/skin/devtools/tool-options-tbutton.svg"); +/* background: none; + border: none; */ +} + +.devtools-option-toolbarbutton:hover, +.devtools-option-toolbarbutton[open=true] { + list-style-image: url("chrome://browser/skin/devtools/tool-options.svg"); } /* Toolbar button groups */ .devtools-toolbarbutton-group > .devtools-toolbarbutton { } -.devtools-toolbarbutton-group > .devtools-toolbarbutton:last-of-type { +.devtools-toolbarbutton-group > .devtools-toolbarbutton:last-child { } -.devtools-toolbarbutton-group { -/* - margin: 0 2px; - -moz-padding-end: 2px; - border-left: 3px solid #000000; - border-right: 3px solid #000000; -*/ +.devtools-toolbarbutton-group + .devtools-toolbarbutton { +} + +.devtools-separator + .devtools-toolbarbutton { } /* Text input */ @@ -491,8 +541,9 @@ devtools-menulist:-moz-focusring, } .devtools-searchinput { -/* padding-top: 3px; - padding-bottom: 3px;*/ +/* margin-top: 1px; + margin-bottom: 1px; + padding: 0;*/ -moz-padding-start: 22px; -moz-padding-end: 12px; background-position: 8px center; @@ -667,14 +718,20 @@ devtools-menulist:-moz-focusring, #toolbox-dock-side:hover { } -#toolbox-controls-separator { +.devtools-separator { + margin: 0 2px; width: 2px; } -#toolbox-controls-separator[invisible] { +#toolbox-buttons:empty + .devtools-separator, +.devtools-separator[invisible] { visibility: hidden; } +#toolbox-controls-separator { + margin: 0; +} + /* Command buttons */ .command-button {