From 2efbd4601f0138365eb2ee9d9577ee482a97b99f Mon Sep 17 00:00:00 2001
From: alstjr7375 <alstjr7375@daum.net>
Date: Thu, 27 Oct 2022 13:29:41 +0900
Subject: [PATCH] Fix: Bottom Rounded Corner - Box shadow

---
 css/leptonChrome.css                          | 96 ++++++++++++++-----
 .../tab-bottom-corner-left-australis-soft.svg |  3 +
 icons/tab-bottom-corner-left-chrome-soft.svg  |  3 +
 ...b-bottom-corner-left-chromeLegacy-soft.svg |  3 +
 icons/tab-bottom-corner-left-edge-soft.svg    |  3 +
 icons/tab-bottom-corner-left-wave-soft.svg    |  3 +
 ...tab-bottom-corner-right-australis-soft.svg |  3 +
 icons/tab-bottom-corner-right-chrome-soft.svg |  3 +
 ...-bottom-corner-right-chromeLegacy-soft.svg |  3 +
 icons/tab-bottom-corner-right-edge-soft.svg   |  3 +
 icons/tab-bottom-corner-right-wave-soft.svg   |  3 +
 .../_bottom_rounded_corner_others.scss        | 95 +++++++++++++-----
 src/tab/selected_tab/_box_shadow.scss         |  2 +-
 13 files changed, 175 insertions(+), 48 deletions(-)
 create mode 100644 icons/tab-bottom-corner-left-australis-soft.svg
 create mode 100644 icons/tab-bottom-corner-left-chrome-soft.svg
 create mode 100644 icons/tab-bottom-corner-left-chromeLegacy-soft.svg
 create mode 100644 icons/tab-bottom-corner-left-edge-soft.svg
 create mode 100644 icons/tab-bottom-corner-left-wave-soft.svg
 create mode 100644 icons/tab-bottom-corner-right-australis-soft.svg
 create mode 100644 icons/tab-bottom-corner-right-chrome-soft.svg
 create mode 100644 icons/tab-bottom-corner-right-chromeLegacy-soft.svg
 create mode 100644 icons/tab-bottom-corner-right-edge-soft.svg
 create mode 100644 icons/tab-bottom-corner-right-wave-soft.svg

diff --git a/css/leptonChrome.css b/css/leptonChrome.css
index 540ee70..9c2fcf3 100644
--- a/css/leptonChrome.css
+++ b/css/leptonChrome.css
@@ -6426,7 +6426,7 @@
         "userChrome.tab.bottom_rounded_corner.chrome"
       ) or -moz-bool-pref("userChrome.tab.bottom_rounded_corner.edge") {
       .tab-background {
-        --uc-tab-background-shadow-soft: 0 -1px 0;
+        --uc-tab-background-shadow-soft: 0 -1px 1px -1px;
         --uc-tab-background-shadow-hard: 0 -1px 0;
       }
     }
@@ -6643,56 +6643,63 @@
       "userChrome.tab.bottom_rounded_corner.chrome"
     ) or -moz-bool-pref("userChrome.tab.bottom_rounded_corner.edge") {
     #tabbrowser-tabs {
-      --uc-tab-corner-size: calc(var(--tab-min-height) / 2);
       --uc-tab-corner-half-size: calc(var(--uc-tab-corner-size) / 2);
-      --uc-tab-corner-margin: calc(var(--uc-tab-corner-half-size) + 1px);
+      --uc-tab-corner-half-size-reverse: calc(var(--uc-tab-corner-half-size) * -1);
       --uc-tab-corner-height: calc(var(--tab-min-height) - var(--tab-block-margin) + 1px);
     }
-    @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.wave") or -moz-bool-pref(
-        "userChrome.tab.bottom_rounded_corner.australis"
-      ) or -moz-bool-pref("userChrome.tab.bottom_rounded_corner.chrome_legacy") {
-      #tabbrowser-tabs {
-        --uc-tab-corner-size: var(--tab-min-height);
-      }
-    }
     @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.wave") {
       #tabbrowser-tabs {
         --uc-tab-corner-left-side-svg: url("../icons/tab-bottom-corner-left-wave.svg");
         --uc-tab-corner-right-side-svg: url("../icons/tab-bottom-corner-right-wave.svg");
+        --uc-tab-corner-left-side-svg-soft: url("../icons/tab-bottom-corner-left-wave-soft.svg");
+        --uc-tab-corner-right-side-svg-soft: url("../icons/tab-bottom-corner-right-wave-soft.svg");
         --uc-tab-corner-left-side-svg-clipped: url("../icons/tab-bottom-corner-left-wave-clipped.svg");
         --uc-tab-corner-right-side-svg-clipped: url("../icons/tab-bottom-corner-right-wave-clipped.svg");
+        --uc-tab-corner-size: 30px;
       }
     }
     @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.australis") {
       #tabbrowser-tabs {
         --uc-tab-corner-left-side-svg: url("../icons/tab-bottom-corner-left-australis.svg");
         --uc-tab-corner-right-side-svg: url("../icons/tab-bottom-corner-right-australis.svg");
+        --uc-tab-corner-left-side-svg-soft: url("../icons/tab-bottom-corner-left-australis-soft.svg");
+        --uc-tab-corner-right-side-svg-soft: url("../icons/tab-bottom-corner-right-australis-soft.svg");
         --uc-tab-corner-left-side-svg-clipped: url("../icons/tab-bottom-corner-left-australis-clipped.svg");
         --uc-tab-corner-right-side-svg-clipped: url("../icons/tab-bottom-corner-right-australis-cilpped.svg");
+        --uc-tab-corner-size: 30px;
       }
     }
     @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.chrome") {
       #tabbrowser-tabs {
         --uc-tab-corner-left-side-svg: url("../icons/tab-bottom-corner-left-chrome.svg");
         --uc-tab-corner-right-side-svg: url("../icons/tab-bottom-corner-right-chrome.svg");
+        --uc-tab-corner-left-side-svg-soft: url("../icons/tab-bottom-corner-left-chrome-soft.svg");
+        --uc-tab-corner-right-side-svg-soft: url("../icons/tab-bottom-corner-right-chrome-soft.svg");
         --uc-tab-corner-left-side-svg-clipped: url("../icons/tab-bottom-corner-left-chrome-clipped.svg");
         --uc-tab-corner-right-side-svg-clipped: url("../icons/tab-bottom-corner-right-chrome-clipped.svg");
+        --uc-tab-corner-size: 16px;
       }
     }
     @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.chrome_legacy") {
       #tabbrowser-tabs {
         --uc-tab-corner-left-side-svg: url("../icons/tab-bottom-corner-left-chromeLegacy.svg");
         --uc-tab-corner-right-side-svg: url("../icons/tab-bottom-corner-right-chromeLegacy.svg");
+        --uc-tab-corner-left-side-svg-soft: url("../icons/tab-bottom-corner-left-chromeLegacy-soft.svg");
+        --uc-tab-corner-right-side-svg-soft: url("../icons/tab-bottom-corner-right-chromeLegacy-soft.svg");
         --uc-tab-corner-left-side-svg-clipped: url("../icons/tab-bottom-corner-left-chromeLegacy-clipped.svg");
         --uc-tab-corner-right-side-svg-clipped: url("../icons/tab-bottom-corner-right-chromeLegacy-clipped.svg");
+        --uc-tab-corner-size: 35px;
       }
     }
     @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.edge") {
       #tabbrowser-tabs {
         --uc-tab-corner-left-side-svg: url("../icons/tab-bottom-corner-left-edge.svg");
         --uc-tab-corner-right-side-svg: url("../icons/tab-bottom-corner-right-edge.svg");
+        --uc-tab-corner-left-side-svg-soft: url("../icons/tab-bottom-corner-left-edge-soft.svg");
+        --uc-tab-corner-right-side-svg-soft: url("../icons/tab-bottom-corner-right-edge-soft.svg");
         --uc-tab-corner-left-side-svg-clipped: url("../icons/tab-bottom-corner-left-edge-clipped.svg");
         --uc-tab-corner-right-side-svg-clipped: url("../icons/tab-bottom-corner-right-edge-clipped.svg");
+        --uc-tab-corner-size: 16px;
       }
     }
 
@@ -6701,8 +6708,30 @@
       overflow-clip-margin: var(--uc-tab-corner-half-size) !important;
     }
     .tabbrowser-tab .tab-background {
-      --tab-border-radius: 0px;
-      margin-inline: var(--uc-tab-corner-half-size) !important;
+      padding-inline: var(--uc-tab-corner-half-size) !important;
+      background-clip: content-box;
+    }
+    @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.wave") {
+      .tabbrowser-tab .tab-background {
+        --tab-border-radius: 12.5px;
+      }
+    }
+    @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.australis") {
+      .tabbrowser-tab .tab-background {
+        --tab-border-radius: 12.5px;
+      }
+    }
+    @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.chrome") {
+      .tabbrowser-tab .tab-background {
+        --tab-border-radius: 6px;
+      }
+    }
+    @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.chrome_legacy") {
+      .tabbrowser-tab .tab-background {
+        --tab-border-radius: 0px;
+      }
+    }
+    @supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner.edge") {
     }
     .tabbrowser-tab .tab-background::before,
     .tabbrowser-tab .tab-background::after {
@@ -6719,7 +6748,7 @@
       stroke: transparent;
       -moz-context-properties: fill, stroke;
       /* Image */
-      background-size: var(--uc-tab-corner-size) var(--uc-tab-corner-height);
+      background-size: cover;
       background-repeat: no-repeat;
       background-position-y: bottom;
     }
@@ -6743,11 +6772,11 @@
       }
     }
     .tabbrowser-tab .tab-background::before {
-      right: calc(100% - var(--uc-tab-corner-margin));
+      left: var(--uc-tab-corner-half-size-reverse);
       background-image: var(--uc-tab-corner-left-side-svg);
     }
     .tabbrowser-tab .tab-background::after {
-      left: calc(100% - var(--uc-tab-corner-margin));
+      right: var(--uc-tab-corner-half-size-reverse);
       background-image: var(--uc-tab-corner-right-side-svg);
     }
     .tabbrowser-tab[beforeselected-visible] .tab-background::after {
@@ -6759,10 +6788,8 @@
     .tabbrowser-tab[positionpinnedtabs] .tabbrowser-tab[first-visible-unpinned-tab] .tab-background::before {
       background-image: var(--uc-tab-corner-left-side-svg) !important;
     }
-    .tabbrowser-tab[visuallyselected] .tab-background::before,
-    .tabbrowser-tab[visuallyselected] .tab-background::after {
-      fill: var(--tab-selected-bgcolor, var(--toolbar-bgcolor));
-      stroke: var(--tab-line-color, var(--lwt-tab-line-color, var(--tabs-border-color, rgba(128, 128, 142, 0.9))));
+    .tabbrowser-tab[visuallyselected] .tab-background {
+      background-clip: border-box;
     }
     @supports not -moz-bool-pref("userChrome.tab.bottom_rounded_corner.all") {
       .tabbrowser-tab[visuallyselected] .tab-background::before,
@@ -6770,10 +6797,20 @@
         content: "";
       }
     }
+    .tabbrowser-tab[visuallyselected] .tab-background::before,
+    .tabbrowser-tab[visuallyselected] .tab-background::after,
     .tabbrowser-tab[multiselected] .tab-background::before,
     .tabbrowser-tab[multiselected] .tab-background::after {
       fill: var(--tab-selected-bgcolor, var(--toolbar-bgcolor));
     }
+    @supports -moz-bool-pref("userChrome.tab.box_shadow") {
+      .tabbrowser-tab[visuallyselected] .tab-background::before,
+      .tabbrowser-tab[visuallyselected] .tab-background::after,
+      .tabbrowser-tab[multiselected] .tab-background::before,
+      .tabbrowser-tab[multiselected] .tab-background::after {
+        stroke: var(--tab-line-color, var(--lwt-tab-line-color, var(--tabs-border-color, rgba(128, 128, 142, 0.9))));
+      }
+    }
     .tabbrowser-tab:hover:not([visuallyselected], [multiselected]) .tab-background::before,
     .tabbrowser-tab:hover:not([visuallyselected], [multiselected]) .tab-background::after {
       fill: color-mix(in srgb, currentColor 11%, transparent);
@@ -6798,17 +6835,30 @@
       /* As Selected Tab - Box Shadow */
       stroke: var(--toolbar-color);
     }
+    @supports -moz-bool-pref("userChrome.tab.box_shadow") {
+      :root:is([lwtheme-mozlightdark], [style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"], [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"])
+        #TabsToolbar[brighttext]
+        #tabbrowser-tabs:not([noshadowfortests])
+        .tabbrowser-tab[visuallyselected]
+        .tab-background:-moz-lwtheme {
+        --uc-tab-corner-left-side-svg: var(--uc-tab-corner-left-side-svg-soft);
+        --uc-tab-corner-right-side-svg: var(--uc-tab-corner-right-side-svg-soft);
+      }
+    }
     @media (-moz-gtk-csd-available) {
       :root {
         /* Fill color for GTK */
       }
+      :root:not([lwtheme="true"]) .tabbrowser-tab[visuallyselected] .tab-background {
+        background-clip: content-box;
+        background-color: unset !important;
+      }
       :root:not([lwtheme="true"]) .tabbrowser-tab[visuallyselected] .tab-background::before,
       :root:not([lwtheme="true"]) .tabbrowser-tab[visuallyselected] .tab-background::after {
         /* As GTK Toolbar's background-color + background-image
          * --toolbar-non-lwt-bgcolor: -moz-dialog;
          * --toolbar-non-lwt-bgimage: linear-gradient(rgba(255,255,255,.15), rgba(255,255,255,.15));
          */
-        stroke: transparent;
         fill: rgba(255, 255, 255, 0.075);
       }
       @supports not -moz-bool-pref("userChrome.tab.color_like_toolbar") {
@@ -6817,8 +6867,10 @@
           fill: rgba(255, 255, 255, 0.15);
         }
       }
-      :root:not([lwtheme="true"]) #TabsToolbar[brighttext] .tabbrowser-tab[selected] .tab-background::before,
-      :root:not([lwtheme="true"]) #TabsToolbar[brighttext] .tabbrowser-tab[selected] .tab-background::after {
+      :root:not([lwtheme="true"]) .tabbrowser-tab[multiselected] .tab-background::before,
+      :root:not([lwtheme="true"]) .tabbrowser-tab[multiselected] .tab-background::after,
+      :root:not([lwtheme="true"]) .tabbrowser-tab[visuallyselected] .tab-background::before,
+      :root:not([lwtheme="true"]) .tabbrowser-tab[visuallyselected] .tab-background::after {
         stroke: transparent;
       }
     }
diff --git a/icons/tab-bottom-corner-left-australis-soft.svg b/icons/tab-bottom-corner-left-australis-soft.svg
new file mode 100644
index 0000000..c50ba8b
--- /dev/null
+++ b/icons/tab-bottom-corner-left-australis-soft.svg
@@ -0,0 +1,3 @@
+<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+  <path stroke="context-stroke" stroke-width="0.5" stroke-dasharray="46.5, 100" fill="context-fill" d="M28.5 0C14.55.03 14.046 10.757 13.05 16.442 11.56 24.942 8.125 29.452 0 30h30V0m0 0h-1.5"/>
+</svg>
diff --git a/icons/tab-bottom-corner-left-chrome-soft.svg b/icons/tab-bottom-corner-left-chrome-soft.svg
new file mode 100644
index 0000000..96dcac8
--- /dev/null
+++ b/icons/tab-bottom-corner-left-chrome-soft.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="36" viewBox="0 0 18 36" xmlns="http://www.w3.org/2000/svg">
+  <path stroke="context-stroke" stroke-width="0.5" stroke-dasharray="47 100" fill="context-fill" d="M 18 0 A 9 9 0 0 0 16.71875 0.091796875 A 9 9 0 0 0 15.464844 0.36523438 A 9 9 0 0 0 14.261719 0.8125 A 9 9 0 0 0 13.134766 1.4296875 A 9 9 0 0 0 12.105469 2.1992188 A 9 9 0 0 0 11.199219 3.1054688 A 9 9 0 0 0 10.429688 4.1347656 A 9 9 0 0 0 9.8125 5.2617188 A 9 9 0 0 0 9.3652344 6.4648438 A 9 9 0 0 0 9.0917969 7.71875 A 9 9 0 0 0 9 9 L 9 27 A 9 9 0 0 1 8.9082031 28.28125 A 9 9 0 0 1 8.6347656 29.535156 A 9 9 0 0 1 8.1875 30.738281 A 9 9 0 0 1 7.5703125 31.865234 A 9 9 0 0 1 6.8007812 32.894531 A 9 9 0 0 1 5.8945312 33.800781 A 9 9 0 0 1 4.8652344 34.570312 A 9 9 0 0 1 3.7382812 35.1875 A 9 9 0 0 1 2.5351562 35.634766 A 9 9 0 0 1 1.28125 35.908203 A 9 9 0 0 1 0 36 L 9 36 L 18 36 L 18 9 L 18 0 z"/>
+</svg>
diff --git a/icons/tab-bottom-corner-left-chromeLegacy-soft.svg b/icons/tab-bottom-corner-left-chromeLegacy-soft.svg
new file mode 100644
index 0000000..4c0ca25
--- /dev/null
+++ b/icons/tab-bottom-corner-left-chromeLegacy-soft.svg
@@ -0,0 +1,3 @@
+<svg width="36" height="36" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
+  <path stroke="context-stroke" stroke-width="0.5" stroke-dasharray="59 100" fill="context-fill" d="M 0,36 H 9 L 27,0 h 9 v 36 z"/>
+</svg>
diff --git a/icons/tab-bottom-corner-left-edge-soft.svg b/icons/tab-bottom-corner-left-edge-soft.svg
new file mode 100644
index 0000000..2e14868
--- /dev/null
+++ b/icons/tab-bottom-corner-left-edge-soft.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="32" viewBox="0 0 16 32" xmlns="http://www.w3.org/2000/svg">
+  <path stroke="context-stroke" stroke-width="0.5" stroke-dasharray="37, 100" fill="context-fill" d="M12 0a4 4 0 0 0-3.365 1.838A4 4 0 0 0 8 4v24a4 4 0 0 1-1.38 3.023A4 4 0 0 1 4 32h12V0m0 0h-4"/>
+</svg>
diff --git a/icons/tab-bottom-corner-left-wave-soft.svg b/icons/tab-bottom-corner-left-wave-soft.svg
new file mode 100644
index 0000000..c3de938
--- /dev/null
+++ b/icons/tab-bottom-corner-left-wave-soft.svg
@@ -0,0 +1,3 @@
+<svg width="36" height="36" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
+  <path stroke="context-stroke" stroke-width="0.5" stroke-dasharray="59.75 100" fill="context-fill" d="M 0,36 C 6,36 12.001,36 15.0005,30.0005 18,24.001 18,12.001 21.0005,6.0005 24.001,0 30,0 36,0 c 0,0 0,36 0,36 0,0 -36,0 -36,0 z"/>
+</svg>
diff --git a/icons/tab-bottom-corner-right-australis-soft.svg b/icons/tab-bottom-corner-right-australis-soft.svg
new file mode 100644
index 0000000..8bb5c2f
--- /dev/null
+++ b/icons/tab-bottom-corner-right-australis-soft.svg
@@ -0,0 +1,3 @@
+<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg">
+  <path stroke="context-stroke" stroke-width="0.5" stroke-dasharray="46.5, 100" fill="context-fill" d="M0 0h1.5m0 0c13.95.03 14.454 10.757 15.45 16.442C18.44 24.942 21.875 29.452 30 30H0V0"/>
+</svg>
diff --git a/icons/tab-bottom-corner-right-chrome-soft.svg b/icons/tab-bottom-corner-right-chrome-soft.svg
new file mode 100644
index 0000000..28cb86b
--- /dev/null
+++ b/icons/tab-bottom-corner-right-chrome-soft.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="36" viewBox="0 0 18 36" xmlns="http://www.w3.org/2000/svg">
+  <path stroke="context-stroke" stroke-width="0.5" stroke-dasharray="47 100" fill="context-fill" d="M 3.4620099e-4,0 A -9,9 0 0 1 1.2815962,0.09179687 -9,9 0 0 1 2.5355022,0.36523438 -9,9 0 0 1 3.7386272,0.8125 a -9,9 0 0 1 1.126953,0.6171875 -9,9 0 0 1 1.029297,0.7695313 -9,9 0 0 1 0.90625,0.90625 -9,9 0 0 1 0.769531,1.0292968 -9,9 0 0 1 0.617188,1.1269532 -9,9 0 0 1 0.4472656,1.203125 A -9,9 0 0 1 8.9085493,7.71875 -9,9 0 0 1 9.0003462,9 v 18 a -9,9 0 0 0 0.091797,1.28125 -9,9 0 0 0 0.2734375,1.253906 -9,9 0 0 0 0.4472656,1.203125 -9,9 0 0 0 0.6171878,1.126953 -9,9 0 0 0 0.769531,1.029297 -9,9 0 0 0 0.90625,0.90625 -9,9 0 0 0 1.029297,0.769531 -9,9 0 0 0 1.126953,0.617188 -9,9 0 0 0 1.203125,0.447266 -9,9 0 0 0 1.253906,0.273437 A -9,9 0 0 0 18.000346,36 H 9.0003462 3.4620099e-4 V 9 Z"/>
+</svg>
diff --git a/icons/tab-bottom-corner-right-chromeLegacy-soft.svg b/icons/tab-bottom-corner-right-chromeLegacy-soft.svg
new file mode 100644
index 0000000..65b6e61
--- /dev/null
+++ b/icons/tab-bottom-corner-right-chromeLegacy-soft.svg
@@ -0,0 +1,3 @@
+<svg width="36" height="36" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
+  <path stroke="context-stroke" stroke-width="0.5" stroke-dasharray="59 100" fill="context-fill" d="M 36,36 H 27 L 9,0 H 0 v 36 z"/>
+</svg>
diff --git a/icons/tab-bottom-corner-right-edge-soft.svg b/icons/tab-bottom-corner-right-edge-soft.svg
new file mode 100644
index 0000000..991fe92
--- /dev/null
+++ b/icons/tab-bottom-corner-right-edge-soft.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="32" viewBox="0 0 16 32" xmlns="http://www.w3.org/2000/svg">
+  <path stroke="context-stroke" stroke-width="0.5" stroke-dasharray="37, 100" fill="context-fill" d="M4 0a4 4 0 0 1 3.365 1.838A4 4 0 0 1 8 4v24a4 4 0 0 0 1.838 3.365A4 4 0 0 0 12 32H0V0m0 0h4"/>
+</svg>
diff --git a/icons/tab-bottom-corner-right-wave-soft.svg b/icons/tab-bottom-corner-right-wave-soft.svg
new file mode 100644
index 0000000..0f56bc9
--- /dev/null
+++ b/icons/tab-bottom-corner-right-wave-soft.svg
@@ -0,0 +1,3 @@
+<svg width="36" height="36" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
+  <path stroke="context-stroke" stroke-width="0.5" stroke-dasharray="59.75 100" fill="context-fill" d="M 36,36 C 30,36 23.999,36 20.9995,30.0005 18,24.001 18,12.001 14.9995,6.0005 11.999,0 6,0 0,0 c 0,0 0,36 0,36 0,0 36,0 36,0 z"/>
+</svg>
diff --git a/src/tab/selected_tab/_bottom_rounded_corner_others.scss b/src/tab/selected_tab/_bottom_rounded_corner_others.scss
index edfc2fa..b8c7c19 100644
--- a/src/tab/selected_tab/_bottom_rounded_corner_others.scss
+++ b/src/tab/selected_tab/_bottom_rounded_corner_others.scss
@@ -1,46 +1,57 @@
 #tabbrowser-tabs {
-  --uc-tab-corner-size: calc(var(--tab-min-height) / 2);
   --uc-tab-corner-half-size: calc(var(--uc-tab-corner-size) / 2);
-  --uc-tab-corner-margin: calc(var(--uc-tab-corner-half-size) + 1px);
+  --uc-tab-corner-half-size-reverse: calc(var(--uc-tab-corner-half-size) * -1);
   --uc-tab-corner-height: calc(var(--tab-min-height) - var(--tab-block-margin) + 1px);
 
-  @include Option(
-    "userChrome.tab.bottom_rounded_corner.wave",
-    "userChrome.tab.bottom_rounded_corner.australis",
-    "userChrome.tab.bottom_rounded_corner.chrome_legacy"
-  ) {
-    --uc-tab-corner-size: var(--tab-min-height);
-  }
-
   @include Option("userChrome.tab.bottom_rounded_corner.wave") {
     --uc-tab-corner-left-side-svg: url("../icons/tab-bottom-corner-left-wave.svg");
     --uc-tab-corner-right-side-svg: url("../icons/tab-bottom-corner-right-wave.svg");
+    --uc-tab-corner-left-side-svg-soft: url("../icons/tab-bottom-corner-left-wave-soft.svg");
+    --uc-tab-corner-right-side-svg-soft: url("../icons/tab-bottom-corner-right-wave-soft.svg");
     --uc-tab-corner-left-side-svg-clipped: url("../icons/tab-bottom-corner-left-wave-clipped.svg");
     --uc-tab-corner-right-side-svg-clipped: url("../icons/tab-bottom-corner-right-wave-clipped.svg");
+
+    --uc-tab-corner-size: 30px;
   }
   @include Option("userChrome.tab.bottom_rounded_corner.australis") {
     --uc-tab-corner-left-side-svg: url("../icons/tab-bottom-corner-left-australis.svg");
     --uc-tab-corner-right-side-svg: url("../icons/tab-bottom-corner-right-australis.svg");
+    --uc-tab-corner-left-side-svg-soft: url("../icons/tab-bottom-corner-left-australis-soft.svg");
+    --uc-tab-corner-right-side-svg-soft: url("../icons/tab-bottom-corner-right-australis-soft.svg");
     --uc-tab-corner-left-side-svg-clipped: url("../icons/tab-bottom-corner-left-australis-clipped.svg");
     --uc-tab-corner-right-side-svg-clipped: url("../icons/tab-bottom-corner-right-australis-cilpped.svg");
+
+    --uc-tab-corner-size: 30px;
   }
   @include Option("userChrome.tab.bottom_rounded_corner.chrome") {
     --uc-tab-corner-left-side-svg: url("../icons/tab-bottom-corner-left-chrome.svg");
     --uc-tab-corner-right-side-svg: url("../icons/tab-bottom-corner-right-chrome.svg");
+    --uc-tab-corner-left-side-svg-soft: url("../icons/tab-bottom-corner-left-chrome-soft.svg");
+    --uc-tab-corner-right-side-svg-soft: url("../icons/tab-bottom-corner-right-chrome-soft.svg");
     --uc-tab-corner-left-side-svg-clipped: url("../icons/tab-bottom-corner-left-chrome-clipped.svg");
     --uc-tab-corner-right-side-svg-clipped: url("../icons/tab-bottom-corner-right-chrome-clipped.svg");
+
+    --uc-tab-corner-size: 16px; // 18px;
   }
   @include Option("userChrome.tab.bottom_rounded_corner.chrome_legacy") {
     --uc-tab-corner-left-side-svg: url("../icons/tab-bottom-corner-left-chromeLegacy.svg");
     --uc-tab-corner-right-side-svg: url("../icons/tab-bottom-corner-right-chromeLegacy.svg");
+    --uc-tab-corner-left-side-svg-soft: url("../icons/tab-bottom-corner-left-chromeLegacy-soft.svg");
+    --uc-tab-corner-right-side-svg-soft: url("../icons/tab-bottom-corner-right-chromeLegacy-soft.svg");
     --uc-tab-corner-left-side-svg-clipped: url("../icons/tab-bottom-corner-left-chromeLegacy-clipped.svg");
     --uc-tab-corner-right-side-svg-clipped: url("../icons/tab-bottom-corner-right-chromeLegacy-clipped.svg");
+
+    --uc-tab-corner-size: 35px;
   }
   @include Option("userChrome.tab.bottom_rounded_corner.edge") {
     --uc-tab-corner-left-side-svg: url("../icons/tab-bottom-corner-left-edge.svg");
     --uc-tab-corner-right-side-svg: url("../icons/tab-bottom-corner-right-edge.svg");
+    --uc-tab-corner-left-side-svg-soft: url("../icons/tab-bottom-corner-left-edge-soft.svg");
+    --uc-tab-corner-right-side-svg-soft: url("../icons/tab-bottom-corner-right-edge-soft.svg");
     --uc-tab-corner-left-side-svg-clipped: url("../icons/tab-bottom-corner-left-edge-clipped.svg");
     --uc-tab-corner-right-side-svg-clipped: url("../icons/tab-bottom-corner-right-edge-clipped.svg");
+
+    --uc-tab-corner-size: 16px;
   }
 }
 
@@ -49,8 +60,24 @@
   overflow-clip-margin: var(--uc-tab-corner-half-size) !important;
 
   .tab-background {
-    --tab-border-radius: 0px;
-    margin-inline: var(--uc-tab-corner-half-size) !important;
+   //  --tab-border-radius: 0px;
+    padding-inline: var(--uc-tab-corner-half-size) !important;
+    background-clip: content-box;
+
+    @include Option("userChrome.tab.bottom_rounded_corner.wave") {
+      --tab-border-radius: 12.5px;
+    }
+    @include Option("userChrome.tab.bottom_rounded_corner.australis") {
+      --tab-border-radius: 12.5px;
+    }
+    @include Option("userChrome.tab.bottom_rounded_corner.chrome") {
+      --tab-border-radius: 6px;
+    }
+    @include Option("userChrome.tab.bottom_rounded_corner.chrome_legacy") {
+      --tab-border-radius: 0px;
+    }
+    @include Option("userChrome.tab.bottom_rounded_corner.edge") {
+    }
 
     &::before,
     &::after {
@@ -75,7 +102,7 @@
 
       /* Image */
       // background-size: var(--tab-corner-rounding);
-      background-size: var(--uc-tab-corner-size) var(--uc-tab-corner-height);
+      background-size: cover;
       background-repeat: no-repeat;
       background-position-y: bottom;
 
@@ -95,11 +122,11 @@
     }
 
     &::before {
-      right: calc(100% - var(--uc-tab-corner-margin));
+      left: var(--uc-tab-corner-half-size-reverse);
       background-image: var(--uc-tab-corner-left-side-svg);
     }
     &::after {
-      left: calc(100% - var(--uc-tab-corner-margin));
+      right: var(--uc-tab-corner-half-size-reverse);
       background-image: var(--uc-tab-corner-right-side-svg);
     }
   }
@@ -114,23 +141,27 @@
   }
 
   &[visuallyselected] .tab-background {
+    background-clip: border-box;
+
     &::before,
     &::after {
       @include NotOption("userChrome.tab.bottom_rounded_corner.all") {
         content: "";
       }
-
-      fill: var(--tab-selected-bgcolor, var(--toolbar-bgcolor));
-      stroke: var(
-        --tab-line-color, var(--lwt-tab-line-color,
-          var(--tabs-border-color, rgba(128, 128, 142, 0.9)))
-      );
     }
   }
+  &[visuallyselected] .tab-background,
   &[multiselected] .tab-background {
     &::before,
     &::after {
       fill: var(--tab-selected-bgcolor, var(--toolbar-bgcolor));
+
+      @include Option("userChrome.tab.box_shadow") {
+        stroke: var(
+          --tab-line-color, var(--lwt-tab-line-color,
+            var(--tabs-border-color, rgba(128, 128, 142, 0.9)))
+        );
+      }
     }
   }
   &:hover:not([visuallyselected], [multiselected]) .tab-background {
@@ -148,6 +179,7 @@
     }
   }
 }
+
 :root {
   &:is([lwtheme-mozlightdark], [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"])
     #TabsToolbar[brighttext] #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab[visuallyselected] .tab-background:-moz-lwtheme {
@@ -157,24 +189,37 @@
       stroke: var(--toolbar-color);
     }
   }
+  &:is(
+    [lwtheme-mozlightdark],
+    [style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"],
+    [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"]
+  ) #TabsToolbar[brighttext] #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab[visuallyselected] .tab-background:-moz-lwtheme {
+    @include Option("userChrome.tab.box_shadow") {
+      --uc-tab-corner-left-side-svg: var(--uc-tab-corner-left-side-svg-soft);
+      --uc-tab-corner-right-side-svg: var(--uc-tab-corner-right-side-svg-soft);
+    }
+  }
   @include OS($linux) {
     /* Fill color for GTK */
-    &:not([lwtheme="true"]) {
-      .tabbrowser-tab[visuallyselected] .tab-background {
+    &:not([lwtheme="true"]) .tabbrowser-tab {
+      &[visuallyselected] .tab-background {
+        background-clip: content-box;
+        background-color: unset !important; // --toolbar-non-lwt-bgcolor: -moz-dialog;
+
         &::before,
         &::after {
           /* As GTK Toolbar's background-color + background-image
            * --toolbar-non-lwt-bgcolor: -moz-dialog;
            * --toolbar-non-lwt-bgimage: linear-gradient(rgba(255,255,255,.15), rgba(255,255,255,.15));
            */
-          stroke: transparent;
           fill: rgba(255, 255, 255, .075);
           @include NotOption("userChrome.tab.color_like_toolbar") {
             fill: rgba(255, 255, 255, .15);
           }
         }
       }
-      #TabsToolbar[brighttext] .tabbrowser-tab[selected] .tab-background {
+      &[multiselected] .tab-background,
+      &[visuallyselected] .tab-background {
         &::before,
         &::after {
           stroke: transparent;
diff --git a/src/tab/selected_tab/_box_shadow.scss b/src/tab/selected_tab/_box_shadow.scss
index 8c511ec..d720c57 100644
--- a/src/tab/selected_tab/_box_shadow.scss
+++ b/src/tab/selected_tab/_box_shadow.scss
@@ -10,7 +10,7 @@
       "userChrome.tab.bottom_rounded_corner.chrome",
       "userChrome.tab.bottom_rounded_corner.edge"
     ) {
-      --uc-tab-background-shadow-soft: 0 -1px 0;
+      --uc-tab-background-shadow-soft: 0 -1px 1px -1px;
       --uc-tab-background-shadow-hard: 0 -1px 0;
     }
   }