From dc79e4175fc0ef4f6a373b6c31e454e5717c58ba Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Wed, 20 Oct 2021 15:12:13 +0900 Subject: [PATCH] Fix: Bottom Rounded Corner - Stroke width, color as tab's box-shadow #251 --- icons/tab-bottom-corner-left.svg | 4 ++-- icons/tab-bottom-corner-right.svg | 2 +- userChrome.css | 7 ++++++- 3 files changed, 9 insertions(+), 4 deletions(-) diff --git a/icons/tab-bottom-corner-left.svg b/icons/tab-bottom-corner-left.svg index 37bfa26..a502cdb 100644 --- a/icons/tab-bottom-corner-left.svg +++ b/icons/tab-bottom-corner-left.svg @@ -1,5 +1,5 @@ - - \ No newline at end of file + + diff --git a/icons/tab-bottom-corner-right.svg b/icons/tab-bottom-corner-right.svg index b443ef3..72f14fc 100644 --- a/icons/tab-bottom-corner-right.svg +++ b/icons/tab-bottom-corner-right.svg @@ -1,5 +1,5 @@ - + diff --git a/userChrome.css b/userChrome.css index 60f75ec..ed791bb 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1599,7 +1599,7 @@ /* Color */ fill: var(--toolbar-bgcolor) !important; - stroke: var(--tabs-border-color, transparent) !important; + stroke: var(--tab-line-color, var(--tabs-border-color, rgba(128, 128, 142, 0.9))) !important; -moz-context-properties: fill, stroke !important; /* Image */ @@ -1607,6 +1607,11 @@ background-repeat: no-repeat; background-position-y: bottom; } + :root:not([customizing="true"]) #TabsToolbar[brighttext] tab[visuallyselected] > stack::before, + :root:not([customizing="true"]) #TabsToolbar[brighttext] tab[visuallyselected] > stack::after { + /* As Selected Tab - Box Shadow */ + stroke: var(--toolbar-color) !important; + } tab[visuallyselected] > stack::before { left: var(--tab-corner-position) !important;