Adjust button corners to Phoenix.

Adjust tag and frame styles.
Fix the problem of tag highlights covering active tag.
This commit is contained in:
TGSAN 2023-07-22 01:58:12 +08:00
parent d704855ee1
commit 3e6649ad78
4 changed files with 19 additions and 6 deletions

View file

@ -5,7 +5,8 @@
margin: 1px 3px 3px 3px;
border-radius: 8px;
overflow: hidden;
border: 1.25px solid rgba(0, 0, 0, 0.1);
border: 1.25px solid rgba(0, 0, 0, 0.05);
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
}
:root #browser {

View file

@ -1,7 +1,7 @@
/* EdgeFr-Fox by bmFtZQ - navbar.css */
:root {
--toolbarbutton-border-radius: 2px !important;
--toolbarbutton-border-radius: 4px !important;
--toolbarbutton-inner-padding: 7px !important;
--uc-toolbarbutton-inner-inline-padding: 12px !important;
--tabs-navbar-shadow-size: 0 !important;

View file

@ -18,7 +18,8 @@
--tab-border-radius: 8px !important;
--uc-toolbarbutton-inner-padding: 6px !important;
--toolbarbutton-border-radius: 2px !important;
--toolbarbutton-border-radius: 4px !important;
--toolbarbutton-tabsline-border-radius: 8px !important;
--tabs-navbar-shadow-size: 0 !important;
--tab-shadow-max-size: 0 !important;
}
@ -164,6 +165,10 @@
color: var(--lwt-tab-text, var(--toolbar-color)) !important;
}
.tabbrowser-tab:is([selected], [multiselected]):-moz-lwtheme {
z-index: 1;
}
.tab-close-button {
margin-inline-end: 8px !important;
width: 17px !important;
@ -254,6 +259,11 @@
padding: var(--uc-toolbarbutton-inner-padding) calc(var(--uc-toolbarbutton-inner-padding) + 2px) !important;
}
#tabbrowser-tabs .toolbarbutton-1>.toolbarbutton-icon,
#tabbrowser-tabs .toolbarbutton-1>.toolbarbutton-badge-stack {
border-radius: var(--toolbarbutton-tabsline-border-radius) !important;
}
#TabsToolbar .toolbarbutton-1>.toolbarbutton-icon {
width: calc(2 * (var(--uc-toolbarbutton-inner-padding) + 2px) + 16px) !important;
height: calc(2 * var(--uc-toolbarbutton-inner-padding) + 16px) !important;
@ -359,7 +369,10 @@ toolbarbutton[part="scrollbutton-down"] {
}
#tabbrowser-tabs:not([overflow="true"]) .tabbrowser-tab:first-of-type {
margin-inline-start: 8px !important;
margin-inline-start: 12px !important;
}
#tabbrowser-tabs:not([overflow="true"]) .tabbrowser-tab:last-of-type {
margin-inline-end: 6px !important;
}
#tabbrowser-tabs {
@ -383,7 +396,7 @@ toolbarbutton[part="scrollbutton-down"] {
--uc-titlebar-shadow: 0 -3px 2px -3px rgba(0, 0, 0, 0.2) inset;
--uc-tab-shadow:
0 0 0 1px var(--lwt-tab-line-color, var(--lwt-tabs-border-color, transparent)),
0 2px 4px rgba(0, 0, 0, 0.3), 0 0px 2px rgba(0, 0, 0, 0.2);
0px 2px 4px rgba(0, 0, 0, 0.2), 0 4px 8px rgba(0, 0, 0, 0.1);
}
:root[lwtheme-brighttext="true"] {

View file

@ -9,7 +9,6 @@
--identity-box-margin-inline: 2px !important;
}
:root[style*="--lwt-accent-color: rgb(240, 240, 244)"] #urlbar[focused="true"]:not([suppress-focus-border])>#urlbar-background,
:root[style*="--lwt-accent-color: rgb(240, 240, 244)"] #searchbar:focus-within {
outline-color: color-mix(in srgb, var(--toolbar-field-focus-border-color) 50%, transparent) !important;