diff --git a/chrome/global/browser.css b/chrome/global/browser.css index 1e4d063..b4d8543 100644 --- a/chrome/global/browser.css +++ b/chrome/global/browser.css @@ -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 { diff --git a/chrome/toolbar/navbar.css b/chrome/toolbar/navbar.css index 1ede0d8..f6951b2 100644 --- a/chrome/toolbar/navbar.css +++ b/chrome/toolbar/navbar.css @@ -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; diff --git a/chrome/toolbar/tabbar.css b/chrome/toolbar/tabbar.css index dcb1f93..d75fa78 100644 --- a/chrome/toolbar/tabbar.css +++ b/chrome/toolbar/tabbar.css @@ -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"] { diff --git a/chrome/toolbar/urlbar.css b/chrome/toolbar/urlbar.css index af646e3..656dc15 100644 --- a/chrome/toolbar/urlbar.css +++ b/chrome/toolbar/urlbar.css @@ -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;