Bug 1355755 - cleanup hardcoded colors in tabs.css;r=pbro
MozReview-Commit-ID: Lgtsl4XVBhe
--- a/devtools/client/shared/components/tabs/tabs.css
+++ b/devtools/client/shared/components/tabs/tabs.css
@@ -19,17 +19,16 @@
}
.tabs .tabs-menu-item {
display: inline-block;
}
.tabs .tabs-menu-item a {
display: block;
- color: #A9A9A9;
padding: 4px 8px;
border: 1px solid transparent;
text-decoration: none;
white-space: nowrap;
}
/* To avoid "select all" commands from selecting content in hidden tabs */
.tabs .hidden,
@@ -74,17 +73,16 @@
.theme-dark .tabs .tabs-menu-item:last-child,
.theme-light:not(.theme-firebug) .tabs .tabs-menu-item:last-child {
border-inline-end-width: 1px;
}
.theme-dark .tabs .tabs-menu-item a,
.theme-light .tabs .tabs-menu-item a {
- color: inherit;
padding: 3px 15px;
}
.theme-dark .tabs .tabs-menu-item:hover:not(.is-active),
.theme-light .tabs .tabs-menu-item:hover:not(.is-active) {
background-color: var(--theme-toolbar-hover);
}
@@ -101,17 +99,17 @@
/* Dark Theme */
.theme-dark .tabs .tabs-menu-item {
color: var(--theme-body-color-alt);
}
.theme-dark .tabs .tabs-menu-item:hover:not(.is-active) {
- color: #CED3D9;
+ color: var(--theme-focus-outline-color);
}
.theme-dark .tabs .tabs-menu-item:hover:active {
color: var(--theme-selection-color);
}
/* Firebug Theme */