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 2019/01/09 21:51:30 UTC

[royale-asjs] branch develop updated: all themes updated

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 eb14fa8  all themes updated
eb14fa8 is described below

commit eb14fa80278ec49826641fe5e5e162c7e98ed6e9
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Wed Jan 9 22:51:23 2019 +0100

    all themes updated
---
 .../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 +++++-------
 24 files changed, 120 insertions(+), 168 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 bc5cb9b..e78cf87 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
@@ -896,11 +896,10 @@ a:active {
 .jewel.topappbar .topBarAppHeader.has-drawer {
   width: calc(100% - 240px);
 }
-
-.jewel.topappbarsection {
+.jewel.topappbar .jewel.barsection {
   padding: 8px 12px;
 }
-.jewel.topappbarsection button {
+.jewel.topappbar .jewel.barsection button {
   background: transparent;
   box-shadow: none;
   border: none;
@@ -909,18 +908,17 @@ a:active {
   color: inherit;
   text-shadow: 0 -1px 0 rgba(75, 17, 74, 0.7);
 }
-.jewel.topappbarsection button:hover, .jewel.topappbarsection button:hover:focus, .jewel.topappbarsection button:active, .jewel.topappbarsection button:active:focus, .jewel.topappbarsection button:focus {
+.jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
   background: transparent;
   box-shadow: none;
   border: none;
 }
-.jewel.topappbarsection button[disabled] {
+.jewel.topappbar .jewel.barsection button[disabled] {
   background: transparent;
   box-shadow: none;
   border: none;
 }
-
-.jewel.topappbartitle {
+.jewel.topappbar .jewel.bartitle {
   font-family: "Lato", sans-serif;
   font-size: 1.4em !important;
   font-weight: 800;
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 06f4764..dd7a9f1 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
@@ -896,11 +896,10 @@ a:active {
 .jewel.topappbar .topBarAppHeader.has-drawer {
   width: calc(100% - 240px);
 }
-
-.jewel.topappbarsection {
+.jewel.topappbar .jewel.barsection {
   padding: 8px 12px;
 }
-.jewel.topappbarsection button {
+.jewel.topappbar .jewel.barsection button {
   background: transparent;
   box-shadow: none;
   border: none;
@@ -909,18 +908,17 @@ a:active {
   color: inherit;
   text-shadow: 0 -1px 0 rgba(10, 90, 138, 0.7);
 }
-.jewel.topappbarsection button:hover, .jewel.topappbarsection button:hover:focus, .jewel.topappbarsection button:active, .jewel.topappbarsection button:active:focus, .jewel.topappbarsection button:focus {
+.jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
   background: transparent;
   box-shadow: none;
   border: none;
 }
-.jewel.topappbarsection button[disabled] {
+.jewel.topappbar .jewel.barsection button[disabled] {
   background: transparent;
   box-shadow: none;
   border: none;
 }
-
-.jewel.topappbartitle {
+.jewel.topappbar .jewel.bartitle {
   font-family: "Lato", sans-serif;
   font-size: 1.4em !important;
   font-weight: 800;
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 8fe36b3..9795c49 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
@@ -896,11 +896,10 @@ a:active {
 .jewel.topappbar .topBarAppHeader.has-drawer {
   width: calc(100% - 240px);
 }
-
-.jewel.topappbarsection {
+.jewel.topappbar .jewel.barsection {
   padding: 8px 12px;
 }
-.jewel.topappbarsection button {
+.jewel.topappbar .jewel.barsection button {
   background: transparent;
   box-shadow: none;
   border: none;
@@ -909,18 +908,17 @@ a:active {
   color: inherit;
   text-shadow: 0 -1px 0 rgba(57, 81, 24, 0.7);
 }
-.jewel.topappbarsection button:hover, .jewel.topappbarsection button:hover:focus, .jewel.topappbarsection button:active, .jewel.topappbarsection button:active:focus, .jewel.topappbarsection button:focus {
+.jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
   background: transparent;
   box-shadow: none;
   border: none;
 }
-.jewel.topappbarsection button[disabled] {
+.jewel.topappbar .jewel.barsection button[disabled] {
   background: transparent;
   box-shadow: none;
   border: none;
 }
-
-.jewel.topappbartitle {
+.jewel.topappbar .jewel.bartitle {
   font-family: "Lato", sans-serif;
   font-size: 1.4em !important;
   font-weight: 800;
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 5b20046..a886410 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
@@ -896,11 +896,10 @@ a:active {
 .jewel.topappbar .topBarAppHeader.has-drawer {
   width: calc(100% - 240px);
 }
-
-.jewel.topappbarsection {
+.jewel.topappbar .jewel.barsection {
   padding: 8px 12px;
 }
-.jewel.topappbarsection button {
+.jewel.topappbar .jewel.barsection button {
   background: transparent;
   box-shadow: none;
   border: none;
@@ -909,18 +908,17 @@ a:active {
   color: inherit;
   text-shadow: 0 -1px 0 rgba(21, 65, 26, 0.7);
 }
-.jewel.topappbarsection button:hover, .jewel.topappbarsection button:hover:focus, .jewel.topappbarsection button:active, .jewel.topappbarsection button:active:focus, .jewel.topappbarsection button:focus {
+.jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
   background: transparent;
   box-shadow: none;
   border: none;
 }
-.jewel.topappbarsection button[disabled] {
+.jewel.topappbar .jewel.barsection button[disabled] {
   background: transparent;
   box-shadow: none;
   border: none;
 }
-
-.jewel.topappbartitle {
+.jewel.topappbar .jewel.bartitle {
   font-family: "Lato", sans-serif;
   font-size: 1.4em !important;
   font-weight: 800;
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 ee9126b..e356748 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
@@ -896,11 +896,10 @@ a:active {
 .jewel.topappbar .topBarAppHeader.has-drawer {
   width: calc(100% - 240px);
 }
-
-.jewel.topappbarsection {
+.jewel.topappbar .jewel.barsection {
   padding: 8px 12px;
 }
-.jewel.topappbarsection button {
+.jewel.topappbar .jewel.barsection button {
   background: transparent;
   box-shadow: none;
   border: none;
@@ -909,18 +908,17 @@ a:active {
   color: inherit;
   text-shadow: 0 -1px 0 rgba(119, 67, 4, 0.7);
 }
-.jewel.topappbarsection button:hover, .jewel.topappbarsection button:hover:focus, .jewel.topappbarsection button:active, .jewel.topappbarsection button:active:focus, .jewel.topappbarsection button:focus {
+.jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
   background: transparent;
   box-shadow: none;
   border: none;
 }
-.jewel.topappbarsection button[disabled] {
+.jewel.topappbar .jewel.barsection button[disabled] {
   background: transparent;
   box-shadow: none;
   border: none;
 }
-
-.jewel.topappbartitle {
+.jewel.topappbar .jewel.bartitle {
   font-family: "Lato", sans-serif;
   font-size: 1.4em !important;
   font-weight: 800;
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 01490e4..2122f01 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
@@ -896,11 +896,10 @@ a:active {
 .jewel.topappbar .topBarAppHeader.has-drawer {
   width: calc(100% - 240px);
 }
-
-.jewel.topappbarsection {
+.jewel.topappbar .jewel.barsection {
   padding: 8px 12px;
 }
-.jewel.topappbarsection button {
+.jewel.topappbar .jewel.barsection button {
   background: transparent;
   box-shadow: none;
   border: none;
@@ -909,18 +908,17 @@ a:active {
   color: inherit;
   text-shadow: 0 -1px 0 rgba(102, 9, 12, 0.7);
 }
-.jewel.topappbarsection button:hover, .jewel.topappbarsection button:hover:focus, .jewel.topappbarsection button:active, .jewel.topappbarsection button:active:focus, .jewel.topappbarsection button:focus {
+.jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
   background: transparent;
   box-shadow: none;
   border: none;
 }
-.jewel.topappbarsection button[disabled] {
+.jewel.topappbar .jewel.barsection button[disabled] {
   background: transparent;
   box-shadow: none;
   border: none;
 }
-
-.jewel.topappbartitle {
+.jewel.topappbar .jewel.bartitle {
   font-family: "Lato", sans-serif;
   font-size: 1.4em !important;
   font-weight: 800;
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 33ee086..78c36ca 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
@@ -896,11 +896,10 @@ a:active {
 .jewel.topappbar .topBarAppHeader.has-drawer {
   width: calc(100% - 240px);
 }
-
-.jewel.topappbarsection {
+.jewel.topappbar .jewel.barsection {
   padding: 8px 12px;
 }
-.jewel.topappbarsection button {
+.jewel.topappbar .jewel.barsection button {
   background: transparent;
   box-shadow: none;
   border: none;
@@ -909,18 +908,17 @@ a:active {
   color: inherit;
   text-shadow: 0 -1px 0 rgba(15, 40, 66, 0.7);
 }
-.jewel.topappbarsection button:hover, .jewel.topappbarsection button:hover:focus, .jewel.topappbarsection button:active, .jewel.topappbarsection button:active:focus, .jewel.topappbarsection button:focus {
+.jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
   background: transparent;
   box-shadow: none;
   border: none;
 }
-.jewel.topappbarsection button[disabled] {
+.jewel.topappbar .jewel.barsection button[disabled] {
   background: transparent;
   box-shadow: none;
   border: none;
 }
-
-.jewel.topappbartitle {
+.jewel.topappbar .jewel.bartitle {
   font-family: "Lato", sans-serif;
   font-size: 1.4em !important;
   font-weight: 800;
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 5463e48..b3a84fc 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
@@ -896,11 +896,10 @@ a:active {
 .jewel.topappbar .topBarAppHeader.has-drawer {
   width: calc(100% - 240px);
 }
-
-.jewel.topappbarsection {
+.jewel.topappbar .jewel.barsection {
   padding: 8px 12px;
 }
-.jewel.topappbarsection button {
+.jewel.topappbar .jewel.barsection button {
   background: transparent;
   box-shadow: none;
   border: none;
@@ -909,18 +908,17 @@ a:active {
   color: inherit;
   text-shadow: 0 -1px 0 rgba(152, 96, 6, 0.7);
 }
-.jewel.topappbarsection button:hover, .jewel.topappbarsection button:hover:focus, .jewel.topappbarsection button:active, .jewel.topappbarsection button:active:focus, .jewel.topappbarsection button:focus {
+.jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
   background: transparent;
   box-shadow: none;
   border: none;
 }
-.jewel.topappbarsection button[disabled] {
+.jewel.topappbar .jewel.barsection button[disabled] {
   background: transparent;
   box-shadow: none;
   border: none;
 }
-
-.jewel.topappbartitle {
+.jewel.topappbar .jewel.bartitle {
   font-family: "Lato", sans-serif;
   font-size: 1.4em !important;
   font-weight: 800;
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 53325a3..386ef44 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
@@ -896,11 +896,10 @@ a:active {
 .jewel.topappbar .topBarAppHeader.has-drawer {
   width: calc(100% - 240px);
 }
-
-.jewel.topappbarsection {
+.jewel.topappbar .jewel.barsection {
   padding: 8px 12px;
 }
-.jewel.topappbarsection button {
+.jewel.topappbar .jewel.barsection button {
   background: transparent;
   box-shadow: none;
   border: none;
@@ -909,18 +908,17 @@ a:active {
   color: inherit;
   text-shadow: 0 -1px 0 rgba(119, 36, 9, 0.7);
 }
-.jewel.topappbarsection button:hover, .jewel.topappbarsection button:hover:focus, .jewel.topappbarsection button:active, .jewel.topappbarsection button:active:focus, .jewel.topappbarsection button:focus {
+.jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
   background: transparent;
   box-shadow: none;
   border: none;
 }
-.jewel.topappbarsection button[disabled] {
+.jewel.topappbar .jewel.barsection button[disabled] {
   background: transparent;
   box-shadow: none;
   border: none;
 }
-
-.jewel.topappbartitle {
+.jewel.topappbar .jewel.bartitle {
   font-family: "Lato", sans-serif;
   font-size: 1.4em !important;
   font-weight: 800;
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 14bb41f..4629c99 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
@@ -896,11 +896,10 @@ a:active {
 .jewel.topappbar .topBarAppHeader.has-drawer {
   width: calc(100% - 240px);
 }
-
-.jewel.topappbarsection {
+.jewel.topappbar .jewel.barsection {
   padding: 8px 12px;
 }
-.jewel.topappbarsection button {
+.jewel.topappbar .jewel.barsection button {
   background: transparent;
   box-shadow: none;
   border: none;
@@ -909,18 +908,17 @@ a:active {
   color: inherit;
   text-shadow: 0 -1px 0 rgba(11, 45, 43, 0.7);
 }
-.jewel.topappbarsection button:hover, .jewel.topappbarsection button:hover:focus, .jewel.topappbarsection button:active, .jewel.topappbarsection button:active:focus, .jewel.topappbarsection button:focus {
+.jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
   background: transparent;
   box-shadow: none;
   border: none;
 }
-.jewel.topappbarsection button[disabled] {
+.jewel.topappbar .jewel.barsection button[disabled] {
   background: transparent;
   box-shadow: none;
   border: none;
 }
-
-.jewel.topappbartitle {
+.jewel.topappbar .jewel.bartitle {
   font-family: "Lato", sans-serif;
   font-size: 1.4em !important;
   font-weight: 800;
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 4cdc754..5084190 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
@@ -896,11 +896,10 @@ a:active {
 .jewel.topappbar .topBarAppHeader.has-drawer {
   width: calc(100% - 240px);
 }
-
-.jewel.topappbarsection {
+.jewel.topappbar .jewel.barsection {
   padding: 8px 12px;
 }
-.jewel.topappbarsection button {
+.jewel.topappbar .jewel.barsection button {
   background: transparent;
   box-shadow: none;
   border: none;
@@ -909,18 +908,17 @@ a:active {
   color: inherit;
   text-shadow: 0 -1px 0 rgba(19, 8, 27, 0.7);
 }
-.jewel.topappbarsection button:hover, .jewel.topappbarsection button:hover:focus, .jewel.topappbarsection button:active, .jewel.topappbarsection button:active:focus, .jewel.topappbarsection button:focus {
+.jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
   background: transparent;
   box-shadow: none;
   border: none;
 }
-.jewel.topappbarsection button[disabled] {
+.jewel.topappbar .jewel.barsection button[disabled] {
   background: transparent;
   box-shadow: none;
   border: none;
 }
-
-.jewel.topappbartitle {
+.jewel.topappbar .jewel.bartitle {
   font-family: "Lato", sans-serif;
   font-size: 1.4em !important;
   font-weight: 800;
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 93b55d8..2c3377c 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
@@ -896,11 +896,10 @@ a:active {
 .jewel.topappbar .topBarAppHeader.has-drawer {
   width: calc(100% - 240px);
 }
-
-.jewel.topappbarsection {
+.jewel.topappbar .jewel.barsection {
   padding: 8px 12px;
 }
-.jewel.topappbarsection button {
+.jewel.topappbar .jewel.barsection button {
   background: transparent;
   box-shadow: none;
   border: none;
@@ -909,18 +908,17 @@ a:active {
   color: inherit;
   text-shadow: 0 -1px 0 rgba(80, 76, 4, 0.7);
 }
-.jewel.topappbarsection button:hover, .jewel.topappbarsection button:hover:focus, .jewel.topappbarsection button:active, .jewel.topappbarsection button:active:focus, .jewel.topappbarsection button:focus {
+.jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
   background: transparent;
   box-shadow: none;
   border: none;
 }
-.jewel.topappbarsection button[disabled] {
+.jewel.topappbar .jewel.barsection button[disabled] {
   background: transparent;
   box-shadow: none;
   border: none;
 }
-
-.jewel.topappbartitle {
+.jewel.topappbar .jewel.bartitle {
   font-family: "Lato", sans-serif;
   font-size: 1.4em !important;
   font-weight: 800;
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 b9d2aa5..7a60160 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
@@ -895,11 +895,10 @@ a:active {
 .jewel.topappbar .topBarAppHeader.has-drawer {
   width: calc(100% - 240px);
 }
-
-.jewel.topappbarsection {
+.jewel.topappbar .jewel.barsection {
   padding: 8px 12px;
 }
-.jewel.topappbarsection button {
+.jewel.topappbar .jewel.barsection button {
   background: transparent;
   box-shadow: none;
   border: none;
@@ -908,18 +907,17 @@ a:active {
   color: inherit;
   text-shadow: 0 -1px 0 rgba(75, 17, 74, 0.7);
 }
-.jewel.topappbarsection button:hover, .jewel.topappbarsection button:hover:focus, .jewel.topappbarsection button:active, .jewel.topappbarsection button:active:focus, .jewel.topappbarsection button:focus {
+.jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
   background: transparent;
   box-shadow: none;
   border: none;
 }
-.jewel.topappbarsection button[disabled] {
+.jewel.topappbar .jewel.barsection button[disabled] {
   background: transparent;
   box-shadow: none;
   border: none;
 }
-
-.jewel.topappbartitle {
+.jewel.topappbar .jewel.bartitle {
   font-family: "Lato", sans-serif;
   font-size: 1.4em !important;
   font-weight: 800;
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 ee75114..b5f5395 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
@@ -895,11 +895,10 @@ a:active {
 .jewel.topappbar .topBarAppHeader.has-drawer {
   width: calc(100% - 240px);
 }
-
-.jewel.topappbarsection {
+.jewel.topappbar .jewel.barsection {
   padding: 8px 12px;
 }
-.jewel.topappbarsection button {
+.jewel.topappbar .jewel.barsection button {
   background: transparent;
   box-shadow: none;
   border: none;
@@ -908,18 +907,17 @@ a:active {
   color: inherit;
   text-shadow: 0 -1px 0 rgba(10, 90, 138, 0.7);
 }
-.jewel.topappbarsection button:hover, .jewel.topappbarsection button:hover:focus, .jewel.topappbarsection button:active, .jewel.topappbarsection button:active:focus, .jewel.topappbarsection button:focus {
+.jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
   background: transparent;
   box-shadow: none;
   border: none;
 }
-.jewel.topappbarsection button[disabled] {
+.jewel.topappbar .jewel.barsection button[disabled] {
   background: transparent;
   box-shadow: none;
   border: none;
 }
-
-.jewel.topappbartitle {
+.jewel.topappbar .jewel.bartitle {
   font-family: "Lato", sans-serif;
   font-size: 1.4em !important;
   font-weight: 800;
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 766d582..48c8453 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
@@ -895,11 +895,10 @@ a:active {
 .jewel.topappbar .topBarAppHeader.has-drawer {
   width: calc(100% - 240px);
 }
-
-.jewel.topappbarsection {
+.jewel.topappbar .jewel.barsection {
   padding: 8px 12px;
 }
-.jewel.topappbarsection button {
+.jewel.topappbar .jewel.barsection button {
   background: transparent;
   box-shadow: none;
   border: none;
@@ -908,18 +907,17 @@ a:active {
   color: inherit;
   text-shadow: 0 -1px 0 rgba(57, 81, 24, 0.7);
 }
-.jewel.topappbarsection button:hover, .jewel.topappbarsection button:hover:focus, .jewel.topappbarsection button:active, .jewel.topappbarsection button:active:focus, .jewel.topappbarsection button:focus {
+.jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
   background: transparent;
   box-shadow: none;
   border: none;
 }
-.jewel.topappbarsection button[disabled] {
+.jewel.topappbar .jewel.barsection button[disabled] {
   background: transparent;
   box-shadow: none;
   border: none;
 }
-
-.jewel.topappbartitle {
+.jewel.topappbar .jewel.bartitle {
   font-family: "Lato", sans-serif;
   font-size: 1.4em !important;
   font-weight: 800;
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 d53fdde..15e1cf2 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
@@ -895,11 +895,10 @@ a:active {
 .jewel.topappbar .topBarAppHeader.has-drawer {
   width: calc(100% - 240px);
 }
-
-.jewel.topappbarsection {
+.jewel.topappbar .jewel.barsection {
   padding: 8px 12px;
 }
-.jewel.topappbarsection button {
+.jewel.topappbar .jewel.barsection button {
   background: transparent;
   box-shadow: none;
   border: none;
@@ -908,18 +907,17 @@ a:active {
   color: inherit;
   text-shadow: 0 -1px 0 rgba(21, 65, 26, 0.7);
 }
-.jewel.topappbarsection button:hover, .jewel.topappbarsection button:hover:focus, .jewel.topappbarsection button:active, .jewel.topappbarsection button:active:focus, .jewel.topappbarsection button:focus {
+.jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
   background: transparent;
   box-shadow: none;
   border: none;
 }
-.jewel.topappbarsection button[disabled] {
+.jewel.topappbar .jewel.barsection button[disabled] {
   background: transparent;
   box-shadow: none;
   border: none;
 }
-
-.jewel.topappbartitle {
+.jewel.topappbar .jewel.bartitle {
   font-family: "Lato", sans-serif;
   font-size: 1.4em !important;
   font-weight: 800;
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 ed4ba68..f29a4ff 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
@@ -895,11 +895,10 @@ a:active {
 .jewel.topappbar .topBarAppHeader.has-drawer {
   width: calc(100% - 240px);
 }
-
-.jewel.topappbarsection {
+.jewel.topappbar .jewel.barsection {
   padding: 8px 12px;
 }
-.jewel.topappbarsection button {
+.jewel.topappbar .jewel.barsection button {
   background: transparent;
   box-shadow: none;
   border: none;
@@ -908,18 +907,17 @@ a:active {
   color: inherit;
   text-shadow: 0 -1px 0 rgba(119, 67, 4, 0.7);
 }
-.jewel.topappbarsection button:hover, .jewel.topappbarsection button:hover:focus, .jewel.topappbarsection button:active, .jewel.topappbarsection button:active:focus, .jewel.topappbarsection button:focus {
+.jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
   background: transparent;
   box-shadow: none;
   border: none;
 }
-.jewel.topappbarsection button[disabled] {
+.jewel.topappbar .jewel.barsection button[disabled] {
   background: transparent;
   box-shadow: none;
   border: none;
 }
-
-.jewel.topappbartitle {
+.jewel.topappbar .jewel.bartitle {
   font-family: "Lato", sans-serif;
   font-size: 1.4em !important;
   font-weight: 800;
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 62c21d9..e16d2be 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
@@ -895,11 +895,10 @@ a:active {
 .jewel.topappbar .topBarAppHeader.has-drawer {
   width: calc(100% - 240px);
 }
-
-.jewel.topappbarsection {
+.jewel.topappbar .jewel.barsection {
   padding: 8px 12px;
 }
-.jewel.topappbarsection button {
+.jewel.topappbar .jewel.barsection button {
   background: transparent;
   box-shadow: none;
   border: none;
@@ -908,18 +907,17 @@ a:active {
   color: inherit;
   text-shadow: 0 -1px 0 rgba(102, 9, 12, 0.7);
 }
-.jewel.topappbarsection button:hover, .jewel.topappbarsection button:hover:focus, .jewel.topappbarsection button:active, .jewel.topappbarsection button:active:focus, .jewel.topappbarsection button:focus {
+.jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
   background: transparent;
   box-shadow: none;
   border: none;
 }
-.jewel.topappbarsection button[disabled] {
+.jewel.topappbar .jewel.barsection button[disabled] {
   background: transparent;
   box-shadow: none;
   border: none;
 }
-
-.jewel.topappbartitle {
+.jewel.topappbar .jewel.bartitle {
   font-family: "Lato", sans-serif;
   font-size: 1.4em !important;
   font-weight: 800;
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 c5e39d0..e1e8218 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
@@ -895,11 +895,10 @@ a:active {
 .jewel.topappbar .topBarAppHeader.has-drawer {
   width: calc(100% - 240px);
 }
-
-.jewel.topappbarsection {
+.jewel.topappbar .jewel.barsection {
   padding: 8px 12px;
 }
-.jewel.topappbarsection button {
+.jewel.topappbar .jewel.barsection button {
   background: transparent;
   box-shadow: none;
   border: none;
@@ -908,18 +907,17 @@ a:active {
   color: inherit;
   text-shadow: 0 -1px 0 rgba(15, 40, 66, 0.7);
 }
-.jewel.topappbarsection button:hover, .jewel.topappbarsection button:hover:focus, .jewel.topappbarsection button:active, .jewel.topappbarsection button:active:focus, .jewel.topappbarsection button:focus {
+.jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
   background: transparent;
   box-shadow: none;
   border: none;
 }
-.jewel.topappbarsection button[disabled] {
+.jewel.topappbar .jewel.barsection button[disabled] {
   background: transparent;
   box-shadow: none;
   border: none;
 }
-
-.jewel.topappbartitle {
+.jewel.topappbar .jewel.bartitle {
   font-family: "Lato", sans-serif;
   font-size: 1.4em !important;
   font-weight: 800;
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 8352b1c..ad44d3e 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
@@ -895,11 +895,10 @@ a:active {
 .jewel.topappbar .topBarAppHeader.has-drawer {
   width: calc(100% - 240px);
 }
-
-.jewel.topappbarsection {
+.jewel.topappbar .jewel.barsection {
   padding: 8px 12px;
 }
-.jewel.topappbarsection button {
+.jewel.topappbar .jewel.barsection button {
   background: transparent;
   box-shadow: none;
   border: none;
@@ -908,18 +907,17 @@ a:active {
   color: inherit;
   text-shadow: 0 -1px 0 rgba(152, 96, 6, 0.7);
 }
-.jewel.topappbarsection button:hover, .jewel.topappbarsection button:hover:focus, .jewel.topappbarsection button:active, .jewel.topappbarsection button:active:focus, .jewel.topappbarsection button:focus {
+.jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
   background: transparent;
   box-shadow: none;
   border: none;
 }
-.jewel.topappbarsection button[disabled] {
+.jewel.topappbar .jewel.barsection button[disabled] {
   background: transparent;
   box-shadow: none;
   border: none;
 }
-
-.jewel.topappbartitle {
+.jewel.topappbar .jewel.bartitle {
   font-family: "Lato", sans-serif;
   font-size: 1.4em !important;
   font-weight: 800;
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 4ec3cee..bb67959 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
@@ -895,11 +895,10 @@ a:active {
 .jewel.topappbar .topBarAppHeader.has-drawer {
   width: calc(100% - 240px);
 }
-
-.jewel.topappbarsection {
+.jewel.topappbar .jewel.barsection {
   padding: 8px 12px;
 }
-.jewel.topappbarsection button {
+.jewel.topappbar .jewel.barsection button {
   background: transparent;
   box-shadow: none;
   border: none;
@@ -908,18 +907,17 @@ a:active {
   color: inherit;
   text-shadow: 0 -1px 0 rgba(119, 36, 9, 0.7);
 }
-.jewel.topappbarsection button:hover, .jewel.topappbarsection button:hover:focus, .jewel.topappbarsection button:active, .jewel.topappbarsection button:active:focus, .jewel.topappbarsection button:focus {
+.jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
   background: transparent;
   box-shadow: none;
   border: none;
 }
-.jewel.topappbarsection button[disabled] {
+.jewel.topappbar .jewel.barsection button[disabled] {
   background: transparent;
   box-shadow: none;
   border: none;
 }
-
-.jewel.topappbartitle {
+.jewel.topappbar .jewel.bartitle {
   font-family: "Lato", sans-serif;
   font-size: 1.4em !important;
   font-weight: 800;
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 779e2d6..b7f99ae 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
@@ -895,11 +895,10 @@ a:active {
 .jewel.topappbar .topBarAppHeader.has-drawer {
   width: calc(100% - 240px);
 }
-
-.jewel.topappbarsection {
+.jewel.topappbar .jewel.barsection {
   padding: 8px 12px;
 }
-.jewel.topappbarsection button {
+.jewel.topappbar .jewel.barsection button {
   background: transparent;
   box-shadow: none;
   border: none;
@@ -908,18 +907,17 @@ a:active {
   color: inherit;
   text-shadow: 0 -1px 0 rgba(11, 45, 43, 0.7);
 }
-.jewel.topappbarsection button:hover, .jewel.topappbarsection button:hover:focus, .jewel.topappbarsection button:active, .jewel.topappbarsection button:active:focus, .jewel.topappbarsection button:focus {
+.jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
   background: transparent;
   box-shadow: none;
   border: none;
 }
-.jewel.topappbarsection button[disabled] {
+.jewel.topappbar .jewel.barsection button[disabled] {
   background: transparent;
   box-shadow: none;
   border: none;
 }
-
-.jewel.topappbartitle {
+.jewel.topappbar .jewel.bartitle {
   font-family: "Lato", sans-serif;
   font-size: 1.4em !important;
   font-weight: 800;
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 6b336ca..d1982a7 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
@@ -895,11 +895,10 @@ a:active {
 .jewel.topappbar .topBarAppHeader.has-drawer {
   width: calc(100% - 240px);
 }
-
-.jewel.topappbarsection {
+.jewel.topappbar .jewel.barsection {
   padding: 8px 12px;
 }
-.jewel.topappbarsection button {
+.jewel.topappbar .jewel.barsection button {
   background: transparent;
   box-shadow: none;
   border: none;
@@ -908,18 +907,17 @@ a:active {
   color: inherit;
   text-shadow: 0 -1px 0 rgba(19, 8, 27, 0.7);
 }
-.jewel.topappbarsection button:hover, .jewel.topappbarsection button:hover:focus, .jewel.topappbarsection button:active, .jewel.topappbarsection button:active:focus, .jewel.topappbarsection button:focus {
+.jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
   background: transparent;
   box-shadow: none;
   border: none;
 }
-.jewel.topappbarsection button[disabled] {
+.jewel.topappbar .jewel.barsection button[disabled] {
   background: transparent;
   box-shadow: none;
   border: none;
 }
-
-.jewel.topappbartitle {
+.jewel.topappbar .jewel.bartitle {
   font-family: "Lato", sans-serif;
   font-size: 1.4em !important;
   font-weight: 800;
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 2ce3781..aa1ae5a 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
@@ -895,11 +895,10 @@ a:active {
 .jewel.topappbar .topBarAppHeader.has-drawer {
   width: calc(100% - 240px);
 }
-
-.jewel.topappbarsection {
+.jewel.topappbar .jewel.barsection {
   padding: 8px 12px;
 }
-.jewel.topappbarsection button {
+.jewel.topappbar .jewel.barsection button {
   background: transparent;
   box-shadow: none;
   border: none;
@@ -908,18 +907,17 @@ a:active {
   color: inherit;
   text-shadow: 0 -1px 0 rgba(80, 76, 4, 0.7);
 }
-.jewel.topappbarsection button:hover, .jewel.topappbarsection button:hover:focus, .jewel.topappbarsection button:active, .jewel.topappbarsection button:active:focus, .jewel.topappbarsection button:focus {
+.jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
   background: transparent;
   box-shadow: none;
   border: none;
 }
-.jewel.topappbarsection button[disabled] {
+.jewel.topappbar .jewel.barsection button[disabled] {
   background: transparent;
   box-shadow: none;
   border: none;
 }
-
-.jewel.topappbartitle {
+.jewel.topappbar .jewel.bartitle {
   font-family: "Lato", sans-serif;
   font-size: 1.4em !important;
   font-weight: 800;