/* === BEGIN widgets.inc.css === */
+.theme-dark,
+.theme-light {
+ --table-splitter-color: #A09090;
+ --table-zebra-background: rgba(255,159,0,0.1);
+}
+
/* Generic pane helpers */
.generic-toggled-side-pane {
opacity: 0.5;
}
-@media (min-resolution: 1.25dppx) {
+@media (min-resolution: 1.1dppx) {
.variable-or-property-non-writable-icon > .title:after {
background-image: url("chrome://browser/skin/devtools/vview-lock@2x.png");
}
height: 16px;
}
-@media (min-resolution: 1.25dppx) {
+@media (min-resolution: 1.1dppx) {
.variables-view-delete {
background-image: url("chrome://browser/skin/devtools/vview-delete@2x.png");
}
cursor: pointer;
}
-@media (min-resolution: 1.25dppx) {
+@media (min-resolution: 1.1dppx) {
.variables-view-edit {
background-image: url("chrome://browser/skin/devtools/vview-edit@2x.png");
}
/* Bar graph widget */
-.bar-graph-widget-canvas {
- background: #000000;
-}
-
.bar-graph-widget-legend {
position: absolute;
top: 4px;
.table-widget-body {
overflow: auto;
-
- background: var(--theme-sidebar-background);
-}
-
-.table-widget-body:-moz-locale-dir(ltr) {
-/* box-shadow: inset -1px 0 0 @smw_marginDark@;*/
-}
-
-.table-widget-body:-moz-locale-dir(rtl) {
-/* box-shadow: inset 1px 0 0 @smw_marginDark@;*/
}
-.table-widget-body:-moz-locale-dir(ltr) {
-/* box-shadow: inset -1px 0 0 @smw_marginLight@;*/
-}
-
-.table-widget-body:-moz-locale-dir(rtl) {
-/* box-shadow: inset 1px 0 0 @smw_marginLight@;*/
+table-widget-body,
+.table-widget-empty-text {
+ background-color: var(--theme-body-background);
}
/* Column Headers */
.table-widget-column-header,
.table-widget-cell {
- -moz-border-end: 1px solid #A09090;
+ -moz-border-end: 1px solid var(--table-splitter-color) !important;
}
/* Table widget column header colors are taken from netmonitor.inc.css to match
background: rgba(0,0,0,0);
position: sticky;
top: 0;
- min-height: 32px;
width: 100%;
- border: none;
- padding: 8px 0 0 !important;
+ padding: 5px 0 0 !important;
color: inherit;
text-align: center;
font-weight: inherit !important;
}
.table-widget-column-header:hover {
- background: #FFCF00;
+ background: var(--theme-hover-background);
}
.table-widget-column-header:hover:active {
- background: #FF9F00;
+ background: var(--theme-active-background);
}
.table-widget-column-header:not(:active)[sorted] {
- background: #008484;
+ background: var(--theme-selection-background);
}
.table-widget-column-header:not(:active)[sorted=ascending] {
.table-widget-cell {
width: 100%;
- margin: -1px 0 !important;
padding: 3px 4px;
background-clip: padding-box;
min-width: 100px;
-moz-user-focus: normal;
-}
-.table-widget-cell {
- border-top: 1px solid #A09090;
- border-bottom: 1px solid #A09090;
- color: var(--theme-body-color);
+ margin-bottom: -1px !important;
+ border-bottom: 1px solid transparent;
+ color: var(--theme-body-color);
}
-.theme-dark:not(.filtering) .table-widget-cell:nth-child(odd):not(.theme-selected),
-.theme-light:not(.filtering) .table-widget-cell:nth-child(odd):not(.theme-selected),
-.table-widget-cell:not(.theme-selected)[odd] {
- background: #404000;
+.table-widget-cell:last-child {
+ border-bottom: 1px solid var(--table-splitter-color);
}
-.table-widget-cell:last-of-type {
-/* box-shadow: inset 0 -1px 0 @smw_itemDarkTopBorder@;*/
+:root:not(.filtering) .table-widget-cell:nth-child(odd):not(.theme-selected),
+.table-widget-cell:not(.theme-selected)[odd] {
+ background: var(--table-zebra-background);
}
.table-widget-cell.flash-out {
}
.tree-widget-item[level="1"] {
- font-weight: 800;
+ font-weight: 700;
}
/* Twisties */
-.tree-widget-item:before {
+.tree-widget-item::before {
content: "";
width: 14px;
height: 14px;
background-position: -28px -14px;
}
-.tree-widget-item:-moz-locale-dir(rtl):before {
+.tree-widget-item:-moz-locale-dir(rtl)::before {
float: right;
transform: scaleX(-1);
}
-.theme-light .tree-widget-item:before {
- background-position: 0 -14px;
-}
-
-.tree-widget-item[empty]:before {
+.tree-widget-item[empty]::before {
background: transparent;
}
-.tree-widget-item[expanded]:before {
+.tree-widget-item[expanded]::before {
background-position: -42px -14px;
}
-.theme-light .tree-widget-item[expanded]:before {
- background-position: -14px -14px;
-}
-
.tree-widget-item + ul {
overflow: hidden;
animation: collapse-tree-item 0.2s;
}
}
-@media (min-resolution: 1.25dppx) {
+@media (min-resolution: 1.1dppx) {
.tree-widget-item:before {
background-image: url("chrome://browser/skin/devtools/controls@2x.png");
}
/* Custom icons for certain tree items indicating the type of the item */
-.tree-widget-item[type]:after {
+.tree-widget-item[type]::after {
content: "";
float: left;
width: 16px;
-moz-margin-end: 4px;
background-repeat: no-repeat;
background-size: 20px auto;
- filter: url('filters.svg#invert');
background-position: 0 0;
background-size: auto 20px;
+ opacity: 0.75;
+}
+
+.tree-widget-item.theme-selected[type]::after {
+ opacity: 1;
}
-.tree-widget-item:-moz-locale-dir(rtl):after {
+.tree-widget-item:-moz-locale-dir(rtl)::after {
float: right;
}
-.theme-dark .tree-widget-item[type]:after {
- filter: url('filters.svg#invert-white');
+/*.theme-light .tree-widget-item.theme-selected[type]::after,*/
+.tree-widget-item[type]::after {
+ filter: invert(1);
}
-.tree-widget-item[type="dir"]:after {
+.tree-widget-item[type="dir"]::after {
background-image: url("chrome://browser/skin/devtools/filetype-dir-close.svg");
background-position: 2px 0;
background-size: auto 16px;
width: 20px;
}
-.tree-widget-item[type="dir"][expanded]:not([empty]):after {
+.tree-widget-item[type="dir"][expanded]:not([empty])::after {
background-image: url("chrome://browser/skin/devtools/filetype-dir-open.svg");
}
-.tree-widget-item[type="url"]:after {
+.tree-widget-item[type="url"]::after {
background-image: url("chrome://browser/skin/devtools/filetype-globe.svg");
background-size: auto 18px;
width: 18px;