зеркало из https://github.com/mozilla/gecko-dev.git
Bug 1378108 - Part 1 - Remove non-variable css selector overrides for Firebug theme;r=gl
MozReview-Commit-ID: 6WfdDVs1EKg --HG-- extra : rebase_source : f5eb20b62644506abd96afe47c0ab7dd6eca7ee4
This commit is contained in:
Brian Grinstead
Родитель
58ac4dd796
Коммит
cb65a965a1
|
|
@ -2846,8 +2846,7 @@ html .breakpoints-list .breakpoint.paused {
|
|||
order: 3;
|
||||
}
|
||||
|
||||
:root.theme-light .breakpoint-snippet,
|
||||
:root.theme-firebug .breakpoint-snippet {
|
||||
:root.theme-light .breakpoint-snippet {
|
||||
color: var(--theme-comment);
|
||||
}
|
||||
|
||||
|
|
@ -2958,10 +2957,6 @@ html .breakpoints-list .breakpoint.paused {
|
|||
background-color: var(--theme-selection-background-hover);
|
||||
}
|
||||
|
||||
:root.theme-firebug .expression-container:hover {
|
||||
background-color: var(--theme-selection-background-hover);
|
||||
}
|
||||
|
||||
.tree .tree-node:not(.focused):hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
|
@ -3107,8 +3102,7 @@ html .breakpoints-list .breakpoint.paused {
|
|||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.theme-light .frames .location,
|
||||
.theme-firebug .frames .location {
|
||||
.theme-light .frames .location {
|
||||
color: var(--theme-comment);
|
||||
}
|
||||
|
||||
|
|
@ -3143,7 +3137,6 @@ html .breakpoints-list .breakpoint.paused {
|
|||
}
|
||||
|
||||
:root.theme-light .frames ul li.selected .location,
|
||||
:root.theme-firebug .frames ul li.selected .location,
|
||||
:root.theme-dark .frames ul li.selected .location {
|
||||
color: white;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -65,14 +65,3 @@
|
|||
.theme-dark .netInfoParamValue {
|
||||
color: var(--theme-highlight-gray);
|
||||
}
|
||||
|
||||
/* Firebug Theme */
|
||||
.theme-firebug .netInfoHeadersTable {
|
||||
font-family: Lucida Grande, Tahoma, sans-serif;
|
||||
font-size: 11px;
|
||||
line-height: 12px;
|
||||
}
|
||||
|
||||
.theme-firebug .netInfoParamValue {
|
||||
font-family: var(--monospace-font-family);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -47,12 +47,3 @@
|
|||
.panelContent .treeTable .treeLabelCell {
|
||||
padding-right: 17px;
|
||||
}
|
||||
|
||||
/******************************************************************************/
|
||||
/* Theme Firebug */
|
||||
|
||||
/* JSON View is using bigger font-size for the main tabs so,
|
||||
let's overwrite the default value. */
|
||||
.theme-firebug .tabs .tabs-navigation {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -325,10 +325,6 @@
|
|||
transition: width 0.2s ease-out;
|
||||
}
|
||||
|
||||
.theme-firebug .network-monitor .requests-list-timings-total {
|
||||
color: var(--theme-body-color);
|
||||
}
|
||||
|
||||
/* Stack trace panel */
|
||||
|
||||
.network-monitor .stack-trace {
|
||||
|
|
|
|||
|
|
@ -86,10 +86,6 @@
|
|||
display: inline-block;
|
||||
}
|
||||
|
||||
.theme-firebug .requests-list-column {
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
/* Requests list headers */
|
||||
|
||||
.requests-list-headers-wrapper {
|
||||
|
|
@ -100,10 +96,6 @@
|
|||
padding: 0;
|
||||
}
|
||||
|
||||
.theme-firebug .requests-list-headers-wrapper {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.requests-list-headers {
|
||||
display: table-header-group;
|
||||
height: 24px;
|
||||
|
|
@ -177,36 +169,6 @@
|
|||
border-image: linear-gradient(var(--theme-splitter-color), var(--theme-splitter-color)) 1 1;
|
||||
}
|
||||
|
||||
.theme-firebug .requests-list-headers {
|
||||
padding: 0 !important;
|
||||
font-weight: bold;
|
||||
background: linear-gradient(rgba(255, 255, 255, 0.05),
|
||||
rgba(0, 0, 0, 0.05)),
|
||||
#C8D2DC;
|
||||
}
|
||||
|
||||
.theme-firebug .requests-list-header-button {
|
||||
min-height: 17px;
|
||||
}
|
||||
|
||||
.theme-firebug .requests-list-header-button > .button-icon {
|
||||
height: 7px;
|
||||
}
|
||||
|
||||
.theme-firebug .requests-list-header-button[data-sorted] {
|
||||
background-color: #AAC3DC;
|
||||
}
|
||||
|
||||
:root[platform="linux"].theme-firebug .requests-list-header-button[data-sorted] {
|
||||
background-color: #FAC8AF !important;
|
||||
color: inherit !important;
|
||||
}
|
||||
|
||||
.theme-firebug .requests-list-header-button:hover:active {
|
||||
background-image: linear-gradient(rgba(0, 0, 0, 0.1),
|
||||
transparent);
|
||||
}
|
||||
|
||||
/* Requests list column */
|
||||
|
||||
/* Status column */
|
||||
|
|
@ -217,10 +179,6 @@
|
|||
text-overflow: initial;
|
||||
}
|
||||
|
||||
.theme-firebug .requests-list-status {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.requests-list-status-code {
|
||||
margin-inline-start: 3px;
|
||||
padding: 0 2px;
|
||||
|
|
@ -314,10 +272,6 @@
|
|||
min-width: 85px;
|
||||
}
|
||||
|
||||
.theme-firebug .requests-list-method {
|
||||
color: rgb(128, 128, 128);
|
||||
}
|
||||
|
||||
/* File column */
|
||||
|
||||
.requests-list-file {
|
||||
|
|
@ -473,11 +427,6 @@
|
|||
min-width: 80px;
|
||||
}
|
||||
|
||||
.theme-firebug .requests-list-size {
|
||||
justify-content: end;
|
||||
padding-inline-end: 4px;
|
||||
}
|
||||
|
||||
/* Waterfall column */
|
||||
|
||||
.requests-list-waterfall {
|
||||
|
|
@ -562,11 +511,6 @@
|
|||
height: 9px;
|
||||
}
|
||||
|
||||
.theme-firebug .requests-list-timings-box {
|
||||
background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0.2));
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.requests-list-timings-box.blocked {
|
||||
background-color: var(--timing-blocked-color);
|
||||
}
|
||||
|
|
@ -645,10 +589,6 @@
|
|||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.theme-firebug .request-list-item:not(.selected):hover {
|
||||
background: #EFEFEF;
|
||||
}
|
||||
|
||||
/* Responsive web design support */
|
||||
|
||||
@media (max-width: 700px) {
|
||||
|
|
|
|||
|
|
@ -140,48 +140,6 @@
|
|||
flex-direction: column;
|
||||
}
|
||||
|
||||
/* Firebug theme support for statistics panel charts */
|
||||
|
||||
.theme-firebug .chart-colored-blob[name=html] {
|
||||
fill: rgba(94, 136, 176, 0.8); /* Blue-Grey highlight */
|
||||
background: rgba(94, 136, 176, 0.8);
|
||||
}
|
||||
|
||||
.theme-firebug .chart-colored-blob[name=css] {
|
||||
fill: rgba(70, 175, 227, 0.8); /* light blue */
|
||||
background: rgba(70, 175, 227, 0.8);
|
||||
}
|
||||
|
||||
.theme-firebug .chart-colored-blob[name=js] {
|
||||
fill: rgba(235, 83, 104, 0.8); /* red */
|
||||
background: rgba(235, 83, 104, 0.8);
|
||||
}
|
||||
|
||||
.theme-firebug .chart-colored-blob[name=xhr] {
|
||||
fill: rgba(217, 102, 41, 0.8); /* orange */
|
||||
background: rgba(217, 102, 41, 0.8);
|
||||
}
|
||||
|
||||
.theme-firebug .chart-colored-blob[name=fonts] {
|
||||
fill: rgba(223, 128, 255, 0.8); /* pink */
|
||||
background: rgba(223, 128, 255, 0.8);
|
||||
}
|
||||
|
||||
.theme-firebug .chart-colored-blob[name=images] {
|
||||
fill: rgba(112, 191, 83, 0.8); /* pink */
|
||||
background: rgba(112, 191, 83, 0.8);
|
||||
}
|
||||
|
||||
.theme-firebug .chart-colored-blob[name=media] {
|
||||
fill: rgba(235, 235, 84, 0.8); /* yellow */
|
||||
background: rgba(235, 235, 84, 0.8);
|
||||
}
|
||||
|
||||
.theme-firebug .chart-colored-blob[name=flash] {
|
||||
fill: rgba(84, 235, 159, 0.8); /* cyan */
|
||||
background: rgba(84, 235, 159, 0.8);
|
||||
}
|
||||
|
||||
/* Responsive web design support */
|
||||
|
||||
@media (max-width: 700px) {
|
||||
|
|
|
|||
|
|
@ -27,11 +27,6 @@ div[hidetabs=true] .tabs .tabs-navigation {
|
|||
height: 23px;
|
||||
}
|
||||
|
||||
/* Firebug theme is using slightly different height. */
|
||||
.theme-firebug .tabs .tabs-navigation {
|
||||
height: 28px;
|
||||
}
|
||||
|
||||
/* The tab takes entire horizontal space and individual tabs
|
||||
should stretch accordingly. Use flexbox for the behavior.
|
||||
Use also `overflow: hidden` so, 'overflow' and 'underflow'
|
||||
|
|
@ -49,8 +44,3 @@ div[hidetabs=true] .tabs .tabs-navigation {
|
|||
text-align: center;
|
||||
}
|
||||
|
||||
/* Firebug theme doesn't stretch the tabs. */
|
||||
.theme-firebug .tabs .tabs-navigation .tabs-menu-item {
|
||||
flex-grow: 0;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -91,7 +91,7 @@
|
|||
}
|
||||
|
||||
.theme-dark .tabs .tabs-menu-item:last-child,
|
||||
.theme-light:not(.theme-firebug) .tabs .tabs-menu-item:last-child {
|
||||
.theme-light .tabs .tabs-menu-item:last-child {
|
||||
border-inline-end-width: 1px;
|
||||
}
|
||||
|
||||
|
|
@ -109,58 +109,3 @@
|
|||
.theme-light .tabs .tabs-menu-item:hover:active:not(.is-active) {
|
||||
background-color: var(--theme-toolbar-hover-active);
|
||||
}
|
||||
|
||||
/* Firebug Theme */
|
||||
|
||||
.theme-firebug .tabs .tabs-navigation {
|
||||
padding-top: 3px;
|
||||
padding-left: 3px;
|
||||
}
|
||||
|
||||
.theme-firebug .tabs .tabs-menu {
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
|
||||
.theme-firebug .tabs .tabs-menu-item.is-active,
|
||||
.theme-firebug .tabs .tabs-menu-item.is-active:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.theme-firebug .tabs .tabs-menu-item {
|
||||
position: relative;
|
||||
border-inline-start-width: 0;
|
||||
}
|
||||
|
||||
.theme-firebug .tabs .tabs-menu-item a {
|
||||
font-family: var(--proportional-font-family);
|
||||
font-weight: bold;
|
||||
color: var(--theme-body-color);
|
||||
border-radius: 4px 4px 0 0;
|
||||
}
|
||||
|
||||
.theme-firebug .tabs .tabs-menu-item:hover:not(.is-active) a {
|
||||
border: 1px solid var(--theme-splitter-color);
|
||||
border-bottom: 1px solid transparent;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.theme-firebug .tabs .tabs-menu-item.is-active a {
|
||||
background-color: var(--theme-toolbar-tab-selected-background);
|
||||
border: 1px solid var(--theme-splitter-color);
|
||||
border-bottom-color: transparent;
|
||||
color: var(--theme-body-color);
|
||||
}
|
||||
|
||||
.theme-firebug .tabs .tabs-menu-item:hover:active a {
|
||||
background-color: var(--theme-toolbar-hover-active);
|
||||
}
|
||||
|
||||
.theme-firebug .tabs .tabs-menu-item.is-active:hover:active a {
|
||||
background-color: var(--theme-selection-background);
|
||||
color: var(--theme-selection-color);
|
||||
}
|
||||
|
||||
.theme-firebug .tabs .tabs-menu-item a {
|
||||
border: 1px solid transparent;
|
||||
padding: 4px 8px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -186,19 +186,7 @@
|
|||
background-color: var(--theme-selection-background-hover) !important;
|
||||
}
|
||||
|
||||
.theme-firebug .treeTable .treeRow:not(.selected):hover {
|
||||
background-color: var(--theme-body-background);
|
||||
}
|
||||
|
||||
.theme-light .treeTable,
|
||||
.theme-dark .treeTable {
|
||||
color: var(--theme-highlight-blue);
|
||||
}
|
||||
|
||||
.theme-firebug .treeTable {
|
||||
color: var(--theme-body-color);
|
||||
}
|
||||
|
||||
.theme-firebug .treeTable .treeRow.hasChildren:not(.selected) > .treeLabelCell > .treeLabel:hover {
|
||||
color: var(--tree-link-color);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -42,7 +42,7 @@
|
|||
--close-button-image: url(chrome://devtools/skin/images/firebug/close.svg);
|
||||
}
|
||||
|
||||
.theme-light, .theme-firebug {
|
||||
.theme-light {
|
||||
/* The color for animation type 'opacity' */
|
||||
--opacity-border-color: var(--theme-highlight-pink);
|
||||
--opacity-background-color: #b82ee580;
|
||||
|
|
|
|||
|
|
@ -105,20 +105,6 @@
|
|||
background-color: var(--contentbox-color);
|
||||
}
|
||||
|
||||
.theme-firebug .boxmodel-main,
|
||||
.theme-firebug .boxmodel-header {
|
||||
font-family: var(--proportional-font-family);
|
||||
}
|
||||
|
||||
.theme-firebug .boxmodel-main {
|
||||
color: var(--theme-body-color);
|
||||
font-size: var(--theme-toolbar-font-size);
|
||||
}
|
||||
|
||||
.theme-firebug .boxmodel-header {
|
||||
font-size: var(--theme-toolbar-font-size);
|
||||
}
|
||||
|
||||
/* Editable region sizes are contained in absolutely positioned <p> */
|
||||
|
||||
.boxmodel-main > p,
|
||||
|
|
|
|||
|
|
@ -166,74 +166,3 @@
|
|||
.breadcrumbs-widget-item-pseudo-classes {
|
||||
color: var(--theme-highlight-lightorange);
|
||||
}
|
||||
|
||||
/* Firebug theme support for breadcrumbs widget. */
|
||||
|
||||
.theme-firebug .breadcrumbs-widget-item {
|
||||
border: 1px solid transparent;
|
||||
border-radius: 2px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.theme-firebug .breadcrumbs-widget-item:hover {
|
||||
border-color: rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6) inset,
|
||||
0 0 1px rgba(255, 255, 255, 0.6) inset,
|
||||
0 0 2px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
.theme-firebug .breadcrumbs-widget-item > .button-box {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.theme-firebug .breadcrumbs-widget-item:first-child {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.theme-firebug .breadcrumbs-widget-item:not(:first-child)::before {
|
||||
margin: 0 0 0 -5px;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
/* Breadcrumbs Separators (reset selection styles) */
|
||||
.theme-firebug .breadcrumbs-widget-item[checked],
|
||||
.theme-firebug .breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-id,
|
||||
.theme-firebug .breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-tag,
|
||||
.theme-firebug .breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-pseudo-classes,
|
||||
.theme-firebug .breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-classes {
|
||||
background: none;
|
||||
font-weight: bold;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
/* The first rule is there only to make sure the default rule from
|
||||
widgets.css is overwritten. */
|
||||
.theme-firebug .breadcrumbs-widget-item[checked] + .breadcrumbs-widget-item {
|
||||
background: none;
|
||||
}
|
||||
|
||||
.theme-firebug .breadcrumbs-widget-item .breadcrumbs-widget-item-tag {
|
||||
padding-left: 4px;
|
||||
padding-right: 4px;
|
||||
}
|
||||
|
||||
/* Breadcrumbs Scrolling Buttons */
|
||||
|
||||
.theme-firebug .breadcrumbs-widget-container .scrollbutton-up,
|
||||
.theme-firebug .breadcrumbs-widget-container .scrollbutton-down {
|
||||
padding: 0;
|
||||
box-shadow: none;
|
||||
outline: 1px solid var(--theme-splitter-color);
|
||||
}
|
||||
|
||||
.theme-firebug .breadcrumbs-widget-container .scrollbutton-up:hover,
|
||||
.theme-firebug .breadcrumbs-widget-container .scrollbutton-down:hover {
|
||||
border: 1px transparent solid !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.theme-firebug .breadcrumbs-widget-container .scrollbutton-up:active,
|
||||
.theme-firebug .breadcrumbs-widget-container .scrollbutton-down:active {
|
||||
background: none !important;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -129,13 +129,6 @@ html|button, html|select {
|
|||
background-image: linear-gradient(to bottom, hsla(209,18%,18%,0.9), hsl(210,11%,16%));
|
||||
}
|
||||
|
||||
.theme-firebug .devtools-autocomplete-popup {
|
||||
border-color: var(--theme-splitter-color);
|
||||
border-radius: 5px;
|
||||
font-size: var(--theme-autompletion-font-size);
|
||||
background: var(--theme-body-background);
|
||||
}
|
||||
|
||||
.devtools-autocomplete-listbox .autocomplete-selected,
|
||||
.devtools-autocomplete-listbox .autocomplete-item:hover {
|
||||
background-color: rgba(128,128,128,0.3);
|
||||
|
|
@ -351,10 +344,7 @@ checkbox:-moz-focusring {
|
|||
|
||||
.devtools-toolbarbutton:not([disabled])[label][checked=true],
|
||||
.devtools-toolbarbutton:not([disabled])[label][open],
|
||||
.devtools-button:not(:empty).checked,
|
||||
.theme-firebug .devtools-toolbarbutton[checked],
|
||||
.theme-firebug .devtools-toolbarbutton[open],
|
||||
.theme-firebug .devtools-button.checked:empty {
|
||||
.devtools-button:not(:empty).checked {
|
||||
background: var(--toolbarbutton-checked-background);
|
||||
border-color: var(--toolbarbutton-checked-border-color);
|
||||
color: var(--toolbarbutton-checked-color);
|
||||
|
|
@ -723,11 +713,6 @@ checkbox:-moz-focusring {
|
|||
background: var(--tab-line-selected-color);
|
||||
}
|
||||
|
||||
/* Hide the tab line in the firebug theme */
|
||||
.theme-firebug .devtools-tab-line {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
/* No result message styles */
|
||||
|
||||
.devtools-sidepanel-no-result {
|
||||
|
|
|
|||
|
|
@ -122,15 +122,6 @@
|
|||
padding-inline-start: 17px;
|
||||
}
|
||||
|
||||
.theme-firebug .computed-property-view,
|
||||
.theme-firebug .computed-property-content {
|
||||
font-family: var(--proportional-font-family);
|
||||
}
|
||||
|
||||
.theme-firebug .computed-property-view {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
/* Bug 1360238 - getSelection displays an extra "\n" on multiple sibling block elements.
|
||||
We rely on this behavior to add an extra "\n" between matched selectors (Bug 1222737).
|
||||
Therefore we use <div> elements around matched selectors and need this class
|
||||
|
|
|
|||
|
|
@ -59,24 +59,6 @@
|
|||
margin: 2px;
|
||||
}
|
||||
|
||||
/* Firebug theme uses breakpoint icon istead of a checkbox */
|
||||
|
||||
.theme-firebug #sources-pane .dbg-breakpoint-checkbox .checkbox-check {
|
||||
-moz-appearance: none;
|
||||
border: none;
|
||||
background: url(chrome://devtools/skin/images/firebug/breakpoint.svg) no-repeat 50% 50%;
|
||||
}
|
||||
|
||||
.theme-firebug #sources-pane .dbg-breakpoint-checkbox:not([checked="true"]) > .checkbox-check,
|
||||
.theme-firebug #sources-pane .dbg-breakpoint-checkbox:not([checked="true"]) ~ * {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.theme-firebug #sources-pane .dbg-breakpoint-checkbox {
|
||||
padding-inline-end: 0;
|
||||
margin-inline-end: 0;
|
||||
}
|
||||
|
||||
.dbg-breakpoint-condition-thrown-message {
|
||||
display: none;
|
||||
color: var(--theme-highlight-red);
|
||||
|
|
@ -98,28 +80,15 @@
|
|||
list-style-image: url(images/item-toggle.svg);
|
||||
}
|
||||
|
||||
.theme-firebug #black-box {
|
||||
list-style-image: url(images/firebug/debugger-blackbox.svg);
|
||||
}
|
||||
|
||||
#pretty-print {
|
||||
list-style-image: url(images/tool-styleeditor.svg);
|
||||
}
|
||||
|
||||
.theme-firebug #pretty-print {
|
||||
list-style-image: url(images/firebug/debugger-prettyprint.svg);
|
||||
}
|
||||
|
||||
#toggle-breakpoints {
|
||||
list-style-image: url(images/debugger-toggleBreakpoints.svg);
|
||||
-moz-image-region: rect(0,32px,16px,16px);
|
||||
}
|
||||
|
||||
.theme-firebug #toggle-breakpoints {
|
||||
list-style-image: url(images/firebug/debugger-toggleBreakpoints.svg);
|
||||
-moz-image-region: unset;
|
||||
}
|
||||
|
||||
#toggle-breakpoints[checked] {
|
||||
-moz-image-region: rect(0,16px,16px,0);
|
||||
}
|
||||
|
|
@ -545,14 +514,6 @@
|
|||
list-style-image: url(images/play.svg);
|
||||
}
|
||||
|
||||
.theme-firebug #resume {
|
||||
list-style-image: url(images/firebug/pause.svg);
|
||||
}
|
||||
|
||||
.theme-firebug #resume[checked] {
|
||||
list-style-image: url(images/firebug/play.svg);
|
||||
}
|
||||
|
||||
#resume[break-on-next] {
|
||||
background: var(--theme-highlight-lightorange);
|
||||
}
|
||||
|
|
@ -569,18 +530,6 @@
|
|||
list-style-image: url(images/debugger-step-out.svg);
|
||||
}
|
||||
|
||||
.theme-firebug #step-over {
|
||||
list-style-image: url(images/firebug/debugger-step-over.svg);
|
||||
}
|
||||
|
||||
.theme-firebug #step-in {
|
||||
list-style-image: url(images/firebug/debugger-step-in.svg);
|
||||
}
|
||||
|
||||
.theme-firebug #step-out {
|
||||
list-style-image: url(images/firebug/debugger-step-out.svg);
|
||||
}
|
||||
|
||||
#instruments-pane-toggle {
|
||||
list-style-image: var(--theme-pane-collapse-image);
|
||||
}
|
||||
|
|
@ -618,53 +567,3 @@
|
|||
#body[layout=vertical] .side-menu-widget-item {
|
||||
margin-inline-end: 0;
|
||||
}
|
||||
|
||||
/* Firebug theme customization of source group title */
|
||||
.theme-firebug #sources-pane .side-menu-widget-group-title {
|
||||
border-bottom: none;
|
||||
padding: 2px 4px;
|
||||
background: var(--theme-header-background);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Sections titles (toolbars) in Variables panel they have different height */
|
||||
.theme-firebug #variables-tabpanel .title.devtools-toolbar {
|
||||
display: -moz-box;
|
||||
height: 20px !important;
|
||||
}
|
||||
|
||||
/* Firebug theme support for the Callstack Panel */
|
||||
|
||||
.theme-firebug #callstack-list {
|
||||
font-family: var(--proportional-font-family);
|
||||
}
|
||||
|
||||
.theme-firebug #callstack-list .dbg-classic-stackframe-title {
|
||||
color: var(--theme-content-color2);
|
||||
font-weight: normal;
|
||||
font-family: monospace;
|
||||
}
|
||||
|
||||
.theme-firebug #callstack-list .side-menu-widget-item {
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
.theme-firebug #callstack-list .dbg-classic-stackframe-details-url,
|
||||
.theme-firebug #callstack-list .dbg-classic-stackframe-details-sep,
|
||||
.theme-firebug #callstack-list .dbg-classic-stackframe-details-line {
|
||||
color: blue;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.theme-firebug #callstack-list .side-menu-widget-item {
|
||||
margin: 0 4px;
|
||||
}
|
||||
|
||||
.theme-firebug #callstack-list .side-menu-widget-item.selected {
|
||||
color: var(--theme-selection-color);
|
||||
}
|
||||
|
||||
.theme-firebug #callstack-list .side-menu-widget-item:first-child {
|
||||
border-top: none;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -55,166 +55,3 @@
|
|||
color: var(--theme-body-color);
|
||||
}
|
||||
|
||||
/* Firebug theme support for tabbar and panel tabs
|
||||
(both, main and side panels )*/
|
||||
|
||||
/* Only apply bottom-border for:
|
||||
1) The main tab list.
|
||||
2) The side tab list if there is no scroll-box that has its own border.
|
||||
|
||||
Use !important to override even the rule in webconsole.css that uses
|
||||
ID in the selector. */
|
||||
|
||||
.theme-firebug .devtools-sidebar-tabs tabs {
|
||||
background: var(--theme-tab-toolbar-background) !important;
|
||||
border-bottom: 1px solid var(--theme-splitter-color) !important;
|
||||
}
|
||||
|
||||
/* Add a negative bottom margin to overlap bottom border
|
||||
of the parent element (see also the next comment for 'tabs') */
|
||||
.theme-firebug .devtools-tab,
|
||||
.theme-firebug .devtools-sidebar-tabs tab {
|
||||
margin: 3px 0 -1px 0;
|
||||
padding: 1px 4px !important;
|
||||
border: 1px solid transparent !important;
|
||||
border-bottom: none !important;
|
||||
border-radius: 4px 4px 0 0;
|
||||
font-weight: bold;
|
||||
color: var(--theme-body-color);
|
||||
-moz-box-flex: initial;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
/* For toolbox tabs, the negative margin is applied on the container
|
||||
instead of the tab to avoid triggering y-overflow on the container
|
||||
that causes the overflow menu to display */
|
||||
|
||||
.theme-firebug .devtools-tab {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.theme-firebug .toolbox-tabs,
|
||||
.theme-firebug #toolbox-option-container {
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
|
||||
.theme-firebug .devtools-tab-label {
|
||||
padding-inline-end: 0;
|
||||
mask-image: none;
|
||||
}
|
||||
|
||||
/* In order to hide bottom-border of side panel tabs we need
|
||||
to make the parent element overflow visible, so child element
|
||||
can move one pixel down to hide the bottom border of the parent. */
|
||||
.theme-firebug .devtools-sidebar-tabs tabs {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.theme-firebug .devtools-tab:hover,
|
||||
.theme-firebug .devtools-sidebar-tabs tab:hover {
|
||||
border-color: #C8C8C8 !important;
|
||||
}
|
||||
|
||||
.theme-firebug .devtools-tab.selected,
|
||||
.theme-firebug .devtools-sidebar-tabs tab[selected] {
|
||||
background-color: var(--theme-toolbar-tab-selected-background);
|
||||
border-color: var(--theme-splitter-color) !important;
|
||||
border-bottom-color: transparent !important;
|
||||
padding-bottom: 2px;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.theme-firebug .devtools-tabbar .devtools-separator,
|
||||
.theme-firebug .devtools-tab img {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.theme-firebug .devtools-sidebar-tabs tab label {
|
||||
margin: 2px 0 0 0;
|
||||
}
|
||||
|
||||
/* Use different padding for labels inside tabs on Win platform.
|
||||
Make sure this overrides the default in global.css */
|
||||
:root[platform="win"].theme-firebug .devtools-sidebar-tabs tab label {
|
||||
margin: 0 4px !important;
|
||||
}
|
||||
|
||||
.theme-firebug #panelSideBox .devtools-tab.selected,
|
||||
.theme-firebug .devtools-sidebar-tabs tab[selected] {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.theme-firebug #panelSideBox .devtools-tab:first-child,
|
||||
.theme-firebug .devtools-sidebar-tabs tab:first-child {
|
||||
margin-inline-start: 5px;
|
||||
}
|
||||
|
||||
/* Firebug theme support for the Option (panel) tab */
|
||||
|
||||
.theme-firebug #toolbox-tab-options {
|
||||
margin-inline-end: 4px;
|
||||
}
|
||||
|
||||
.theme-firebug #toolbox-tab-options::before {
|
||||
content: url(chrome://devtools/skin/images/firebug/tool-options.svg);
|
||||
display: block;
|
||||
margin: 4px 4px 0;
|
||||
}
|
||||
|
||||
.theme-firebug #toolbox-tab-options:not([selected]):hover::before {
|
||||
filter: brightness(80%);
|
||||
}
|
||||
|
||||
/* Element picker */
|
||||
.theme-firebug #toolbox-buttons-start {
|
||||
border: none;
|
||||
}
|
||||
|
||||
/* Toolbar */
|
||||
|
||||
.theme-firebug .theme-toolbar,
|
||||
.theme-firebug toolbar,
|
||||
.theme-firebug .devtools-toolbar {
|
||||
background: var(--theme-toolbar-background) !important;
|
||||
padding-inline-end: 4px;
|
||||
}
|
||||
|
||||
/* The vbox for panel content also uses theme-toolbar class from some reason
|
||||
but it shouldn't have the padding as defined above, so fix it here */
|
||||
.theme-firebug #toolbox-deck > .toolbox-panel.theme-toolbar {
|
||||
padding-inline-end: 0;
|
||||
}
|
||||
|
||||
/* Space around toolbar buttons */
|
||||
.theme-firebug .devtools-toolbar {
|
||||
padding: 2px 3px;
|
||||
}
|
||||
|
||||
/* The height is the same for all toolbars and side panels tabs */
|
||||
.theme-firebug .theme-toolbar,
|
||||
.theme-firebug .devtools-sidebar-tabs tabs,
|
||||
.theme-firebug .devtools-toolbar {
|
||||
height: 28px !important;
|
||||
}
|
||||
|
||||
/* Do not set the fixed height for rule viewtoolbar. This toolbar
|
||||
is changing its height to show pseudo classes. */
|
||||
.theme-firebug #ruleview-toolbar-container {
|
||||
height: auto !important;
|
||||
}
|
||||
|
||||
/* The Inspector panel side panels are using both
|
||||
.devtools-toolbar and .theme-toolbar. We want the
|
||||
proportional font for all labels in these toolbars */
|
||||
.theme-firebug .devtools-toolbar label,
|
||||
.theme-firebug .devtools-toolbar .label,
|
||||
.theme-firebug .theme-toolbar label,
|
||||
.theme-firebug .theme-toolbar .label {
|
||||
font-family: var(--proportional-font-family);
|
||||
}
|
||||
|
||||
/* Make sure the toolbar buttons shrink nicely. */
|
||||
|
||||
#toolbox-buttons-end {
|
||||
background-image: linear-gradient(rgba(253, 253, 253, 0.2), rgba(253, 253, 253, 0));
|
||||
}
|
||||
|
|
|
|||
|
|
@ -365,34 +365,6 @@ ul.children + .tag-line::before {
|
|||
color: var(--markup-hidden-tag-color);
|
||||
}
|
||||
|
||||
/* Firebug Theme */
|
||||
|
||||
.theme-firebug .theme-fg-color3 {
|
||||
color: var(--theme-graphs-full-blue);
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.theme-firebug .open,
|
||||
.theme-firebug .close,
|
||||
.theme-firebug .attr-name.theme-fg-color2 {
|
||||
color: var(--theme-highlight-purple);
|
||||
}
|
||||
|
||||
.theme-firebug .attr-value.theme-fg-color6 {
|
||||
color: var(--theme-highlight-red);
|
||||
}
|
||||
|
||||
.theme-firebug .markupview-display,
|
||||
.theme-firebug .markupview-events {
|
||||
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. */
|
||||
|
|
@ -409,21 +381,11 @@ ul.children + .tag-line::before {
|
|||
color: var(--theme-selection-color);
|
||||
}
|
||||
|
||||
/* Make sure even text nodes are white when selected in the Inspector panel. */
|
||||
.theme-firebug .theme-selected ~ .editor .open,
|
||||
.theme-firebug .theme-selected ~ .editor .close {
|
||||
color: var(--theme-selection-color);
|
||||
}
|
||||
|
||||
/* Applicable to the DOCTYPE */
|
||||
.doctype {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.theme-firebug .doctype {
|
||||
color: #787878;
|
||||
}
|
||||
|
||||
/* Display and Events Bubble */
|
||||
.markupview-display,
|
||||
.markupview-events {
|
||||
|
|
|
|||
|
|
@ -217,12 +217,6 @@
|
|||
cursor: default;
|
||||
}
|
||||
|
||||
.theme-firebug .ruleview-rule-source-label {
|
||||
font-family: var(--proportional-font-family);
|
||||
font-weight: bold;
|
||||
color: #0000FF;
|
||||
}
|
||||
|
||||
.ruleview-rule-source:not([unselectable]):hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
|
@ -240,17 +234,6 @@
|
|||
-moz-user-select: none;
|
||||
}
|
||||
|
||||
.theme-firebug .ruleview-header {
|
||||
font-family: var(--proportional-font-family);
|
||||
font-weight: bold;
|
||||
color: inherit;
|
||||
border: none;
|
||||
margin: 4px 0;
|
||||
padding: 3px 4px 2px 4px;
|
||||
line-height: inherit;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
.ruleview-expandable-header {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
|
@ -308,46 +291,6 @@
|
|||
border-bottom-color: transparent;
|
||||
}
|
||||
|
||||
.theme-firebug .ruleview-namecontainer > .ruleview-propertyname,
|
||||
.theme-firebug .ruleview-propertyvaluecontainer > .ruleview-propertyvalue {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.theme-firebug .ruleview-namecontainer > .ruleview-propertyname {
|
||||
color: var(--rule-property-name);
|
||||
}
|
||||
|
||||
.theme-firebug .ruleview-propertyvaluecontainer > .ruleview-propertyvalue {
|
||||
color: var(--rule-property-value);
|
||||
}
|
||||
|
||||
.theme-firebug .ruleview-overridden .ruleview-propertyname,
|
||||
.theme-firebug .ruleview-overridden .ruleview-propertyvalue {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
.theme-firebug .ruleview-enableproperty:not([checked]) ~ .ruleview-namecontainer,
|
||||
.theme-firebug .ruleview-enableproperty:not([checked]) ~ .ruleview-namecontainer *,
|
||||
.theme-firebug .ruleview-enableproperty:not([checked]) ~ .ruleview-propertyvaluecontainer,
|
||||
.theme-firebug .ruleview-enableproperty:not([checked]) ~ .ruleview-propertyvaluecontainer *,
|
||||
.theme-firebug .ruleview-overridden > * > .ruleview-computed:not(.ruleview-overridden),
|
||||
.theme-firebug .ruleview-overridden > * > .ruleview-computed:not(.ruleview-overridden) * {
|
||||
color: #CCCCCC;
|
||||
}
|
||||
|
||||
.theme-firebug .ruleview-rule + .ruleview-rule {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.ruleview-warning {
|
||||
background-image: url(images/alerticon-warning.png);
|
||||
background-size: 13px 12px;
|
||||
margin-inline-start: 5px;
|
||||
display: inline-block;
|
||||
width: 13px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
@media (min-resolution: 1.1dppx) {
|
||||
.ruleview-warning {
|
||||
background-image: url(images/alerticon-warning@2x.png);
|
||||
|
|
@ -586,11 +529,6 @@
|
|||
margin: -1px -3px -1px -1px;
|
||||
}
|
||||
|
||||
.theme-firebug .styleinspector-propertyeditor {
|
||||
border: 1px solid var(--theme-splitter-color);
|
||||
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.ruleview-property {
|
||||
border-left: 3px solid transparent;
|
||||
clear: both;
|
||||
|
|
@ -644,12 +582,6 @@
|
|||
color: var(--theme-highlight-orange);
|
||||
}
|
||||
|
||||
.theme-firebug .ruleview-selector > .ruleview-selector-matched,
|
||||
.theme-firebug .ruleview-selector > .ruleview-selector-separator,
|
||||
.theme-firebug .ruleview-selector > .ruleview-selector-unmatched {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.ruleview-selectorhighlighter {
|
||||
background: url("chrome://devtools/skin/images/vview-open-inspector.png") no-repeat 0 0;
|
||||
padding-left: 16px;
|
||||
|
|
@ -687,29 +619,3 @@
|
|||
.ruleview-overridden-rule-filter:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.theme-firebug .ruleview-overridden {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* Firebug theme disable/enable CSS rule. Firebug theme uses its own
|
||||
icons to indicate when CSS rules can be disabled or enabled. */
|
||||
|
||||
.theme-firebug .ruleview-rule .theme-checkbox {
|
||||
background-repeat: no-repeat;
|
||||
background-size: 12px 12px;
|
||||
background-image: url(chrome://devtools/skin/images/firebug/disable.svg);
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
.theme-firebug .ruleview-rule .theme-checkbox:not([checked]){
|
||||
filter: grayscale(1);
|
||||
}
|
||||
|
||||
.theme-firebug .ruleview-rule .theme-checkbox[checked] {
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
.theme-firebug .ruleview-property:not(:hover) .ruleview-enableproperty {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -136,11 +136,6 @@
|
|||
min-width: 24px;
|
||||
}
|
||||
|
||||
/* Save space on the tab-strip in Firebug theme */
|
||||
.theme-firebug .devtools-tab {
|
||||
-moz-box-flex: initial;
|
||||
}
|
||||
|
||||
.devtools-tab {
|
||||
color: var(--theme-toolbar-color);
|
||||
}
|
||||
|
|
@ -157,16 +152,6 @@
|
|||
color: var(--theme-toolbar-selected-color);
|
||||
}
|
||||
|
||||
/* Display execution pointer in the Debugger tab to indicate
|
||||
that the debugger is paused. */
|
||||
.theme-firebug #toolbox-tab-jsdebugger.devtools-tab:not(.selected).highlighted {
|
||||
background-color: rgba(89, 178, 234, .2);
|
||||
background-image: url(chrome://devtools/skin/images/firebug/tool-debugger-paused.svg);
|
||||
background-repeat: no-repeat;
|
||||
padding-left: 13px !important;
|
||||
background-position: 3px 6px;
|
||||
}
|
||||
|
||||
.devtools-tab > img {
|
||||
border: none;
|
||||
margin: 0;
|
||||
|
|
@ -209,12 +194,6 @@
|
|||
|
||||
/* Toolbox controls */
|
||||
|
||||
/* Save space in Firebug theme */
|
||||
.theme-firebug #toolbox-controls button {
|
||||
margin-inline-start: 0 !important;
|
||||
min-width: 12px;
|
||||
margin: 0 1px;
|
||||
}
|
||||
|
||||
#toolbox-close::before {
|
||||
background-image: var(--close-button-image);
|
||||
|
|
|
|||
|
|
@ -3,8 +3,7 @@
|
|||
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
|
||||
|
||||
/* Webconsole specific theme variables */
|
||||
.theme-light,
|
||||
.theme-firebug {
|
||||
.theme-light {
|
||||
--error-color: #FF0000;
|
||||
--error-background-color: #FFEBEB;
|
||||
--warning-background-color: #FFFFC8;
|
||||
|
|
@ -52,21 +51,12 @@ a {
|
|||
align-self: flex-start;
|
||||
}
|
||||
|
||||
.theme-firebug .message > .icon {
|
||||
margin: 0;
|
||||
margin-inline-end: 6px;
|
||||
}
|
||||
|
||||
.theme-firebug .message[severity="error"],
|
||||
.theme-light .message.error,
|
||||
.theme-firebug .message.error {
|
||||
.theme-light .message.error {
|
||||
color: var(--error-color);
|
||||
background-color: var(--error-background-color);
|
||||
}
|
||||
|
||||
.theme-firebug .message[severity="warn"],
|
||||
.theme-light .message.warn,
|
||||
.theme-firebug .message.warn {
|
||||
.theme-light .message.warn {
|
||||
background-color: var(--warning-background-color);
|
||||
}
|
||||
|
||||
|
|
@ -399,10 +389,6 @@ html #webconsole-notificationbox {
|
|||
border-top-color: #e0e0e0;
|
||||
}
|
||||
|
||||
.theme-firebug .jsterm-input-container {
|
||||
border-top: 1px solid #ccc;
|
||||
}
|
||||
|
||||
/* styles for the new HTML frontend */
|
||||
|
||||
html .jsterm-stack-node {
|
||||
|
|
@ -495,11 +481,6 @@ textbox.jsterm-input-node[focused="true"] {
|
|||
border: none;
|
||||
}
|
||||
|
||||
/* Firebug theme has the tabs visible. */
|
||||
.theme-firebug #webconsole-sidebar > tabs {
|
||||
height: 28px;
|
||||
}
|
||||
|
||||
.devtools-side-splitter ~ #webconsole-sidebar[hidden] {
|
||||
display: none;
|
||||
}
|
||||
|
|
@ -673,16 +654,6 @@ a.learn-more-link.webconsole-learn-more-link {
|
|||
width: 200px;
|
||||
}
|
||||
|
||||
/* Firebug theme support for console.table() */
|
||||
|
||||
.theme-firebug .consoletable .theme-body {
|
||||
width: 100%;
|
||||
border-top: 1px solid #D7D7D7;
|
||||
border-bottom: 2px solid #D7D7D7;
|
||||
border-left: 1px solid #D7D7D7;
|
||||
border-right: 1px solid #D7D7D7;
|
||||
}
|
||||
|
||||
|
||||
/* NEW CONSOLE STYLES */
|
||||
|
||||
|
|
@ -705,8 +676,7 @@ a.learn-more-link.webconsole-learn-more-link {
|
|||
}
|
||||
|
||||
/* Webconsole specific theme variables */
|
||||
.theme-light .webconsole-output-wrapper,
|
||||
.theme-firebug .webconsole-output-wrapper {
|
||||
.theme-light .webconsole-output-wrapper {
|
||||
--error-color: var(--red-70);
|
||||
--error-background-color: #FDF2F5;
|
||||
--warning-color: var(--yellow-80);
|
||||
|
|
|
|||
|
|
@ -311,10 +311,6 @@
|
|||
border-bottom: 1px solid rgba(128, 128, 128, .15);
|
||||
}
|
||||
|
||||
.theme-firebug .variables-view-variable {
|
||||
border-bottom: 1px solid transparent;
|
||||
}
|
||||
|
||||
.variables-view-variable > .title > .name {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
|
@ -870,51 +866,6 @@
|
|||
display: none;
|
||||
}
|
||||
|
||||
/* Firebug theme support for table widget */
|
||||
|
||||
.theme-firebug .devtools-toolbar.table-widget-column-header {
|
||||
font-family: var(--proportional-font-family);
|
||||
color: var(--theme-body-color);
|
||||
|
||||
/* Make sure to override the default Firebug devtools-toolbar height */
|
||||
height: 19px !important;
|
||||
|
||||
/* Make sure to override the dafault .table-widget-column-header font-weight and background */
|
||||
font-weight: bold !important;
|
||||
background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.05));
|
||||
background-color: #C8D2DC !important;
|
||||
|
||||
/* Vertically center header label */
|
||||
padding-top: 2px !important;
|
||||
}
|
||||
|
||||
.theme-firebug .devtools-toolbar.table-widget-column-header[sorted] {
|
||||
background-color: #AAC3DC !important;
|
||||
}
|
||||
|
||||
:root[platform="linux"].theme-firebug .devtools-toolbar.table-widget-column-header[sorted] {
|
||||
background-color: #FAC8AF !important;
|
||||
color: inherit !important;
|
||||
}
|
||||
|
||||
.theme-firebug .devtools-toolbar.table-widget-column-header:hover:active {
|
||||
background-image: linear-gradient(rgba(0, 0, 0, 0.1),
|
||||
transparent);
|
||||
}
|
||||
|
||||
.theme-firebug .devtools-toolbar.table-widget-column-header[sorted=descending]:not(:active) {
|
||||
background-image: url(chrome://devtools/skin/images/firebug/arrow-down.svg) !important;
|
||||
}
|
||||
|
||||
.theme-firebug .devtools-toolbar.table-widget-column-header[sorted=ascending]:not(:active) {
|
||||
background-image: url(chrome://devtools/skin/images/firebug/arrow-up.svg) !important;
|
||||
}
|
||||
|
||||
.theme-firebug .devtools-toolbar.table-widget-column-header[sorted]:not(:active) {
|
||||
background-position: right !important;
|
||||
background-repeat: no-repeat !important;
|
||||
}
|
||||
|
||||
/* Cells */
|
||||
|
||||
.table-widget-cell {
|
||||
|
|
|
|||
|
|
@ -91,22 +91,3 @@
|
|||
border-bottom: 1px solid var(--net-border);
|
||||
background-color: var(--theme-body-background);
|
||||
}
|
||||
|
||||
|
||||
/******************************************************************************/
|
||||
/* Themes */
|
||||
|
||||
.theme-firebug .netInfoBody > .tabs .tab-panel {
|
||||
border-color: var(--net-border);
|
||||
}
|
||||
|
||||
.theme-firebug .netInfoBody > .tabs .tabs-menu-item.is-active a,
|
||||
.theme-firebug .netInfoBody > .tabs .tabs-menu-item.is-active:hover a,
|
||||
.theme-firebug .netInfoBody > .tabs .tabs-menu-item.is-active a:focus {
|
||||
border: 1px solid var(--net-border);
|
||||
border-bottom-color: transparent;
|
||||
}
|
||||
|
||||
.theme-firebug .netInfoBody > .tabs .tabs-menu-item:hover a {
|
||||
border-bottom-color: transparent;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -66,15 +66,3 @@
|
|||
.theme-dark .netInfoBody .netInfoGroup .netInfoGroupTwisty {
|
||||
filter: invert(1);
|
||||
}
|
||||
|
||||
/* Twisties */
|
||||
.theme-firebug .netInfoBody .netInfoGroup .netInfoGroupTwisty {
|
||||
background-image: url("chrome://devtools/skin/images/firebug/twisty-closed-firebug.svg");
|
||||
background-position: 0 2px;
|
||||
background-size: 11px 11px;
|
||||
width: 15px;
|
||||
}
|
||||
|
||||
.theme-firebug .netInfoBody .netInfoGroup.opened .netInfoGroupTwisty {
|
||||
background-image: url("chrome://devtools/skin/images/firebug/twisty-open-firebug.svg");
|
||||
}
|
||||
|
|
|
|||
|
|
@ -29,7 +29,3 @@
|
|||
.theme-dark .netRequest.opened {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.theme-firebug .netRequest.message.opened:hover {
|
||||
background-image: linear-gradient(rgba(214, 233, 246, 0.8), rgba(255, 255, 255, 1.6)) !important;
|
||||
}
|
||||
|
|
|
|||
Загрузка…
Ссылка в новой задаче