he4et/dotfiles
1
0
Fork 0
mirror of https://github.com/He4eT/dotfiles.git synced 2026-05-04 15:37:22 +00:00
Code Issues Projects Releases Packages Wiki Activity

firefox: tree style tab: no decoration theme

Browse source
This commit is contained in:
He4eT 2024-03-21 17:44:06 +01:00
commit 5eeb214d06
1 changed files with 54 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

94
firefox/treestyletab.css
View file

@ -1,43 +1,77 @@
.newtab-button {
display: none;
:root {
--tab-size: 2.3em;
--tab-highlighter-size: 4px;
}
/* No new tab button */
.newtab-button {
display: none;
}
/* Counter tunning */
.counter {
font-weight: bold;
}
.counter::before {
content: '';
}
.counter::after {
content: '';
}
.twisty {
opacity: 0;
}
.tab {
box-shadow: none !important;
}
#subpanel-container {
display: none;
opacity: 0;
transition: opacity 0.3s ease;
}
#subpanel-container:hover {
opacity: 1;
}
#tabbar-container {
bottom: 0;
}
tab-item.active .background {
background-color: #e8e8e8;
background-color: var(--face-highlight-lighter);
}
/* put scrollbar rightside */
/* Put scrollbar rightside */
:root.left #tabbar { direction: ltr; }
/* Scrollbar width */
#pinned-tabs-container, #normal-tabs-container {
scrollbar-width: unset;
}
/* Common background */
#background {
background: color-mix(in srgb, -moz-dialog 85%, white);
}
/* Pined tabs container */
#pinned-tabs-container {
border-bottom: 1px solid rgb(173, 173, 173);
}
/* Tabs */
tab-item,
tab-item-substance {
justify-content: center;
}
tab-item-substance {
padding: 0.3em;
border: 1px solid rgb(173, 173, 173);
border-right: none;
}
.tab, .tab.pinned {
height: var(--tab-size);
margin-top: -1px;
}
.tab:hover > tab-item-substance,
.tab.active > tab-item-substance {
background: var(--face-highlight-more-more-lighter);
}
.tab .label {
margin-left: 0.4em;
line-height: var(--tab-size);
}
.tab .closebox {
margin-left: 0.2em;
margin-right: 0.1em;
}
tab-item tab-favicon,
tab-item tab-favicon * {
vertical-align: top;
}