Skip to content

Instantly share code, notes, and snippets.

@wlonkly
Created July 21, 2022 02:12
Show Gist options
  • Save wlonkly/6c21134adbdeb6eb257f52076bc3e617 to your computer and use it in GitHub Desktop.
Save wlonkly/6c21134adbdeb6eb257f52076bc3e617 to your computer and use it in GitHub Desktop.
wlonkly's Tree Style Tabs CSS
/* 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