Adjust button corners to Phoenix.
Adjust tag and frame styles. Fix the problem of tag highlights covering active tag.
This commit is contained in:
parent
d704855ee1
commit
3e6649ad78
4 changed files with 19 additions and 6 deletions
|
@ -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 {
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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"] {
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue