ShadowFox/webextensions/treestyletabs.css

92 lines
1.5 KiB
CSS

/* Copyright (c) 2017 overdodactyl
Available for use under the MIT License:
https://opensource.org/licenses/MIT
https://github.com/overdodactyl/ShadowFox */
/* (1) Use Plain Dark Appearance
(2) Place the contents of this file in the extra styles rules section */
/* background color */
:root {
background-color: var(--primary-dark-color);
}
/* Tabs */
.tab {
background: var(--primary-dark-color);
border-color: var(--dark-accent);
}
.tab .label {
color: var(--primary-light-color);
}
.tab:hover {
background-color: var(--dark-accent) !important;
}
/* Active Tab */
.tab.active {
background-color: var(--primary-accent-color) !important;
}
.tab.selected {
background-color: var(--primary-accent-color-dark) !important;
}
.tab.active .label,
.tab.selected .label {
color: white;
}
.tab.active:hover {
background-color: var(--primary-accent-color-dark)!important;
}
/* Unloaded Tabs */
.tab.discarded {
opacity: 0.75;
}
.tab.discarded .label {
color: var(--grey-50);
}
/* Unread Tabs */
.tab.unread .label {
font-style: italic;
}
/* Only show closebox on hover */
.tab:not(:hover) .closebox {
display: none;
}
/* Drop Down Arrow */
.twisty {
color: var(--primary-light-color)
}
.tab.active .twisty {
color: white
}
/* Hide 'new tab' button. */
.newtab-button {
opacity: 0;
}
/* Changes for favicons */
#all-tabs .tab:not(.active)[data-current-uri*="github.com"] .favicon {
filter: invert(65%);
}
#tabbar, #background::after, #background {
background: var(--primary-dark-color) !important;
}