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:
TGSAN 2023-07-25 00:29:06 +08:00
parent 3dc125e32b
commit 00fb0e70cb
5 changed files with 20 additions and 23 deletions

View file

@ -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)* |
| ------------------------------------------------------------------- |

View file

@ -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;

View file

@ -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 {

View file

@ -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;
}

View file

@ -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;
}