From 83412170e552e5adfe14f93a15caa2ef42c78e3d Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sun, 24 Oct 2021 15:38:44 +0900 Subject: [PATCH] Fix: Bottom Rounded Corner - GTK supports --- userChrome.css | 23 ++++++++++++++--------- 1 file changed, 14 insertions(+), 9 deletions(-) diff --git a/userChrome.css b/userChrome.css index 750d213..cabb4ae 100644 --- a/userChrome.css +++ b/userChrome.css @@ -2574,6 +2574,8 @@ :root:not([customizing="true"]) tab[visuallyselected] > stack::before, :root:not([customizing="true"]) tab[visuallyselected] > stack::after { + content: "" !important; + /* Box */ display: block !important; position: absolute !important; @@ -2610,16 +2612,19 @@ } @media (-moz-gtk-csd-available) { - /* Don't enabled at GTK */ - :root:not([customizing="true"])[lwtheme="true"] tab[visuallyselected] > stack::before, - :root:not([customizing="true"])[lwtheme="true"] tab[visuallyselected] > stack::after { - content: "" !important; + /* Fill color for GTK */ + :root:not([customizing="true"]):not([lwtheme="true"]) tab[visuallyselected] > stack::before, + :root:not([customizing="true"]):not([lwtheme="true"]) tab[visuallyselected] > stack::after { + /* As GTK Toolbar's background-color + backround-image + * --toolbar-non-lwt-bgcolor: -moz-dialog; + * --toolbar-non-lwt-bgimage: linear-gradient(rgba(255,255,255,.15), rgba(255,255,255,.15)); + */ + fill: color-mix(in srgb, rgb(255, 255, 255) 15%, -moz-dialog) !important; + stroke: transparent !important; } - } - @media not all and (-moz-gtk-csd-available) { - :root:not([customizing="true"]) tab[visuallyselected] > stack::before, - :root:not([customizing="true"]) tab[visuallyselected] > stack::after { - content: "" !important; + :root:not([customizing="true"]):not([lwtheme="true"]) #TabsToolbar[brighttext] tab[visuallyselected] > stack::before, + :root:not([customizing="true"]):not([lwtheme="true"]) #TabsToolbar[brighttext] tab[visuallyselected] > stack::after { + stroke: transparent !important; } }