projects
/
themes.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
second part of syncing LCARStrek with Firefox 42-44 windows theme changes
[themes.git]
/
LCARStrek
/
browser
/
devtools
/
widgets.css
diff --git
a/LCARStrek/browser/devtools/widgets.css
b/LCARStrek/browser/devtools/widgets.css
index 110c4bc8655c7afc58cb441d57c401888d76924c..6c8df2454fc9793801aebe986d6779ab42515830 100644
(file)
--- a/
LCARStrek/browser/devtools/widgets.css
+++ b/
LCARStrek/browser/devtools/widgets.css
@@
-5,6
+5,12
@@
/* === BEGIN widgets.inc.css === */
/* === 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 {
/* Generic pane helpers */
.generic-toggled-side-pane {
@@
-930,10
+936,6
@@
/* Bar graph widget */
/* Bar graph widget */
-.bar-graph-widget-canvas {
- background: #000000;
-}
-
.bar-graph-widget-legend {
position: absolute;
top: 4px;
.bar-graph-widget-legend {
position: absolute;
top: 4px;
@@
-1092,31
+1094,18
@@
.table-widget-body {
overflow: auto;
.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 {
}
/* 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
}
/* Table widget column header colors are taken from netmonitor.inc.css to match
@@
-1127,10
+1116,8
@@
background: rgba(0,0,0,0);
position: sticky;
top: 0;
background: rgba(0,0,0,0);
position: sticky;
top: 0;
- min-height: 32px;
width: 100%;
width: 100%;
- border: none;
- padding: 8px 0 0 !important;
+ padding: 5px 0 0 !important;
color: inherit;
text-align: center;
font-weight: inherit !important;
color: inherit;
text-align: center;
font-weight: inherit !important;
@@
-1138,15
+1125,15
@@
}
.table-widget-column-header:hover {
}
.table-widget-column-header:hover {
- background:
#FFCF00
;
+ background:
var(--theme-hover-background)
;
}
.table-widget-column-header:hover:active {
}
.table-widget-column-header:hover:active {
- background:
#FF9F00
;
+ background:
var(--theme-active-background)
;
}
.table-widget-column-header:not(:active)[sorted] {
}
.table-widget-column-header:not(:active)[sorted] {
- background:
#008484
;
+ background:
var(--theme-selection-background)
;
}
.table-widget-column-header:not(:active)[sorted=ascending] {
}
.table-widget-column-header:not(:active)[sorted=ascending] {
@@
-1166,27
+1153,23
@@
.table-widget-cell {
width: 100%;
.table-widget-cell {
width: 100%;
- margin: -1px 0 !important;
padding: 3px 4px;
background-clip: padding-box;
min-width: 100px;
-moz-user-focus: normal;
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 {
}
.table-widget-cell.flash-out {
@@
-1259,11
+1242,11
@@
}
.tree-widget-item[level="1"] {
}
.tree-widget-item[level="1"] {
- font-weight:
8
00;
+ font-weight:
7
00;
}
/* Twisties */
}
/* Twisties */
-.tree-widget-item:before {
+.tree-widget-item:
:
before {
content: "";
width: 14px;
height: 14px;
content: "";
width: 14px;
height: 14px;
@@
-1276,27
+1259,19
@@
background-position: -28px -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);
}
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;
}
background: transparent;
}
-.tree-widget-item[expanded]:before {
+.tree-widget-item[expanded]:
:
before {
background-position: -42px -14px;
}
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;
.tree-widget-item + ul {
overflow: hidden;
animation: collapse-tree-item 0.2s;
@@
-1371,7
+1346,7
@@
/* Custom icons for certain tree items indicating the type of the item */
/* 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;
content: "";
float: left;
width: 16px;
@@
-1379,31
+1354,36
@@
-moz-margin-end: 4px;
background-repeat: no-repeat;
background-size: 20px auto;
-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;
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;
}
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;
}
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");
}
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;
background-image: url("chrome://browser/skin/devtools/filetype-globe.svg");
background-size: auto 18px;
width: 18px;