Created
July 21, 2022 02:12
-
-
Save wlonkly/6c21134adbdeb6eb257f52076bc3e617 to your computer and use it in GitHub Desktop.
wlonkly's Tree Style Tabs CSS
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* Show title of unread tabs with italic font */ | |
:root.sidebar tab-item.unread .label-content { | |
font-style: italic !important; | |
} | |
/* Add private browsing indicator per tab */ | |
:root.sidebar tab-item.private-browsing tab-label:before { | |
content: "🕶"; | |
} | |
/* narrow tabs with no border or shadow */ | |
tab-item { | |
--tab-size: 24px !important; | |
height: var(--tab-size); | |
border: none !important; | |
box-shadow: none !important; | |
} | |
/* only display closebox on hover */ | |
#tabbar tab-item:not(:hover) tab-closebox { | |
display: none; | |
} | |
/* hide new tab button */ | |
.newtab-button-box { | |
display: none; | |
} | |
#tabbar { | |
bottom: 0 !important; /* Eliminate dead space on bottom */ | |
} | |
/* background blends into tabs */ | |
#background { | |
background-color: var(--tab-surface); | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment