--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 */
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"]) {
color: #fff;
border: 1px solid #111;
border-radius: 2px;
- padding: 5px;*/
+ padding: 0 5px;*/
width: 200px;
margin: 0;
}