* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
.theme-dark,
-.theme-light {
- --smw-margin: #9C9CFF;
- --smw-item-top-border: #A09090;
- --smw-item-bottom-border: #008484;
-}
-
-.splitview-nav-container {
- background-color: var(--theme-toolbar-background);
- color: var(--theme-body-color);
+.theme-light,
+.theme-firebug {
+ --sidemenu-selected-arrow: url(images/itemArrow-dark-ltr.svg);
+ --sidemenu-selected-arrow-rtl: url(images/itemArrow-dark-rtl.svg);
}
.splitview-nav-container .devtools-throbber {
}
.splitview-nav {
- -moz-appearance: none;
- list-style-image: none;
list-style: none;
padding: 0;
margin: 0;
- margin: 0;
- border-inline-end: var(--smw-margin);
-/* box-shadow: inset -1px 0 0 var(--smw-margin);*/
-}
-
-.splitview-nav:-moz-locale-dir(rtl) {
-/* box-shadow: inset 1px 0 0 var(--smw-margin);*/
+ background-color: var(--theme-sidebar-background);
}
.splitview-nav > li {
- /* To compensate for the top and bottom borders */
- margin-top: 0;
- margin-bottom: -1px;
- -moz-padding-end: 8px;
+ padding-inline-end: 8px;
-moz-box-align: center;
outline: 0;
vertical-align: bottom;
-/* color: white;
- background-clip: padding-box;*/
-
- border-top: 1px solid var(--smw-item-top-border);
- border-bottom: 1px solid var(--smw-item-bottom-border);
-}
-
-.splitview-nav > li:last-of-type {
-/* box-shadow: inset 0 -1px 0 var(--smw-item-top-border);*/
+ border-bottom: 1px solid rgba(160,144,144,0.15);
}
.placeholder {
}
.splitview-nav > li.splitview-active {
+ background-color: var(--theme-selection-background);
+ color: var(--theme-selection-color);
+ background-image: var(--sidemenu-selected-arrow);
background-repeat: no-repeat;
background-position: center right;
- background-size: auto;
- border-bottom: 1px solid var(--smw-item-bottom-border);
-
- background-image: url("itemArrow-ltr.svg");
}
.splitview-nav > li.splitview-active:-moz-locale-dir(rtl) {
- background-repeat: no-repeat;
+ background-image: var(--sidemenu-selected-arrow-rtl);
background-position: center left;
-
- background-image: url("itemArrow-rtl.svg");
}
/* Toolbars */
.splitview-main > toolbar,
.loading .splitview-nav-container {
- border-inline-end: 1px solid var(--smw-margin);
+ border-inline-end: 1px solid var(--theme-splitter-color);
}
.splitview-main > .devtools-toolbarbutton {
+ font-size: 11px;
+/* padding: 0 8px;*/
width: auto;
min-width: 48px;
min-height: 0;