first part of syncing LCARStrek with Firefox 49/50 devtools theme changes

[themes.git] / LCARStrek / browser / browser.css

diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css
index 29431c641ebb2ee19716626d5cf7797cfbe1ad28..657620f7949bf7de5b662505a649d8b15ffe018c 100644 (file)
--- a/LCARStrek/browser/browser.css
+++ b/LCARStrek/browser/browser.css
@@ -3918,6 +3918,8 @@ html|*.pointerlockfswarning-exit-button {
   --gcli-border-color: #9C9CFF; /* --theme-splitter-color */
   --selection-background: #008484; /* --theme-selection-background */
   --selection-color: #000000; /* --theme-selection-color */
+  --command-line-image: url(chrome://devtools/skin/images/commandline-icon.svg#light-theme); /* --theme-command-line-image */
+  --command-line-image-focus: url(chrome://devtools/skin/images/commandline-icon.svg#light-theme-focus); /* --theme-command-line-image-focus */
 }
 
 /* Developer toolbar */
@@ -4039,19 +4041,11 @@ html|*#gcli-output-frame {
   width: 16px;
   height: 16px;
   margin: 0 2px;
-  background-image: url("chrome://devtools/skin/images/commandline-icon.png");
-  background-position: 0 center;
-  background-size: 32px 16px;
+  background-image: var(--command-line-image);
 }
 
 .gclitoolbar-input-node[focused="true"]::before {
-  background-position: -16px center;
-}
-
-@media (min-resolution: 2dppx) {
-  .gclitoolbar-input-node::before {
-    background-image: url("chrome://devtools/skin/images/commandline-icon@2x.png");
-  }
+  background-image: var(--command-line-image-focus);
 }
 
 .gclitoolbar-input-node:not([focused="true"]) {
@@ -4135,7 +4129,7 @@ html|*#gcli-output-frame {
   color: #fff;
   border: 1px solid #111;
   border-radius: 2px;
-  padding: 5px;*/
+  padding: 0 5px;*/
   width: 200px;
   margin: 0;
 }