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/05/16 15:03:26 UTC

[royale-asjs] branch develop updated: jewel-themes: update styles for "no-submenu" and add color to jewel list to avoid side effects in nested lists

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 3e2c902  jewel-themes: update styles for "no-submenu" and add color to jewel list to avoid side effects in nested lists
3e2c902 is described below

commit 3e2c9022286b636dc0bcb56fdbbda3ecd9076066
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Sat May 16 17:03:20 2020 +0200

    jewel-themes: update styles for "no-submenu" and add color to jewel list to avoid side effects in nested lists
---
 .../src/main/resources/defaults.css                                  | 5 +++++
 .../src/main/resources/defaults.css                                  | 5 +++++
 .../src/main/resources/defaults.css                                  | 5 +++++
 .../src/main/resources/defaults.css                                  | 5 +++++
 .../src/main/resources/defaults.css                                  | 5 +++++
 .../src/main/resources/defaults.css                                  | 5 +++++
 .../src/main/resources/defaults.css                                  | 5 +++++
 .../src/main/resources/defaults.css                                  | 5 +++++
 .../src/main/resources/defaults.css                                  | 5 +++++
 .../src/main/resources/defaults.css                                  | 5 +++++
 .../src/main/resources/defaults.css                                  | 5 +++++
 .../src/main/resources/defaults.css                                  | 5 +++++
 .../src/main/resources/defaults.css                                  | 5 +++++
 .../src/main/resources/defaults.css                                  | 5 +++++
 .../src/main/resources/defaults.css                                  | 5 +++++
 .../src/main/resources/defaults.css                                  | 5 +++++
 .../src/main/resources/defaults.css                                  | 5 +++++
 .../src/main/resources/defaults.css                                  | 5 +++++
 .../src/main/resources/defaults.css                                  | 5 +++++
 .../src/main/resources/defaults.css                                  | 5 +++++
 .../src/main/resources/defaults.css                                  | 5 +++++
 .../src/main/resources/defaults.css                                  | 5 +++++
 .../src/main/resources/defaults.css                                  | 5 +++++
 .../src/main/resources/defaults.css                                  | 5 +++++
 .../src/main/resources/defaults.css                                  | 5 +++++
 .../src/main/resources/defaults.css                                  | 5 +++++
 .../src/main/resources/defaults.css                                  | 5 +++++
 .../src/main/resources/defaults.css                                  | 5 +++++
 .../src/main/resources/defaults.css                                  | 5 +++++
 .../src/main/resources/defaults.css                                  | 5 +++++
 .../src/main/resources/defaults.css                                  | 5 +++++
 .../src/main/resources/defaults.css                                  | 5 +++++
 .../src/main/resources/defaults.css                                  | 5 +++++
 .../src/main/resources/defaults.css                                  | 5 +++++
 .../src/main/resources/defaults.css                                  | 5 +++++
 .../src/main/resources/defaults.css                                  | 5 +++++
 frameworks/themes/JewelTheme/src/main/resources/defaults.css         | 1 +
 .../themes/JewelTheme/src/main/sass/components-primary/_list.sass    | 1 +
 38 files changed, 182 insertions(+)

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 9e78483..9516040 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
@@ -845,6 +845,7 @@ j|FormItem {
 }
 
 .jewel.list {
+  color: #FFFFFF;
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
   box-shadow: inset 0 1px 0 #8c8c8c;
@@ -887,6 +888,10 @@ j|FormItem {
   margin-left: auto;
 }
 
+.jewel.navigationgroup.no-submenu.hovered {
+  background: #737373 !important;
+}
+
 .navigation-section-group {
   transition: height 0.5s;
   overflow: hidden !important;
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 7973ddf..601004e 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
@@ -845,6 +845,7 @@ j|FormItem {
 }
 
 .jewel.list {
+  color: #FFFFFF;
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
   box-shadow: inset 0 1px 0 #8c8c8c;
@@ -887,6 +888,10 @@ j|FormItem {
   margin-left: auto;
 }
 
+.jewel.navigationgroup.no-submenu.hovered {
+  background: #737373 !important;
+}
+
 .navigation-section-group {
   transition: height 0.5s;
   overflow: hidden !important;
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 e6e024b..31a8862 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
@@ -845,6 +845,7 @@ j|FormItem {
 }
 
 .jewel.list {
+  color: #FFFFFF;
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
   box-shadow: inset 0 1px 0 #8c8c8c;
@@ -887,6 +888,10 @@ j|FormItem {
   margin-left: auto;
 }
 
+.jewel.navigationgroup.no-submenu.hovered {
+  background: #737373 !important;
+}
+
 .navigation-section-group {
   transition: height 0.5s;
   overflow: hidden !important;
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 233a56f..af9e6a9 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
@@ -845,6 +845,7 @@ j|FormItem {
 }
 
 .jewel.list {
+  color: #FFFFFF;
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
   box-shadow: inset 0 1px 0 #8c8c8c;
@@ -887,6 +888,10 @@ j|FormItem {
   margin-left: auto;
 }
 
+.jewel.navigationgroup.no-submenu.hovered {
+  background: #737373 !important;
+}
+
 .navigation-section-group {
   transition: height 0.5s;
   overflow: hidden !important;
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 bc2837f..7594fab 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
@@ -845,6 +845,7 @@ j|FormItem {
 }
 
 .jewel.list {
+  color: #FFFFFF;
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
   box-shadow: inset 0 1px 0 #8c8c8c;
@@ -887,6 +888,10 @@ j|FormItem {
   margin-left: auto;
 }
 
+.jewel.navigationgroup.no-submenu.hovered {
+  background: #737373 !important;
+}
+
 .navigation-section-group {
   transition: height 0.5s;
   overflow: hidden !important;
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 5c6c249..0d6f426 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
@@ -845,6 +845,7 @@ j|FormItem {
 }
 
 .jewel.list {
+  color: #FFFFFF;
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
   box-shadow: inset 0 1px 0 #8c8c8c;
@@ -887,6 +888,10 @@ j|FormItem {
   margin-left: auto;
 }
 
+.jewel.navigationgroup.no-submenu.hovered {
+  background: #737373 !important;
+}
+
 .navigation-section-group {
   transition: height 0.5s;
   overflow: hidden !important;
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 4e855c7..031ca71 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
@@ -845,6 +845,7 @@ j|FormItem {
 }
 
 .jewel.list {
+  color: #FFFFFF;
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
   box-shadow: inset 0 1px 0 #8c8c8c;
@@ -887,6 +888,10 @@ j|FormItem {
   margin-left: auto;
 }
 
+.jewel.navigationgroup.no-submenu.hovered {
+  background: #737373 !important;
+}
+
 .navigation-section-group {
   transition: height 0.5s;
   overflow: hidden !important;
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 ffb1bea..1f30a8a 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
@@ -845,6 +845,7 @@ j|FormItem {
 }
 
 .jewel.list {
+  color: #FFFFFF;
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
   box-shadow: inset 0 1px 0 #8c8c8c;
@@ -887,6 +888,10 @@ j|FormItem {
   margin-left: auto;
 }
 
+.jewel.navigationgroup.no-submenu.hovered {
+  background: #737373 !important;
+}
+
 .navigation-section-group {
   transition: height 0.5s;
   overflow: hidden !important;
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 f042f94..2113123 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
@@ -845,6 +845,7 @@ j|FormItem {
 }
 
 .jewel.list {
+  color: #FFFFFF;
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
   box-shadow: inset 0 1px 0 #8c8c8c;
@@ -887,6 +888,10 @@ j|FormItem {
   margin-left: auto;
 }
 
+.jewel.navigationgroup.no-submenu.hovered {
+  background: #737373 !important;
+}
+
 .navigation-section-group {
   transition: height 0.5s;
   overflow: hidden !important;
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 0f38616..8150915 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
@@ -845,6 +845,7 @@ j|FormItem {
 }
 
 .jewel.list {
+  color: #FFFFFF;
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
   box-shadow: inset 0 1px 0 #8c8c8c;
@@ -887,6 +888,10 @@ j|FormItem {
   margin-left: auto;
 }
 
+.jewel.navigationgroup.no-submenu.hovered {
+  background: #737373 !important;
+}
+
 .navigation-section-group {
   transition: height 0.5s;
   overflow: hidden !important;
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 01fa538..65cc193 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
@@ -845,6 +845,7 @@ j|FormItem {
 }
 
 .jewel.list {
+  color: #FFFFFF;
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
   box-shadow: inset 0 1px 0 #8c8c8c;
@@ -887,6 +888,10 @@ j|FormItem {
   margin-left: auto;
 }
 
+.jewel.navigationgroup.no-submenu.hovered {
+  background: #737373 !important;
+}
+
 .navigation-section-group {
   transition: height 0.5s;
   overflow: hidden !important;
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 f2af311..0254558 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
@@ -845,6 +845,7 @@ j|FormItem {
 }
 
 .jewel.list {
+  color: #FFFFFF;
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
   box-shadow: inset 0 1px 0 #8c8c8c;
@@ -887,6 +888,10 @@ j|FormItem {
   margin-left: auto;
 }
 
+.jewel.navigationgroup.no-submenu.hovered {
+  background: #737373 !important;
+}
+
 .navigation-section-group {
   transition: height 0.5s;
   overflow: hidden !important;
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 4cdfc2c..e286c7d 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
@@ -844,6 +844,7 @@ j|FormItem {
 }
 
 .jewel.list {
+  color: #808080;
   background: white;
   border: 1px solid #d9d9d9;
   box-shadow: none;
@@ -886,6 +887,10 @@ j|FormItem {
   margin-left: auto;
 }
 
+.jewel.navigationgroup.no-submenu.hovered {
+  background: #f3f3f3 !important;
+}
+
 .navigation-section-group {
   transition: height 0.5s;
   overflow: hidden !important;
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 78bfe8c..44a0525 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
@@ -844,6 +844,7 @@ j|FormItem {
 }
 
 .jewel.list {
+  color: #808080;
   background: white;
   border: 1px solid #d9d9d9;
   box-shadow: none;
@@ -886,6 +887,10 @@ j|FormItem {
   margin-left: auto;
 }
 
+.jewel.navigationgroup.no-submenu.hovered {
+  background: #f3f3f3 !important;
+}
+
 .navigation-section-group {
   transition: height 0.5s;
   overflow: hidden !important;
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 c2f4e28..fba7006 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
@@ -844,6 +844,7 @@ j|FormItem {
 }
 
 .jewel.list {
+  color: #808080;
   background: white;
   border: 1px solid #d9d9d9;
   box-shadow: none;
@@ -886,6 +887,10 @@ j|FormItem {
   margin-left: auto;
 }
 
+.jewel.navigationgroup.no-submenu.hovered {
+  background: #f3f3f3 !important;
+}
+
 .navigation-section-group {
   transition: height 0.5s;
   overflow: hidden !important;
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 153786d..f9a9536 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
@@ -844,6 +844,7 @@ j|FormItem {
 }
 
 .jewel.list {
+  color: #808080;
   background: white;
   border: 1px solid #d9d9d9;
   box-shadow: none;
@@ -886,6 +887,10 @@ j|FormItem {
   margin-left: auto;
 }
 
+.jewel.navigationgroup.no-submenu.hovered {
+  background: #f3f3f3 !important;
+}
+
 .navigation-section-group {
   transition: height 0.5s;
   overflow: hidden !important;
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 67d94d3..37c2810 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
@@ -844,6 +844,7 @@ j|FormItem {
 }
 
 .jewel.list {
+  color: #808080;
   background: white;
   border: 1px solid #d9d9d9;
   box-shadow: none;
@@ -886,6 +887,10 @@ j|FormItem {
   margin-left: auto;
 }
 
+.jewel.navigationgroup.no-submenu.hovered {
+  background: #f3f3f3 !important;
+}
+
 .navigation-section-group {
   transition: height 0.5s;
   overflow: hidden !important;
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 c6af1ac..c772995 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
@@ -844,6 +844,7 @@ j|FormItem {
 }
 
 .jewel.list {
+  color: #808080;
   background: white;
   border: 1px solid #d9d9d9;
   box-shadow: none;
@@ -886,6 +887,10 @@ j|FormItem {
   margin-left: auto;
 }
 
+.jewel.navigationgroup.no-submenu.hovered {
+  background: #f3f3f3 !important;
+}
+
 .navigation-section-group {
   transition: height 0.5s;
   overflow: hidden !important;
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 ce0e5a2..ee84272 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
@@ -844,6 +844,7 @@ j|FormItem {
 }
 
 .jewel.list {
+  color: #808080;
   background: white;
   border: 1px solid #d9d9d9;
   box-shadow: none;
@@ -886,6 +887,10 @@ j|FormItem {
   margin-left: auto;
 }
 
+.jewel.navigationgroup.no-submenu.hovered {
+  background: #f3f3f3 !important;
+}
+
 .navigation-section-group {
   transition: height 0.5s;
   overflow: hidden !important;
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 337fc15..455c14f 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
@@ -844,6 +844,7 @@ j|FormItem {
 }
 
 .jewel.list {
+  color: #808080;
   background: white;
   border: 1px solid #d9d9d9;
   box-shadow: none;
@@ -886,6 +887,10 @@ j|FormItem {
   margin-left: auto;
 }
 
+.jewel.navigationgroup.no-submenu.hovered {
+  background: #f3f3f3 !important;
+}
+
 .navigation-section-group {
   transition: height 0.5s;
   overflow: hidden !important;
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 fcf68ff..6f5681f 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
@@ -844,6 +844,7 @@ j|FormItem {
 }
 
 .jewel.list {
+  color: #808080;
   background: white;
   border: 1px solid #d9d9d9;
   box-shadow: none;
@@ -886,6 +887,10 @@ j|FormItem {
   margin-left: auto;
 }
 
+.jewel.navigationgroup.no-submenu.hovered {
+  background: #f3f3f3 !important;
+}
+
 .navigation-section-group {
   transition: height 0.5s;
   overflow: hidden !important;
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 59d8f80..f3e6372 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
@@ -844,6 +844,7 @@ j|FormItem {
 }
 
 .jewel.list {
+  color: #808080;
   background: white;
   border: 1px solid #d9d9d9;
   box-shadow: none;
@@ -886,6 +887,10 @@ j|FormItem {
   margin-left: auto;
 }
 
+.jewel.navigationgroup.no-submenu.hovered {
+  background: #f3f3f3 !important;
+}
+
 .navigation-section-group {
   transition: height 0.5s;
   overflow: hidden !important;
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 6840ef5..a18a05d 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
@@ -844,6 +844,7 @@ j|FormItem {
 }
 
 .jewel.list {
+  color: #808080;
   background: white;
   border: 1px solid #d9d9d9;
   box-shadow: none;
@@ -886,6 +887,10 @@ j|FormItem {
   margin-left: auto;
 }
 
+.jewel.navigationgroup.no-submenu.hovered {
+  background: #f3f3f3 !important;
+}
+
 .navigation-section-group {
   transition: height 0.5s;
   overflow: hidden !important;
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 30d7ae5..623c2b1 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
@@ -844,6 +844,7 @@ j|FormItem {
 }
 
 .jewel.list {
+  color: #808080;
   background: white;
   border: 1px solid #d9d9d9;
   box-shadow: none;
@@ -886,6 +887,10 @@ j|FormItem {
   margin-left: auto;
 }
 
+.jewel.navigationgroup.no-submenu.hovered {
+  background: #f3f3f3 !important;
+}
+
 .navigation-section-group {
   transition: height 0.5s;
   overflow: hidden !important;
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 8a34907..1041067 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
@@ -845,6 +845,7 @@ j|FormItem {
 }
 
 .jewel.list {
+  color: #808080;
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
   box-shadow: inset 0 1px 0 white;
@@ -887,6 +888,10 @@ j|FormItem {
   margin-left: auto;
 }
 
+.jewel.navigationgroup.no-submenu.hovered {
+  background: #f3f3f3 !important;
+}
+
 .navigation-section-group {
   transition: height 0.5s;
   overflow: hidden !important;
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 789d275..c6bcb39 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
@@ -845,6 +845,7 @@ j|FormItem {
 }
 
 .jewel.list {
+  color: #808080;
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
   box-shadow: inset 0 1px 0 white;
@@ -887,6 +888,10 @@ j|FormItem {
   margin-left: auto;
 }
 
+.jewel.navigationgroup.no-submenu.hovered {
+  background: #f3f3f3 !important;
+}
+
 .navigation-section-group {
   transition: height 0.5s;
   overflow: hidden !important;
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 55168e9..086f7b5 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
@@ -845,6 +845,7 @@ j|FormItem {
 }
 
 .jewel.list {
+  color: #808080;
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
   box-shadow: inset 0 1px 0 white;
@@ -887,6 +888,10 @@ j|FormItem {
   margin-left: auto;
 }
 
+.jewel.navigationgroup.no-submenu.hovered {
+  background: #f3f3f3 !important;
+}
+
 .navigation-section-group {
   transition: height 0.5s;
   overflow: hidden !important;
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 7381e9f..c5ac8e2 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
@@ -845,6 +845,7 @@ j|FormItem {
 }
 
 .jewel.list {
+  color: #808080;
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
   box-shadow: inset 0 1px 0 white;
@@ -887,6 +888,10 @@ j|FormItem {
   margin-left: auto;
 }
 
+.jewel.navigationgroup.no-submenu.hovered {
+  background: #f3f3f3 !important;
+}
+
 .navigation-section-group {
   transition: height 0.5s;
   overflow: hidden !important;
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 c9524f8..f567000 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
@@ -845,6 +845,7 @@ j|FormItem {
 }
 
 .jewel.list {
+  color: #808080;
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
   box-shadow: inset 0 1px 0 white;
@@ -887,6 +888,10 @@ j|FormItem {
   margin-left: auto;
 }
 
+.jewel.navigationgroup.no-submenu.hovered {
+  background: #f3f3f3 !important;
+}
+
 .navigation-section-group {
   transition: height 0.5s;
   overflow: hidden !important;
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 1c8d842..03e7b59 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
@@ -845,6 +845,7 @@ j|FormItem {
 }
 
 .jewel.list {
+  color: #808080;
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
   box-shadow: inset 0 1px 0 white;
@@ -887,6 +888,10 @@ j|FormItem {
   margin-left: auto;
 }
 
+.jewel.navigationgroup.no-submenu.hovered {
+  background: #f3f3f3 !important;
+}
+
 .navigation-section-group {
   transition: height 0.5s;
   overflow: hidden !important;
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 2fdb542..d955e01 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
@@ -845,6 +845,7 @@ j|FormItem {
 }
 
 .jewel.list {
+  color: #808080;
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
   box-shadow: inset 0 1px 0 white;
@@ -887,6 +888,10 @@ j|FormItem {
   margin-left: auto;
 }
 
+.jewel.navigationgroup.no-submenu.hovered {
+  background: #f3f3f3 !important;
+}
+
 .navigation-section-group {
   transition: height 0.5s;
   overflow: hidden !important;
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 fb8daca..ca7419e 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
@@ -845,6 +845,7 @@ j|FormItem {
 }
 
 .jewel.list {
+  color: #808080;
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
   box-shadow: inset 0 1px 0 white;
@@ -887,6 +888,10 @@ j|FormItem {
   margin-left: auto;
 }
 
+.jewel.navigationgroup.no-submenu.hovered {
+  background: #f3f3f3 !important;
+}
+
 .navigation-section-group {
   transition: height 0.5s;
   overflow: hidden !important;
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 b6ab60b..bedee35 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
@@ -845,6 +845,7 @@ j|FormItem {
 }
 
 .jewel.list {
+  color: #808080;
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
   box-shadow: inset 0 1px 0 white;
@@ -887,6 +888,10 @@ j|FormItem {
   margin-left: auto;
 }
 
+.jewel.navigationgroup.no-submenu.hovered {
+  background: #f3f3f3 !important;
+}
+
 .navigation-section-group {
   transition: height 0.5s;
   overflow: hidden !important;
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 f4e251d..cdceb7b 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
@@ -845,6 +845,7 @@ j|FormItem {
 }
 
 .jewel.list {
+  color: #808080;
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
   box-shadow: inset 0 1px 0 white;
@@ -887,6 +888,10 @@ j|FormItem {
   margin-left: auto;
 }
 
+.jewel.navigationgroup.no-submenu.hovered {
+  background: #f3f3f3 !important;
+}
+
 .navigation-section-group {
   transition: height 0.5s;
   overflow: hidden !important;
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 81a6113..7b94df4 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
@@ -845,6 +845,7 @@ j|FormItem {
 }
 
 .jewel.list {
+  color: #808080;
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
   box-shadow: inset 0 1px 0 white;
@@ -887,6 +888,10 @@ j|FormItem {
   margin-left: auto;
 }
 
+.jewel.navigationgroup.no-submenu.hovered {
+  background: #f3f3f3 !important;
+}
+
 .navigation-section-group {
   transition: height 0.5s;
   overflow: hidden !important;
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 0298d67..b240d37 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
@@ -845,6 +845,7 @@ j|FormItem {
 }
 
 .jewel.list {
+  color: #808080;
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
   box-shadow: inset 0 1px 0 white;
@@ -887,6 +888,10 @@ j|FormItem {
   margin-left: auto;
 }
 
+.jewel.navigationgroup.no-submenu.hovered {
+  background: #f3f3f3 !important;
+}
+
 .navigation-section-group {
   transition: height 0.5s;
   overflow: hidden !important;
diff --git a/frameworks/themes/JewelTheme/src/main/resources/defaults.css b/frameworks/themes/JewelTheme/src/main/resources/defaults.css
index dd8320c..7768110 100644
--- a/frameworks/themes/JewelTheme/src/main/resources/defaults.css
+++ b/frameworks/themes/JewelTheme/src/main/resources/defaults.css
@@ -845,6 +845,7 @@ j|FormItem {
 }
 
 .jewel.list {
+  color: #808080;
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
   box-shadow: inset 0 1px 0 white;
diff --git a/frameworks/themes/JewelTheme/src/main/sass/components-primary/_list.sass b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_list.sass
index b406d49..0dbe97b 100644
--- a/frameworks/themes/JewelTheme/src/main/sass/components-primary/_list.sass
+++ b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_list.sass
@@ -23,6 +23,7 @@
 $list-border-radius: 3px
 
 .jewel.list
+    color: $default-font-color
     @if $flat
         background: lighten($default-color, 15%)
         border: 1px solid $default-color