Add more space between tabs, change floating tabs browser-frame-bgcolor value to lwt-accent-color, make rounded corners not default, hide the separator of adjacent tabs, remove active tab bold
This commit is contained in:
parent
3dc125e32b
commit
00fb0e70cb
5 changed files with 20 additions and 23 deletions
12
README.md
12
README.md
|
@ -56,15 +56,17 @@ To disable a tweak, set the key to `false` or delete it, then restart the browse
|
||||||
| ----------------------------- |
|
| ----------------------------- |
|
||||||
| `uc.tweak.disable-drag-space` |
|
| `uc.tweak.disable-drag-space` |
|
||||||
|
|
||||||
| disable rounded corners |
|
| enable rounded corners |
|
||||||
| ---------------------------------- |
|
| -------------------------- |
|
||||||
| `uc.tweak.disable-rounded-corners` |
|
| `uc.tweak.rounded-corners` |
|
||||||
|
|
||||||
| enable Edge style floating tabs |
|
| enable Edge style floating tabs |
|
||||||
| -------------------------------------------------------------- |
|
| ---------------------------------------------------------------------------------------------------------------- |
|
||||||
| `uc.tweak.floating-tabs` |
|
| `uc.tweak.floating-tabs` |
|
||||||
| **OPTIONAL: Make the top and bottom margins of the tab equal** |
|
| **OPTIONAL1: Make the top and bottom margins of the tab equal** |
|
||||||
| `uc.tweak.floating-tabs.equal-margin` |
|
| `uc.tweak.floating-tabs.equal-margin` |
|
||||||
|
| **OPTIONAL2: Hide the separator of adjacent tabs (need to wait for Firefox support, or forced enable with bug)** |
|
||||||
|
| `layout.css.has-selector.enabled` |
|
||||||
|
|
||||||
| enable Mica toolbar background *(Windows 11 only)* |
|
| enable Mica toolbar background *(Windows 11 only)* |
|
||||||
| ------------------------------------------------------------------- |
|
| ------------------------------------------------------------------- |
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
|
|
||||||
@supports (-moz-bool-pref("uc.tweak.floating-tabs")) {
|
@supports (-moz-bool-pref("uc.tweak.floating-tabs")) {
|
||||||
:root {
|
:root {
|
||||||
--browser-frame-bgcolor: transparent;
|
--browser-frame-bgcolor: var(--lwt-accent-color);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -12,7 +12,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@supports (not -moz-bool-pref("uc.tweak.disable-rounded-corners")) {
|
@supports (-moz-bool-pref("uc.tweak.rounded-corners")) {
|
||||||
:root #browser>#appcontent {
|
:root #browser>#appcontent {
|
||||||
margin: 0px 3px 3px 3px;
|
margin: 0px 3px 3px 3px;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
|
|
|
@ -89,16 +89,6 @@ bugs with certain themes eg. dark text on dark background.) */
|
||||||
outline-offset: -1px !important;
|
outline-offset: -1px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tabbrowser-tab[selected] .tab-label {
|
|
||||||
font-weight: 500 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (-moz-platform: windows) {
|
|
||||||
.tabbrowser-tab[selected] .tab-label {
|
|
||||||
font-weight: 600 !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* adjust spacing of area above tabs */
|
/* adjust spacing of area above tabs */
|
||||||
@media not (-moz-platform: macos) {
|
@media not (-moz-platform: macos) {
|
||||||
:root[sizemode="maximized"] #titlebar {
|
:root[sizemode="maximized"] #titlebar {
|
||||||
|
|
|
@ -27,7 +27,7 @@
|
||||||
padding: var(--toolbarbutton-inner-padding) var(--uc-toolbarbutton-inner-inline-padding) !important;
|
padding: var(--toolbarbutton-inner-padding) var(--uc-toolbarbutton-inner-inline-padding) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
@supports (not -moz-bool-pref("uc.tweak.disable-rounded-corners")) {
|
@supports (-moz-bool-pref("uc.tweak.rounded-corners")) {
|
||||||
#navigator-toolbox {
|
#navigator-toolbox {
|
||||||
border-bottom: none !important;
|
border-bottom: none !important;
|
||||||
}
|
}
|
||||||
|
|
|
@ -315,7 +315,7 @@ toolbarbutton[part="scrollbutton-down"] {
|
||||||
|
|
||||||
/* tab separators */
|
/* tab separators */
|
||||||
.tabbrowser-tab:not([last-visible-tab="true"]) {
|
.tabbrowser-tab:not([last-visible-tab="true"]) {
|
||||||
margin-inline-end: -1px !important;
|
margin-inline-end: 3px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tabbrowser-tab:not([selected="true"], :hover, [beforeselected-visible], [beforehovered]) .tab-stack::after {
|
.tabbrowser-tab:not([selected="true"], :hover, [beforeselected-visible], [beforehovered]) .tab-stack::after {
|
||||||
|
@ -323,11 +323,16 @@ toolbarbutton[part="scrollbutton-down"] {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
display: block;
|
display: block;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
right: 0;
|
right: -1px;
|
||||||
top: 6px;
|
top: 6px;
|
||||||
border-right: 1px solid color-mix(in srgb, currentColor 34%, transparent);
|
border-right: 1px solid color-mix(in srgb, currentColor 34%, transparent);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* need layout.css.has-selector.enabled */
|
||||||
|
.tabbrowser-tab:has(+ .tabbrowser-tab:is([selected="true"], :hover, [beforeselected-visible], [beforehovered])) .tab-stack::after {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs])>#tabbrowser-arrowscrollbox>.tabbrowser-tab[first-visible-unpinned-tab] {
|
#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs])>#tabbrowser-arrowscrollbox>.tabbrowser-tab[first-visible-unpinned-tab] {
|
||||||
margin-inline-start: 0 !important;
|
margin-inline-start: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue