projects
/
themes.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
make checkboxes in in-content prefs captions look and work decently
[themes.git]
/
LCARStrek
/
browser
/
devtools
/
shadereditor.css
diff --git
a/LCARStrek/browser/devtools/shadereditor.css
b/LCARStrek/browser/devtools/shadereditor.css
index 86dae07030fc6277f7a146d7a65cc46fc1675ced..9e034b06f5aa6363b0677d3c6580bd23b2c2cfc5 100644
(file)
--- a/
LCARStrek/browser/devtools/shadereditor.css
+++ b/
LCARStrek/browser/devtools/shadereditor.css
@@
-12,9
+12,8
@@
window {
.notice-container {
margin-top: -50vh;
.notice-container {
margin-top: -50vh;
-
- background-color: #000000;
- color: #FF9F00;
+ background-color: var(--theme-toolbar-background);
+ color: var(--theme-body-color);
}
#reload-notice {
}
#reload-notice {
@@
-34,10
+33,6
@@
window {
-moz-margin-end: 6px;
}
-moz-margin-end: 6px;
}
-#requests-menu-reload-notice-button {
- min-height: 2em;
-}
-
/* Shaders pane */
#shaders-pane {
/* Shaders pane */
#shaders-pane {
@@
-64,9
+59,8
@@
window {
}
.side-menu-widget-item-checkbox .checkbox-check {
}
.side-menu-widget-item-checkbox .checkbox-check {
- -moz-appearance: none;
- background: none;
background-image: url("itemToggle.png");
background-image: url("itemToggle.png");
+ background-color: transparent;
background-repeat: no-repeat;
background-clip: content-box;
background-size: 32px 16px;
background-repeat: no-repeat;
background-clip: content-box;
background-size: 32px 16px;
@@
-76,6
+70,12
@@
window {
border: 0;
}
border: 0;
}
+@media (min-resolution: 2dppx) {
+ .side-menu-widget-item-checkbox .checkbox-check {
+ background-image: url("itemToggle@2x.png");
+ }
+}
+
.side-menu-widget-item-checkbox[checked] .checkbox-check {
background-position: 0 0;
}
.side-menu-widget-item-checkbox[checked] .checkbox-check {
background-position: 0 0;
}
@@
-83,18
+83,18
@@
window {
/* Shader source editors */
#editors-splitter {
/* Shader source editors */
#editors-splitter {
- border-color:
#000000
;
+ border-color:
var(--theme-contrastsidebar-bordercolor)
;
}
.editor-label {
}
.editor-label {
- background-color: #A09090;
padding: 1px 12px;
padding: 1px 12px;
- color: #000000;
+ background: var(--theme-contrastsidebar-background);
+ color: var(--theme-contrastsidebar-color);
}
.editor-label[selected] {
}
.editor-label[selected] {
- background-color:
#008484
;
- color:
#FFCF00
;
+ background-color:
var(--theme-selection-background)
;
+ color:
var(--theme-selection-color)
;
}
/* Responsive sidebar */
}
/* Responsive sidebar */