diff --git a/chrome/global/browser.css b/chrome/global/browser.css index f294952..cca7594 100644 --- a/chrome/global/browser.css +++ b/chrome/global/browser.css @@ -26,6 +26,7 @@ --uc-tweak-rounded-corners-padding: 3px; --uc-tweak-rounded-corners-border: 1px; --uc-tweak-rounded-corners-radius: 8px; + --uc-tweak-rounded-corners-shadow: 0px 1px 2px rgb(0 0 0 / .1); & #browser:not([style*="--sidebar-border-color"]) { --sidebar-border-color: light-dark(#bfbfbf80, #595959) !important; @@ -33,10 +34,12 @@ } /* disable rounded corners in fullscreen, only if the toolbar is hidden */ - :root[inFullscreen] #navigator-toolbox:where([style*="margin-top"], [fullscreenShouldAnimate]) + #browser { + :root[inFullscreen] #navigator-toolbox:where([style*="margin-top"], [fullscreenShouldAnimate]) + #browser, + :root[inDOMFullscreen] #browser { --uc-tweak-rounded-corners-padding: 0; --uc-tweak-rounded-corners-border: 0; --uc-tweak-rounded-corners-radius: 0; + --uc-tweak-rounded-corners-shadow: none; } #appcontent { @@ -44,8 +47,8 @@ margin-block-end: var(--uc-tweak-rounded-corners-padding); border-radius: var(--uc-tweak-rounded-corners-radius); overflow: hidden; - border: 1px solid rgb(0 0 0 / .1); - box-shadow: 0px 1px 2px rgb(0 0 0 / .1); + border: var(--uc-tweak-rounded-corners-border) solid rgb(0 0 0 / .1); + box-shadow: var(--uc-tweak-rounded-corners-shadow); } @@ -55,7 +58,7 @@ margin-block-end: var(--uc-tweak-rounded-corners-padding) !important; border-radius: var(--uc-tweak-rounded-corners-radius) !important; overflow: hidden !important; - border: 1px solid rgb(0 0 0 / .1); + border: var(--uc-tweak-rounded-corners-border) solid rgb(0 0 0 / .1); &[positionend] { margin-inline-start: 0 !important;