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
18
README.md
18
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` |
|
||||
|
||||
| disable rounded corners |
|
||||
| ---------------------------------- |
|
||||
| `uc.tweak.disable-rounded-corners` |
|
||||
| enable rounded corners |
|
||||
| -------------------------- |
|
||||
| `uc.tweak.rounded-corners` |
|
||||
|
||||
| enable Edge style floating tabs |
|
||||
| -------------------------------------------------------------- |
|
||||
| `uc.tweak.floating-tabs` |
|
||||
| **OPTIONAL: Make the top and bottom margins of the tab equal** |
|
||||
| `uc.tweak.floating-tabs.equal-margin` |
|
||||
| enable Edge style floating tabs |
|
||||
| ---------------------------------------------------------------------------------------------------------------- |
|
||||
| `uc.tweak.floating-tabs` |
|
||||
| **OPTIONAL1: Make the top and bottom margins of the tab equal** |
|
||||
| `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)* |
|
||||
| ------------------------------------------------------------------- |
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
|
||||
@supports (-moz-bool-pref("uc.tweak.floating-tabs")) {
|
||||
: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 {
|
||||
margin: 0px 3px 3px 3px;
|
||||
border-radius: 8px;
|
||||
|
|
|
@ -89,16 +89,6 @@ bugs with certain themes eg. dark text on dark background.) */
|
|||
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 */
|
||||
@media not (-moz-platform: macos) {
|
||||
:root[sizemode="maximized"] #titlebar {
|
||||
|
|
|
@ -27,7 +27,7 @@
|
|||
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 {
|
||||
border-bottom: none !important;
|
||||
}
|
||||
|
|
|
@ -315,7 +315,7 @@ toolbarbutton[part="scrollbutton-down"] {
|
|||
|
||||
/* tab separators */
|
||||
.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 {
|
||||
|
@ -323,11 +323,16 @@ toolbarbutton[part="scrollbutton-down"] {
|
|||
position: absolute;
|
||||
display: block;
|
||||
height: 20px;
|
||||
right: 0;
|
||||
right: -1px;
|
||||
top: 6px;
|
||||
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] {
|
||||
margin-inline-start: 0 !important;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue