--theme-splitter-color: #9C9CFF;
--theme-comment: #A09090;
+ --theme-sidebar-background: #000000;
--theme-contrastsidebar-background: #A09090;
--theme-contrastsidebar-color: #000000;
--theme-contrastsidebar-bordercolor: #000000;
background-position: -14px 0;
}
-@media (min-resolution: 1.25dppx) {
+@media (min-resolution: 1.1dppx) {
.theme-twisty, .theme-checkbox {
background-image: url("chrome://browser/skin/devtools/controls@2x.png");
}
margin-left: -4px;
}
-@media (min-resolution: 1.25dppx) {
+@media (min-resolution: 1.1dppx) {
.theme-tooltip-panel .panel-arrow[side="top"],
.theme-tooltip-panel .panel-arrow[side="bottom"] {
list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-vertical-dark@2x.png");
.devtools-button {
border: 0 solid var(--theme-splitter-color);
background: var(--theme-toolbar-background);
+ color: var(--theme-body-color);
margin: 0;
padding: 0;
min-width: 32px;
background-repeat: no-repeat;
}
-@media (min-resolution: 1.25dppx) {
+.devtools-button[disabled]::before,
+.devtools-button:disabled::before {
+ opacity: 0.5;
+}
+
+@media (min-resolution: 1.1dppx) {
.devtools-button::before {
background-size: 32px;
}
/* Searchbox is a div container element for a search input element */
.devtools-searchbox {
- display: -moz-box;
- -moz-box-flex: 1;
+ display: flex;
+ flex: 1;
position: relative;
}
-moz-image-region: rect(0, 32px, 16px, 16px);
}
-@media (min-resolution: 1.25dppx) {
+@media (min-resolution: 1.1dppx) {
.devtools-searchinput {
background-image: url("magnifying-glass@2x.png");
}
-moz-border-end-width: 0;
}
+.devtools-sidebar-tabs tabs > tab {
+}
+
+.devtools-sidebar-tabs tabs > tab[selected],
+.devtools-sidebar-tabs tabs > tab[selected] + tab {
+}
+
.devtools-sidebar-tabs tabs > tab:first-child {
}
.devtools-sidebar-tabs tabs > tab:hover:active {
}
-.devtools-sidebar-tabs tabs > tab[selected] + tab {
-}
-
.devtools-sidebar-tabs tabs > tab[selected] + tab:hover {
}
background-image: url("chrome://browser/skin/devtools/command-rulers.png");
}
-@media (min-resolution: 1.25dppx) {
+@media (min-resolution: 1.1dppx) {
#command-button-paintflashing > image {
background-image: url("chrome://browser/skin/devtools/command-paintflashing@2x.png");
}