You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@royale.apache.org by ca...@apache.org on 2020/09/01 12:34:21 UTC

[royale-asjs] branch develop updated: jewel-themes: update all themes with tabbat indicator changes to support vertical

This is an automated email from the ASF dual-hosted git repository.

carlosrovira pushed a commit to branch develop
in repository https://gitbox.apache.org/repos/asf/royale-asjs.git


The following commit(s) were added to refs/heads/develop by this push:
     new 94693e9  jewel-themes: update all themes with tabbat indicator changes to support vertical
94693e9 is described below

commit 94693e9583680ffa992ead9fc4663bb9e25b97aa
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Tue Sep 1 14:34:09 2020 +0200

    jewel-themes: update all themes with tabbat indicator changes to support vertical
---
 .../src/main/resources/defaults.css                          | 12 ++++++++++--
 .../src/main/resources/defaults.css                          | 12 ++++++++++--
 .../src/main/resources/defaults.css                          | 12 ++++++++++--
 .../src/main/resources/defaults.css                          | 12 ++++++++++--
 .../src/main/resources/defaults.css                          | 12 ++++++++++--
 .../src/main/resources/defaults.css                          | 12 ++++++++++--
 .../src/main/resources/defaults.css                          | 12 ++++++++++--
 .../src/main/resources/defaults.css                          | 12 ++++++++++--
 .../src/main/resources/defaults.css                          | 12 ++++++++++--
 .../src/main/resources/defaults.css                          | 12 ++++++++++--
 .../src/main/resources/defaults.css                          | 12 ++++++++++--
 .../src/main/resources/defaults.css                          | 12 ++++++++++--
 .../src/main/resources/defaults.css                          | 12 ++++++++++--
 .../src/main/resources/defaults.css                          | 12 ++++++++++--
 .../src/main/resources/defaults.css                          | 12 ++++++++++--
 .../src/main/resources/defaults.css                          | 12 ++++++++++--
 .../src/main/resources/defaults.css                          | 12 ++++++++++--
 .../src/main/resources/defaults.css                          | 12 ++++++++++--
 .../src/main/resources/defaults.css                          | 12 ++++++++++--
 .../src/main/resources/defaults.css                          | 12 ++++++++++--
 .../src/main/resources/defaults.css                          | 12 ++++++++++--
 .../src/main/resources/defaults.css                          | 12 ++++++++++--
 .../src/main/resources/defaults.css                          | 12 ++++++++++--
 .../src/main/resources/defaults.css                          | 12 ++++++++++--
 .../src/main/resources/defaults.css                          | 12 ++++++++++--
 .../src/main/resources/defaults.css                          | 12 ++++++++++--
 .../src/main/resources/defaults.css                          | 12 ++++++++++--
 .../src/main/resources/defaults.css                          | 12 ++++++++++--
 .../src/main/resources/defaults.css                          | 12 ++++++++++--
 .../src/main/resources/defaults.css                          | 12 ++++++++++--
 .../src/main/resources/defaults.css                          | 12 ++++++++++--
 .../src/main/resources/defaults.css                          | 12 ++++++++++--
 .../src/main/resources/defaults.css                          | 12 ++++++++++--
 .../src/main/resources/defaults.css                          | 12 ++++++++++--
 .../src/main/resources/defaults.css                          | 12 ++++++++++--
 .../src/main/resources/defaults.css                          | 12 ++++++++++--
 36 files changed, 360 insertions(+), 72 deletions(-)

diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Amethyst-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Amethyst-Theme/src/main/resources/defaults.css
index bb9ac92..51ebdd0 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Amethyst-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Amethyst-Theme/src/main/resources/defaults.css
@@ -1194,8 +1194,7 @@ j|TabBar {
   font-weight: 600;
   transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
 }
-.jewel.tabbarbutton .indicator > .indicatorContent {
-  height: 2px;
+.jewel.tabbarbutton .indicator > .indicator-content {
   background-color: #C92CC6;
 }
 .jewel.tabbarbutton.hovered {
@@ -1206,6 +1205,15 @@ j|TabBar {
   background: rgba(201, 44, 198, 0.4);
 }
 
+.jewel.tabbar.layout.horizontal .indicator > .indicator-content {
+  height: 2px;
+}
+.jewel.tabbar.layout.vertical .indicator > .indicator-content {
+  width: 2px;
+  right: 0;
+  position: absolute;
+}
+
 .jewel.simpletable {
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Blue-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Blue-Theme/src/main/resources/defaults.css
index 16d0bab..d0f7036 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Blue-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Blue-Theme/src/main/resources/defaults.css
@@ -1194,8 +1194,7 @@ j|TabBar {
   font-weight: 600;
   transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
 }
-.jewel.tabbarbutton .indicator > .indicatorContent {
-  height: 2px;
+.jewel.tabbarbutton .indicator > .indicator-content {
   background-color: #3CADF1;
 }
 .jewel.tabbarbutton.hovered {
@@ -1206,6 +1205,15 @@ j|TabBar {
   background: rgba(60, 173, 241, 0.4);
 }
 
+.jewel.tabbar.layout.horizontal .indicator > .indicator-content {
+  height: 2px;
+}
+.jewel.tabbar.layout.vertical .indicator > .indicator-content {
+  width: 2px;
+  right: 0;
+  position: absolute;
+}
+
 .jewel.simpletable {
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Emerald-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Emerald-Theme/src/main/resources/defaults.css
index 9c636d1..79c56c6 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Emerald-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Emerald-Theme/src/main/resources/defaults.css
@@ -1194,8 +1194,7 @@ j|TabBar {
   font-weight: 600;
   transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
 }
-.jewel.tabbarbutton .indicator > .indicatorContent {
-  height: 2px;
+.jewel.tabbarbutton .indicator > .indicator-content {
   background-color: #8CC63C;
 }
 .jewel.tabbarbutton.hovered {
@@ -1206,6 +1205,15 @@ j|TabBar {
   background: rgba(140, 198, 60, 0.4);
 }
 
+.jewel.tabbar.layout.horizontal .indicator > .indicator-content {
+  height: 2px;
+}
+.jewel.tabbar.layout.vertical .indicator > .indicator-content {
+  width: 2px;
+  right: 0;
+  position: absolute;
+}
+
 .jewel.simpletable {
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Green-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Green-Theme/src/main/resources/defaults.css
index 546cc8f..5e2dd47 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Green-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Green-Theme/src/main/resources/defaults.css
@@ -1194,8 +1194,7 @@ j|TabBar {
   font-weight: 600;
   transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
 }
-.jewel.tabbarbutton .indicator > .indicatorContent {
-  height: 2px;
+.jewel.tabbarbutton .indicator > .indicator-content {
   background-color: #3AB549;
 }
 .jewel.tabbarbutton.hovered {
@@ -1206,6 +1205,15 @@ j|TabBar {
   background: rgba(58, 181, 73, 0.4);
 }
 
+.jewel.tabbar.layout.horizontal .indicator > .indicator-content {
+  height: 2px;
+}
+.jewel.tabbar.layout.vertical .indicator > .indicator-content {
+  width: 2px;
+  right: 0;
+  position: absolute;
+}
+
 .jewel.simpletable {
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Orange-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Orange-Theme/src/main/resources/defaults.css
index 9f2589f..e4cc5d9 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Orange-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Orange-Theme/src/main/resources/defaults.css
@@ -1194,8 +1194,7 @@ j|TabBar {
   font-weight: 600;
   transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
 }
-.jewel.tabbarbutton .indicator > .indicatorContent {
-  height: 2px;
+.jewel.tabbarbutton .indicator > .indicator-content {
   background-color: #F7941D;
 }
 .jewel.tabbarbutton.hovered {
@@ -1206,6 +1205,15 @@ j|TabBar {
   background: rgba(247, 148, 29, 0.4);
 }
 
+.jewel.tabbar.layout.horizontal .indicator > .indicator-content {
+  height: 2px;
+}
+.jewel.tabbar.layout.vertical .indicator > .indicator-content {
+  width: 2px;
+  right: 0;
+  position: absolute;
+}
+
 .jewel.simpletable {
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Red-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Red-Theme/src/main/resources/defaults.css
index 52fb316..7a46b23 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Red-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Red-Theme/src/main/resources/defaults.css
@@ -1194,8 +1194,7 @@ j|TabBar {
   font-weight: 600;
   transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
 }
-.jewel.tabbarbutton .indicator > .indicatorContent {
-  height: 2px;
+.jewel.tabbarbutton .indicator > .indicator-content {
   background-color: #EC1C24;
 }
 .jewel.tabbarbutton.hovered {
@@ -1206,6 +1205,15 @@ j|TabBar {
   background: rgba(236, 28, 36, 0.4);
 }
 
+.jewel.tabbar.layout.horizontal .indicator > .indicator-content {
+  height: 2px;
+}
+.jewel.tabbar.layout.vertical .indicator > .indicator-content {
+  width: 2px;
+  right: 0;
+  position: absolute;
+}
+
 .jewel.simpletable {
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sapphire-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sapphire-Theme/src/main/resources/defaults.css
index 12a340e..97cdf74 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sapphire-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sapphire-Theme/src/main/resources/defaults.css
@@ -1194,8 +1194,7 @@ j|TabBar {
   font-weight: 600;
   transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
 }
-.jewel.tabbarbutton .indicator > .indicatorContent {
-  height: 2px;
+.jewel.tabbarbutton .indicator > .indicator-content {
   background-color: #2C74BE;
 }
 .jewel.tabbarbutton.hovered {
@@ -1206,6 +1205,15 @@ j|TabBar {
   background: rgba(44, 116, 190, 0.4);
 }
 
+.jewel.tabbar.layout.horizontal .indicator > .indicator-content {
+  height: 2px;
+}
+.jewel.tabbar.layout.vertical .indicator > .indicator-content {
+  width: 2px;
+  right: 0;
+  position: absolute;
+}
+
 .jewel.simpletable {
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sunflower-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sunflower-Theme/src/main/resources/defaults.css
index 9813624..b28aa61 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sunflower-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sunflower-Theme/src/main/resources/defaults.css
@@ -1194,8 +1194,7 @@ j|TabBar {
   font-weight: 600;
   transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
 }
-.jewel.tabbarbutton .indicator > .indicatorContent {
-  height: 2px;
+.jewel.tabbarbutton .indicator > .indicator-content {
   background-color: #F8B13F;
 }
 .jewel.tabbarbutton.hovered {
@@ -1206,6 +1205,15 @@ j|TabBar {
   background: rgba(248, 177, 63, 0.4);
 }
 
+.jewel.tabbar.layout.horizontal .indicator > .indicator-content {
+  height: 2px;
+}
+.jewel.tabbar.layout.vertical .indicator > .indicator-content {
+  width: 2px;
+  right: 0;
+  position: absolute;
+}
+
 .jewel.simpletable {
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Topaz-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Topaz-Theme/src/main/resources/defaults.css
index 38f2eb2..18403c4 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Topaz-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Topaz-Theme/src/main/resources/defaults.css
@@ -1194,8 +1194,7 @@ j|TabBar {
   font-weight: 600;
   transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
 }
-.jewel.tabbarbutton .indicator > .indicatorContent {
-  height: 2px;
+.jewel.tabbarbutton .indicator > .indicator-content {
   background-color: #EF5A2A;
 }
 .jewel.tabbarbutton.hovered {
@@ -1206,6 +1205,15 @@ j|TabBar {
   background: rgba(239, 90, 42, 0.4);
 }
 
+.jewel.tabbar.layout.horizontal .indicator > .indicator-content {
+  height: 2px;
+}
+.jewel.tabbar.layout.vertical .indicator > .indicator-content {
+  width: 2px;
+  right: 0;
+  position: absolute;
+}
+
 .jewel.simpletable {
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Turquoise-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Turquoise-Theme/src/main/resources/defaults.css
index 5819c85..29bc064 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Turquoise-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Turquoise-Theme/src/main/resources/defaults.css
@@ -1194,8 +1194,7 @@ j|TabBar {
   font-weight: 600;
   transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
 }
-.jewel.tabbarbutton .indicator > .indicatorContent {
-  height: 2px;
+.jewel.tabbarbutton .indicator > .indicator-content {
   background-color: #29A89F;
 }
 .jewel.tabbarbutton.hovered {
@@ -1206,6 +1205,15 @@ j|TabBar {
   background: rgba(41, 168, 159, 0.4);
 }
 
+.jewel.tabbar.layout.horizontal .indicator > .indicator-content {
+  height: 2px;
+}
+.jewel.tabbar.layout.vertical .indicator > .indicator-content {
+  width: 2px;
+  right: 0;
+  position: absolute;
+}
+
 .jewel.simpletable {
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Violet-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Violet-Theme/src/main/resources/defaults.css
index b84466a..c332dc5 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Violet-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Violet-Theme/src/main/resources/defaults.css
@@ -1194,8 +1194,7 @@ j|TabBar {
   font-weight: 600;
   transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
 }
-.jewel.tabbarbutton .indicator > .indicatorContent {
-  height: 2px;
+.jewel.tabbarbutton .indicator > .indicator-content {
   background-color: #662C90;
 }
 .jewel.tabbarbutton.hovered {
@@ -1206,6 +1205,15 @@ j|TabBar {
   background: rgba(102, 44, 144, 0.4);
 }
 
+.jewel.tabbar.layout.horizontal .indicator > .indicator-content {
+  height: 2px;
+}
+.jewel.tabbar.layout.vertical .indicator > .indicator-content {
+  width: 2px;
+  right: 0;
+  position: absolute;
+}
+
 .jewel.simpletable {
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Yellow-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Yellow-Theme/src/main/resources/defaults.css
index dcf9a8f..fa12b0b 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Yellow-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Yellow-Theme/src/main/resources/defaults.css
@@ -1194,8 +1194,7 @@ j|TabBar {
   font-weight: 600;
   transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
 }
-.jewel.tabbarbutton .indicator > .indicatorContent {
-  height: 2px;
+.jewel.tabbarbutton .indicator > .indicator-content {
   background-color: #E2D70B;
 }
 .jewel.tabbarbutton.hovered {
@@ -1206,6 +1205,15 @@ j|TabBar {
   background: rgba(226, 215, 11, 0.4);
 }
 
+.jewel.tabbar.layout.horizontal .indicator > .indicator-content {
+  height: 2px;
+}
+.jewel.tabbar.layout.vertical .indicator > .indicator-content {
+  width: 2px;
+  right: 0;
+  position: absolute;
+}
+
 .jewel.simpletable {
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
diff --git a/frameworks/themes/Jewel-Light-Flat-Primary-Amethyst-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Primary-Amethyst-Theme/src/main/resources/defaults.css
index 9ef0480..7c773dc 100644
--- a/frameworks/themes/Jewel-Light-Flat-Primary-Amethyst-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Primary-Amethyst-Theme/src/main/resources/defaults.css
@@ -1190,8 +1190,7 @@ j|TabBar {
   font-weight: 600;
   transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
 }
-.jewel.tabbarbutton .indicator > .indicatorContent {
-  height: 2px;
+.jewel.tabbarbutton .indicator > .indicator-content {
   background-color: #C92CC6;
 }
 .jewel.tabbarbutton.hovered {
@@ -1202,6 +1201,15 @@ j|TabBar {
   background: rgba(201, 44, 198, 0.4);
 }
 
+.jewel.tabbar.layout.horizontal .indicator > .indicator-content {
+  height: 2px;
+}
+.jewel.tabbar.layout.vertical .indicator > .indicator-content {
+  width: 2px;
+  right: 0;
+  position: absolute;
+}
+
 .jewel.simpletable {
   background: white;
   border: 1px solid #d9d9d9;
diff --git a/frameworks/themes/Jewel-Light-Flat-Primary-Blue-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Primary-Blue-Theme/src/main/resources/defaults.css
index c089498..9c9dfba 100644
--- a/frameworks/themes/Jewel-Light-Flat-Primary-Blue-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Primary-Blue-Theme/src/main/resources/defaults.css
@@ -1190,8 +1190,7 @@ j|TabBar {
   font-weight: 600;
   transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
 }
-.jewel.tabbarbutton .indicator > .indicatorContent {
-  height: 2px;
+.jewel.tabbarbutton .indicator > .indicator-content {
   background-color: #3CADF1;
 }
 .jewel.tabbarbutton.hovered {
@@ -1202,6 +1201,15 @@ j|TabBar {
   background: rgba(60, 173, 241, 0.4);
 }
 
+.jewel.tabbar.layout.horizontal .indicator > .indicator-content {
+  height: 2px;
+}
+.jewel.tabbar.layout.vertical .indicator > .indicator-content {
+  width: 2px;
+  right: 0;
+  position: absolute;
+}
+
 .jewel.simpletable {
   background: white;
   border: 1px solid #d9d9d9;
diff --git a/frameworks/themes/Jewel-Light-Flat-Primary-Emerald-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Primary-Emerald-Theme/src/main/resources/defaults.css
index 8d6c6bd..0cb0f21 100644
--- a/frameworks/themes/Jewel-Light-Flat-Primary-Emerald-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Primary-Emerald-Theme/src/main/resources/defaults.css
@@ -1190,8 +1190,7 @@ j|TabBar {
   font-weight: 600;
   transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
 }
-.jewel.tabbarbutton .indicator > .indicatorContent {
-  height: 2px;
+.jewel.tabbarbutton .indicator > .indicator-content {
   background-color: #8CC63C;
 }
 .jewel.tabbarbutton.hovered {
@@ -1202,6 +1201,15 @@ j|TabBar {
   background: rgba(140, 198, 60, 0.4);
 }
 
+.jewel.tabbar.layout.horizontal .indicator > .indicator-content {
+  height: 2px;
+}
+.jewel.tabbar.layout.vertical .indicator > .indicator-content {
+  width: 2px;
+  right: 0;
+  position: absolute;
+}
+
 .jewel.simpletable {
   background: white;
   border: 1px solid #d9d9d9;
diff --git a/frameworks/themes/Jewel-Light-Flat-Primary-Green-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Primary-Green-Theme/src/main/resources/defaults.css
index 8a8a39c..f114362 100644
--- a/frameworks/themes/Jewel-Light-Flat-Primary-Green-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Primary-Green-Theme/src/main/resources/defaults.css
@@ -1190,8 +1190,7 @@ j|TabBar {
   font-weight: 600;
   transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
 }
-.jewel.tabbarbutton .indicator > .indicatorContent {
-  height: 2px;
+.jewel.tabbarbutton .indicator > .indicator-content {
   background-color: #3AB549;
 }
 .jewel.tabbarbutton.hovered {
@@ -1202,6 +1201,15 @@ j|TabBar {
   background: rgba(58, 181, 73, 0.4);
 }
 
+.jewel.tabbar.layout.horizontal .indicator > .indicator-content {
+  height: 2px;
+}
+.jewel.tabbar.layout.vertical .indicator > .indicator-content {
+  width: 2px;
+  right: 0;
+  position: absolute;
+}
+
 .jewel.simpletable {
   background: white;
   border: 1px solid #d9d9d9;
diff --git a/frameworks/themes/Jewel-Light-Flat-Primary-Orange-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Primary-Orange-Theme/src/main/resources/defaults.css
index d426778..5412353 100644
--- a/frameworks/themes/Jewel-Light-Flat-Primary-Orange-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Primary-Orange-Theme/src/main/resources/defaults.css
@@ -1190,8 +1190,7 @@ j|TabBar {
   font-weight: 600;
   transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
 }
-.jewel.tabbarbutton .indicator > .indicatorContent {
-  height: 2px;
+.jewel.tabbarbutton .indicator > .indicator-content {
   background-color: #F7941D;
 }
 .jewel.tabbarbutton.hovered {
@@ -1202,6 +1201,15 @@ j|TabBar {
   background: rgba(247, 148, 29, 0.4);
 }
 
+.jewel.tabbar.layout.horizontal .indicator > .indicator-content {
+  height: 2px;
+}
+.jewel.tabbar.layout.vertical .indicator > .indicator-content {
+  width: 2px;
+  right: 0;
+  position: absolute;
+}
+
 .jewel.simpletable {
   background: white;
   border: 1px solid #d9d9d9;
diff --git a/frameworks/themes/Jewel-Light-Flat-Primary-Red-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Primary-Red-Theme/src/main/resources/defaults.css
index e482474..e435b3f 100644
--- a/frameworks/themes/Jewel-Light-Flat-Primary-Red-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Primary-Red-Theme/src/main/resources/defaults.css
@@ -1190,8 +1190,7 @@ j|TabBar {
   font-weight: 600;
   transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
 }
-.jewel.tabbarbutton .indicator > .indicatorContent {
-  height: 2px;
+.jewel.tabbarbutton .indicator > .indicator-content {
   background-color: #EC1C24;
 }
 .jewel.tabbarbutton.hovered {
@@ -1202,6 +1201,15 @@ j|TabBar {
   background: rgba(236, 28, 36, 0.4);
 }
 
+.jewel.tabbar.layout.horizontal .indicator > .indicator-content {
+  height: 2px;
+}
+.jewel.tabbar.layout.vertical .indicator > .indicator-content {
+  width: 2px;
+  right: 0;
+  position: absolute;
+}
+
 .jewel.simpletable {
   background: white;
   border: 1px solid #d9d9d9;
diff --git a/frameworks/themes/Jewel-Light-Flat-Primary-Sapphire-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Primary-Sapphire-Theme/src/main/resources/defaults.css
index d0214d7..778509b 100644
--- a/frameworks/themes/Jewel-Light-Flat-Primary-Sapphire-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Primary-Sapphire-Theme/src/main/resources/defaults.css
@@ -1190,8 +1190,7 @@ j|TabBar {
   font-weight: 600;
   transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
 }
-.jewel.tabbarbutton .indicator > .indicatorContent {
-  height: 2px;
+.jewel.tabbarbutton .indicator > .indicator-content {
   background-color: #2C74BE;
 }
 .jewel.tabbarbutton.hovered {
@@ -1202,6 +1201,15 @@ j|TabBar {
   background: rgba(44, 116, 190, 0.4);
 }
 
+.jewel.tabbar.layout.horizontal .indicator > .indicator-content {
+  height: 2px;
+}
+.jewel.tabbar.layout.vertical .indicator > .indicator-content {
+  width: 2px;
+  right: 0;
+  position: absolute;
+}
+
 .jewel.simpletable {
   background: white;
   border: 1px solid #d9d9d9;
diff --git a/frameworks/themes/Jewel-Light-Flat-Primary-Sunflower-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Primary-Sunflower-Theme/src/main/resources/defaults.css
index 69c4e8b..9af67dc 100644
--- a/frameworks/themes/Jewel-Light-Flat-Primary-Sunflower-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Primary-Sunflower-Theme/src/main/resources/defaults.css
@@ -1190,8 +1190,7 @@ j|TabBar {
   font-weight: 600;
   transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
 }
-.jewel.tabbarbutton .indicator > .indicatorContent {
-  height: 2px;
+.jewel.tabbarbutton .indicator > .indicator-content {
   background-color: #F8B13F;
 }
 .jewel.tabbarbutton.hovered {
@@ -1202,6 +1201,15 @@ j|TabBar {
   background: rgba(248, 177, 63, 0.4);
 }
 
+.jewel.tabbar.layout.horizontal .indicator > .indicator-content {
+  height: 2px;
+}
+.jewel.tabbar.layout.vertical .indicator > .indicator-content {
+  width: 2px;
+  right: 0;
+  position: absolute;
+}
+
 .jewel.simpletable {
   background: white;
   border: 1px solid #d9d9d9;
diff --git a/frameworks/themes/Jewel-Light-Flat-Primary-Topaz-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Primary-Topaz-Theme/src/main/resources/defaults.css
index 5dc162d..8313643 100644
--- a/frameworks/themes/Jewel-Light-Flat-Primary-Topaz-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Primary-Topaz-Theme/src/main/resources/defaults.css
@@ -1190,8 +1190,7 @@ j|TabBar {
   font-weight: 600;
   transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
 }
-.jewel.tabbarbutton .indicator > .indicatorContent {
-  height: 2px;
+.jewel.tabbarbutton .indicator > .indicator-content {
   background-color: #EF5A2A;
 }
 .jewel.tabbarbutton.hovered {
@@ -1202,6 +1201,15 @@ j|TabBar {
   background: rgba(239, 90, 42, 0.4);
 }
 
+.jewel.tabbar.layout.horizontal .indicator > .indicator-content {
+  height: 2px;
+}
+.jewel.tabbar.layout.vertical .indicator > .indicator-content {
+  width: 2px;
+  right: 0;
+  position: absolute;
+}
+
 .jewel.simpletable {
   background: white;
   border: 1px solid #d9d9d9;
diff --git a/frameworks/themes/Jewel-Light-Flat-Primary-Turquoise-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Primary-Turquoise-Theme/src/main/resources/defaults.css
index 8375219..85e139f 100644
--- a/frameworks/themes/Jewel-Light-Flat-Primary-Turquoise-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Primary-Turquoise-Theme/src/main/resources/defaults.css
@@ -1190,8 +1190,7 @@ j|TabBar {
   font-weight: 600;
   transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
 }
-.jewel.tabbarbutton .indicator > .indicatorContent {
-  height: 2px;
+.jewel.tabbarbutton .indicator > .indicator-content {
   background-color: #29A89F;
 }
 .jewel.tabbarbutton.hovered {
@@ -1202,6 +1201,15 @@ j|TabBar {
   background: rgba(41, 168, 159, 0.4);
 }
 
+.jewel.tabbar.layout.horizontal .indicator > .indicator-content {
+  height: 2px;
+}
+.jewel.tabbar.layout.vertical .indicator > .indicator-content {
+  width: 2px;
+  right: 0;
+  position: absolute;
+}
+
 .jewel.simpletable {
   background: white;
   border: 1px solid #d9d9d9;
diff --git a/frameworks/themes/Jewel-Light-Flat-Primary-Violet-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Primary-Violet-Theme/src/main/resources/defaults.css
index 518999f..bd2c336 100644
--- a/frameworks/themes/Jewel-Light-Flat-Primary-Violet-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Primary-Violet-Theme/src/main/resources/defaults.css
@@ -1190,8 +1190,7 @@ j|TabBar {
   font-weight: 600;
   transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
 }
-.jewel.tabbarbutton .indicator > .indicatorContent {
-  height: 2px;
+.jewel.tabbarbutton .indicator > .indicator-content {
   background-color: #662C90;
 }
 .jewel.tabbarbutton.hovered {
@@ -1202,6 +1201,15 @@ j|TabBar {
   background: rgba(102, 44, 144, 0.4);
 }
 
+.jewel.tabbar.layout.horizontal .indicator > .indicator-content {
+  height: 2px;
+}
+.jewel.tabbar.layout.vertical .indicator > .indicator-content {
+  width: 2px;
+  right: 0;
+  position: absolute;
+}
+
 .jewel.simpletable {
   background: white;
   border: 1px solid #d9d9d9;
diff --git a/frameworks/themes/Jewel-Light-Flat-Primary-Yellow-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Primary-Yellow-Theme/src/main/resources/defaults.css
index f135e73..94117cb 100644
--- a/frameworks/themes/Jewel-Light-Flat-Primary-Yellow-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Primary-Yellow-Theme/src/main/resources/defaults.css
@@ -1190,8 +1190,7 @@ j|TabBar {
   font-weight: 600;
   transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
 }
-.jewel.tabbarbutton .indicator > .indicatorContent {
-  height: 2px;
+.jewel.tabbarbutton .indicator > .indicator-content {
   background-color: #E2D70B;
 }
 .jewel.tabbarbutton.hovered {
@@ -1202,6 +1201,15 @@ j|TabBar {
   background: rgba(226, 215, 11, 0.4);
 }
 
+.jewel.tabbar.layout.horizontal .indicator > .indicator-content {
+  height: 2px;
+}
+.jewel.tabbar.layout.vertical .indicator > .indicator-content {
+  width: 2px;
+  right: 0;
+  position: absolute;
+}
+
 .jewel.simpletable {
   background: white;
   border: 1px solid #d9d9d9;
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Amethyst-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Primary-Amethyst-Theme/src/main/resources/defaults.css
index ba909e5..c0ea445 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Primary-Amethyst-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Amethyst-Theme/src/main/resources/defaults.css
@@ -1194,8 +1194,7 @@ j|TabBar {
   font-weight: 600;
   transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
 }
-.jewel.tabbarbutton .indicator > .indicatorContent {
-  height: 2px;
+.jewel.tabbarbutton .indicator > .indicator-content {
   background-color: #C92CC6;
 }
 .jewel.tabbarbutton.hovered {
@@ -1206,6 +1205,15 @@ j|TabBar {
   background: rgba(201, 44, 198, 0.4);
 }
 
+.jewel.tabbar.layout.horizontal .indicator > .indicator-content {
+  height: 2px;
+}
+.jewel.tabbar.layout.vertical .indicator > .indicator-content {
+  width: 2px;
+  right: 0;
+  position: absolute;
+}
+
 .jewel.simpletable {
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Blue-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Primary-Blue-Theme/src/main/resources/defaults.css
index 1748b74..928a764 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Primary-Blue-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Blue-Theme/src/main/resources/defaults.css
@@ -1194,8 +1194,7 @@ j|TabBar {
   font-weight: 600;
   transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
 }
-.jewel.tabbarbutton .indicator > .indicatorContent {
-  height: 2px;
+.jewel.tabbarbutton .indicator > .indicator-content {
   background-color: #3CADF1;
 }
 .jewel.tabbarbutton.hovered {
@@ -1206,6 +1205,15 @@ j|TabBar {
   background: rgba(60, 173, 241, 0.4);
 }
 
+.jewel.tabbar.layout.horizontal .indicator > .indicator-content {
+  height: 2px;
+}
+.jewel.tabbar.layout.vertical .indicator > .indicator-content {
+  width: 2px;
+  right: 0;
+  position: absolute;
+}
+
 .jewel.simpletable {
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/src/main/resources/defaults.css
index 9ccc84b..735ef2b 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/src/main/resources/defaults.css
@@ -1194,8 +1194,7 @@ j|TabBar {
   font-weight: 600;
   transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
 }
-.jewel.tabbarbutton .indicator > .indicatorContent {
-  height: 2px;
+.jewel.tabbarbutton .indicator > .indicator-content {
   background-color: #8CC63C;
 }
 .jewel.tabbarbutton.hovered {
@@ -1206,6 +1205,15 @@ j|TabBar {
   background: rgba(140, 198, 60, 0.4);
 }
 
+.jewel.tabbar.layout.horizontal .indicator > .indicator-content {
+  height: 2px;
+}
+.jewel.tabbar.layout.vertical .indicator > .indicator-content {
+  width: 2px;
+  right: 0;
+  position: absolute;
+}
+
 .jewel.simpletable {
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Green-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Primary-Green-Theme/src/main/resources/defaults.css
index 40f869d..a7f9341 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Primary-Green-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Green-Theme/src/main/resources/defaults.css
@@ -1194,8 +1194,7 @@ j|TabBar {
   font-weight: 600;
   transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
 }
-.jewel.tabbarbutton .indicator > .indicatorContent {
-  height: 2px;
+.jewel.tabbarbutton .indicator > .indicator-content {
   background-color: #3AB549;
 }
 .jewel.tabbarbutton.hovered {
@@ -1206,6 +1205,15 @@ j|TabBar {
   background: rgba(58, 181, 73, 0.4);
 }
 
+.jewel.tabbar.layout.horizontal .indicator > .indicator-content {
+  height: 2px;
+}
+.jewel.tabbar.layout.vertical .indicator > .indicator-content {
+  width: 2px;
+  right: 0;
+  position: absolute;
+}
+
 .jewel.simpletable {
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Orange-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Primary-Orange-Theme/src/main/resources/defaults.css
index 825110c..9974599 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Primary-Orange-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Orange-Theme/src/main/resources/defaults.css
@@ -1194,8 +1194,7 @@ j|TabBar {
   font-weight: 600;
   transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
 }
-.jewel.tabbarbutton .indicator > .indicatorContent {
-  height: 2px;
+.jewel.tabbarbutton .indicator > .indicator-content {
   background-color: #F7941D;
 }
 .jewel.tabbarbutton.hovered {
@@ -1206,6 +1205,15 @@ j|TabBar {
   background: rgba(247, 148, 29, 0.4);
 }
 
+.jewel.tabbar.layout.horizontal .indicator > .indicator-content {
+  height: 2px;
+}
+.jewel.tabbar.layout.vertical .indicator > .indicator-content {
+  width: 2px;
+  right: 0;
+  position: absolute;
+}
+
 .jewel.simpletable {
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Red-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Primary-Red-Theme/src/main/resources/defaults.css
index a8525a3..415d120 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Primary-Red-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Red-Theme/src/main/resources/defaults.css
@@ -1194,8 +1194,7 @@ j|TabBar {
   font-weight: 600;
   transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
 }
-.jewel.tabbarbutton .indicator > .indicatorContent {
-  height: 2px;
+.jewel.tabbarbutton .indicator > .indicator-content {
   background-color: #EC1C24;
 }
 .jewel.tabbarbutton.hovered {
@@ -1206,6 +1205,15 @@ j|TabBar {
   background: rgba(236, 28, 36, 0.4);
 }
 
+.jewel.tabbar.layout.horizontal .indicator > .indicator-content {
+  height: 2px;
+}
+.jewel.tabbar.layout.vertical .indicator > .indicator-content {
+  width: 2px;
+  right: 0;
+  position: absolute;
+}
+
 .jewel.simpletable {
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Sapphire-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Primary-Sapphire-Theme/src/main/resources/defaults.css
index 8485375..3435a1e 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Primary-Sapphire-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Sapphire-Theme/src/main/resources/defaults.css
@@ -1194,8 +1194,7 @@ j|TabBar {
   font-weight: 600;
   transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
 }
-.jewel.tabbarbutton .indicator > .indicatorContent {
-  height: 2px;
+.jewel.tabbarbutton .indicator > .indicator-content {
   background-color: #2C74BE;
 }
 .jewel.tabbarbutton.hovered {
@@ -1206,6 +1205,15 @@ j|TabBar {
   background: rgba(44, 116, 190, 0.4);
 }
 
+.jewel.tabbar.layout.horizontal .indicator > .indicator-content {
+  height: 2px;
+}
+.jewel.tabbar.layout.vertical .indicator > .indicator-content {
+  width: 2px;
+  right: 0;
+  position: absolute;
+}
+
 .jewel.simpletable {
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Sunflower-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Primary-Sunflower-Theme/src/main/resources/defaults.css
index 3156445..60c1465 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Primary-Sunflower-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Sunflower-Theme/src/main/resources/defaults.css
@@ -1194,8 +1194,7 @@ j|TabBar {
   font-weight: 600;
   transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
 }
-.jewel.tabbarbutton .indicator > .indicatorContent {
-  height: 2px;
+.jewel.tabbarbutton .indicator > .indicator-content {
   background-color: #F8B13F;
 }
 .jewel.tabbarbutton.hovered {
@@ -1206,6 +1205,15 @@ j|TabBar {
   background: rgba(248, 177, 63, 0.4);
 }
 
+.jewel.tabbar.layout.horizontal .indicator > .indicator-content {
+  height: 2px;
+}
+.jewel.tabbar.layout.vertical .indicator > .indicator-content {
+  width: 2px;
+  right: 0;
+  position: absolute;
+}
+
 .jewel.simpletable {
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Topaz-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Primary-Topaz-Theme/src/main/resources/defaults.css
index 4d39250..10085d1 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Primary-Topaz-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Topaz-Theme/src/main/resources/defaults.css
@@ -1194,8 +1194,7 @@ j|TabBar {
   font-weight: 600;
   transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
 }
-.jewel.tabbarbutton .indicator > .indicatorContent {
-  height: 2px;
+.jewel.tabbarbutton .indicator > .indicator-content {
   background-color: #EF5A2A;
 }
 .jewel.tabbarbutton.hovered {
@@ -1206,6 +1205,15 @@ j|TabBar {
   background: rgba(239, 90, 42, 0.4);
 }
 
+.jewel.tabbar.layout.horizontal .indicator > .indicator-content {
+  height: 2px;
+}
+.jewel.tabbar.layout.vertical .indicator > .indicator-content {
+  width: 2px;
+  right: 0;
+  position: absolute;
+}
+
 .jewel.simpletable {
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Turquoise-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Primary-Turquoise-Theme/src/main/resources/defaults.css
index b26e165..213f3d5 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Primary-Turquoise-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Turquoise-Theme/src/main/resources/defaults.css
@@ -1194,8 +1194,7 @@ j|TabBar {
   font-weight: 600;
   transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
 }
-.jewel.tabbarbutton .indicator > .indicatorContent {
-  height: 2px;
+.jewel.tabbarbutton .indicator > .indicator-content {
   background-color: #29A89F;
 }
 .jewel.tabbarbutton.hovered {
@@ -1206,6 +1205,15 @@ j|TabBar {
   background: rgba(41, 168, 159, 0.4);
 }
 
+.jewel.tabbar.layout.horizontal .indicator > .indicator-content {
+  height: 2px;
+}
+.jewel.tabbar.layout.vertical .indicator > .indicator-content {
+  width: 2px;
+  right: 0;
+  position: absolute;
+}
+
 .jewel.simpletable {
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Violet-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Primary-Violet-Theme/src/main/resources/defaults.css
index d1e2efb..b6c32fd 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Primary-Violet-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Violet-Theme/src/main/resources/defaults.css
@@ -1194,8 +1194,7 @@ j|TabBar {
   font-weight: 600;
   transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
 }
-.jewel.tabbarbutton .indicator > .indicatorContent {
-  height: 2px;
+.jewel.tabbarbutton .indicator > .indicator-content {
   background-color: #662C90;
 }
 .jewel.tabbarbutton.hovered {
@@ -1206,6 +1205,15 @@ j|TabBar {
   background: rgba(102, 44, 144, 0.4);
 }
 
+.jewel.tabbar.layout.horizontal .indicator > .indicator-content {
+  height: 2px;
+}
+.jewel.tabbar.layout.vertical .indicator > .indicator-content {
+  width: 2px;
+  right: 0;
+  position: absolute;
+}
+
 .jewel.simpletable {
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Yellow-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Primary-Yellow-Theme/src/main/resources/defaults.css
index 89cf3ac..ff164e6 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Primary-Yellow-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Yellow-Theme/src/main/resources/defaults.css
@@ -1194,8 +1194,7 @@ j|TabBar {
   font-weight: 600;
   transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
 }
-.jewel.tabbarbutton .indicator > .indicatorContent {
-  height: 2px;
+.jewel.tabbarbutton .indicator > .indicator-content {
   background-color: #E2D70B;
 }
 .jewel.tabbarbutton.hovered {
@@ -1206,6 +1205,15 @@ j|TabBar {
   background: rgba(226, 215, 11, 0.4);
 }
 
+.jewel.tabbar.layout.horizontal .indicator > .indicator-content {
+  height: 2px;
+}
+.jewel.tabbar.layout.vertical .indicator > .indicator-content {
+  width: 2px;
+  right: 0;
+  position: absolute;
+}
+
 .jewel.simpletable {
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;