[royale-asjs] branch develop updated: jewel-themes: update all themes with new DrawerFooter styles

carlosrovira Mon, 17 Feb 2020 15:44:13 -0800

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 8de9ead  jewel-themes: update all themes with new DrawerFooter styles
8de9ead is described below

commit 8de9ead71c7023e0b3d725bd447eaf7b12c0011c
Author: Carlos Rovira <[email protected]>
AuthorDate: Tue Feb 18 00:43:30 2020 +0100

    jewel-themes: update all themes with new DrawerFooter styles
---
 .../defaults.css                                   | 29 +++++++++++++++++++++
 .../defaults.css                                   | 29 +++++++++++++++++++++
 .../defaults.css                                   | 29 +++++++++++++++++++++
 .../defaults.css                                   | 29 +++++++++++++++++++++
 .../defaults.css                                   | 29 +++++++++++++++++++++
 .../defaults.css                                   | 29 +++++++++++++++++++++
 .../defaults.css                                   | 29 +++++++++++++++++++++
 .../defaults.css                                   | 29 +++++++++++++++++++++
 .../defaults.css                                   | 29 +++++++++++++++++++++
 .../defaults.css                                   | 29 +++++++++++++++++++++
 .../defaults.css                                   | 29 +++++++++++++++++++++
 .../defaults.css                                   | 29 +++++++++++++++++++++
 .../defaults.css                                   | 30 ++++++++++++++++++++++
 .../defaults.css                                   | 30 ++++++++++++++++++++++
 .../defaults.css                                   | 30 ++++++++++++++++++++++
 .../defaults.css                                   | 30 ++++++++++++++++++++++
 .../defaults.css                                   | 30 ++++++++++++++++++++++
 .../defaults.css                                   | 30 ++++++++++++++++++++++
 .../defaults.css                                   | 30 ++++++++++++++++++++++
 .../defaults.css                                   | 30 ++++++++++++++++++++++
 .../defaults.css                                   | 30 ++++++++++++++++++++++
 .../defaults.css                                   | 30 ++++++++++++++++++++++
 .../defaults.css                                   | 30 ++++++++++++++++++++++
 .../defaults.css                                   | 30 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 30 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 30 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 30 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 30 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 30 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 30 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 30 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 30 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 30 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 30 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 30 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 30 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 29 +++++++++++++++++++++
 .../src/main/resources/defaults.css                | 29 +++++++++++++++++++++
 .../src/main/resources/defaults.css                | 29 +++++++++++++++++++++
 .../src/main/resources/defaults.css                | 29 +++++++++++++++++++++
 .../src/main/resources/defaults.css                | 29 +++++++++++++++++++++
 .../src/main/resources/defaults.css                | 29 +++++++++++++++++++++
 .../src/main/resources/defaults.css                | 29 +++++++++++++++++++++
 .../src/main/resources/defaults.css                | 29 +++++++++++++++++++++
 .../src/main/resources/defaults.css                | 29 +++++++++++++++++++++
 .../src/main/resources/defaults.css                | 29 +++++++++++++++++++++
 .../src/main/resources/defaults.css                | 29 +++++++++++++++++++++
 .../src/main/resources/defaults.css                | 29 +++++++++++++++++++++
 .../src/main/resources/defaults.css                | 30 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 30 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 30 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 30 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 30 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 30 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 30 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 30 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 30 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 30 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 30 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 30 ++++++++++++++++++++++
 60 files changed, 1776 insertions(+)

diff --git 
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Amethyst-Theme/defaults.css
 
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Amethyst-Theme/defaults.css
index 73ec565..ce8303e 100644
--- 
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Amethyst-Theme/defaults.css
+++ 
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Amethyst-Theme/defaults.css
@@ -516,6 +516,35 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: #333333;
+  border: 0px solid;
+  color: #FFFFFF;
+  text-shadow: none;
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: none;
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: white;
   border: 1px solid #d1d1d1;
diff --git 
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Blue-Theme/defaults.css
 
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Blue-Theme/defaults.css
index 993bb40..b42bc89 100644
--- 
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Blue-Theme/defaults.css
+++ 
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Blue-Theme/defaults.css
@@ -516,6 +516,35 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: #333333;
+  border: 0px solid;
+  color: #FFFFFF;
+  text-shadow: none;
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: none;
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: white;
   border: 1px solid #d1d1d1;
diff --git 
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Emerald-Theme/defaults.css
 
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Emerald-Theme/defaults.css
index ee7f5b7..4a107e2 100644
--- 
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Emerald-Theme/defaults.css
+++ 
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Emerald-Theme/defaults.css
@@ -516,6 +516,35 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: #333333;
+  border: 0px solid;
+  color: #FFFFFF;
+  text-shadow: none;
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: none;
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: white;
   border: 1px solid #d1d1d1;
diff --git 
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Green-Theme/defaults.css
 
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Green-Theme/defaults.css
index 45b836c..53d6bc5 100644
--- 
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Green-Theme/defaults.css
+++ 
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Green-Theme/defaults.css
@@ -516,6 +516,35 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: #333333;
+  border: 0px solid;
+  color: #FFFFFF;
+  text-shadow: none;
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: none;
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: white;
   border: 1px solid #d1d1d1;
diff --git 
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Orange-Theme/defaults.css
 
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Orange-Theme/defaults.css
index a39c461..3cdbc28 100644
--- 
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Orange-Theme/defaults.css
+++ 
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Orange-Theme/defaults.css
@@ -516,6 +516,35 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: #333333;
+  border: 0px solid;
+  color: #FFFFFF;
+  text-shadow: none;
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: none;
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: white;
   border: 1px solid #d1d1d1;
diff --git 
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Red-Theme/defaults.css
 
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Red-Theme/defaults.css
index dfe48dc..8092100 100644
--- 
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Red-Theme/defaults.css
+++ 
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Red-Theme/defaults.css
@@ -516,6 +516,35 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: #333333;
+  border: 0px solid;
+  color: #FFFFFF;
+  text-shadow: none;
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: none;
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: white;
   border: 1px solid #d1d1d1;
diff --git 
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Sapphire-Theme/defaults.css
 
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Sapphire-Theme/defaults.css
index 49e3a58..d6e96c3 100644
--- 
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Sapphire-Theme/defaults.css
+++ 
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Sapphire-Theme/defaults.css
@@ -516,6 +516,35 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: #333333;
+  border: 0px solid;
+  color: #FFFFFF;
+  text-shadow: none;
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: none;
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: white;
   border: 1px solid #d1d1d1;
diff --git 
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Sunflower-Theme/defaults.css
 
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Sunflower-Theme/defaults.css
index e5f83da..9fbd9cd 100644
--- 
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Sunflower-Theme/defaults.css
+++ 
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Sunflower-Theme/defaults.css
@@ -516,6 +516,35 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: #333333;
+  border: 0px solid;
+  color: #FFFFFF;
+  text-shadow: none;
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: none;
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: white;
   border: 1px solid #d1d1d1;
diff --git 
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Topaz-Theme/defaults.css
 
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Topaz-Theme/defaults.css
index c6a5571..ebddc46 100644
--- 
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Topaz-Theme/defaults.css
+++ 
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Topaz-Theme/defaults.css
@@ -516,6 +516,35 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: #333333;
+  border: 0px solid;
+  color: #FFFFFF;
+  text-shadow: none;
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: none;
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: white;
   border: 1px solid #d1d1d1;
diff --git 
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Turquoise-Theme/defaults.css
 
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Turquoise-Theme/defaults.css
index 9580fba..bd61864 100644
--- 
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Turquoise-Theme/defaults.css
+++ 
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Turquoise-Theme/defaults.css
@@ -516,6 +516,35 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: #333333;
+  border: 0px solid;
+  color: #FFFFFF;
+  text-shadow: none;
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: none;
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: white;
   border: 1px solid #d1d1d1;
diff --git 
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Violet-Theme/defaults.css
 
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Violet-Theme/defaults.css
index 6021702..9e35cae 100644
--- 
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Violet-Theme/defaults.css
+++ 
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Violet-Theme/defaults.css
@@ -516,6 +516,35 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: #333333;
+  border: 0px solid;
+  color: #FFFFFF;
+  text-shadow: none;
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: none;
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: white;
   border: 1px solid #d1d1d1;
diff --git 
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Yellow-Theme/defaults.css
 
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Yellow-Theme/defaults.css
index 016edba..84d2153 100644
--- 
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Yellow-Theme/defaults.css
+++ 
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Yellow-Theme/defaults.css
@@ -516,6 +516,35 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: #333333;
+  border: 0px solid;
+  color: #FFFFFF;
+  text-shadow: none;
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: none;
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: white;
   border: 1px solid #d1d1d1;
diff --git 
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Amethyst-Theme/defaults.css
 
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Amethyst-Theme/defaults.css
index 4f8d908..2af804b 100644
--- 
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Amethyst-Theme/defaults.css
+++ 
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Amethyst-Theme/defaults.css
@@ -515,6 +515,36 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: linear-gradient(#404040, #262626);
+  border-top: 1px solid #595959;
+  border-bottom: 1px solid black;
+  color: #FFFFFF;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: 0 -1px 0 rgba(75, 17, 74, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: white;
   border: 1px solid #b3b3b3;
diff --git 
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Blue-Theme/defaults.css
 
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Blue-Theme/defaults.css
index 53d8f24..fa33002 100644
--- 
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Blue-Theme/defaults.css
+++ 
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Blue-Theme/defaults.css
@@ -515,6 +515,36 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: linear-gradient(#404040, #262626);
+  border-top: 1px solid #595959;
+  border-bottom: 1px solid black;
+  color: #FFFFFF;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: 0 -1px 0 rgba(10, 90, 138, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: white;
   border: 1px solid #b3b3b3;
diff --git 
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/defaults.css
 
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/defaults.css
index 6c15892..cfb764a 100644
--- 
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/defaults.css
+++ 
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/defaults.css
@@ -515,6 +515,36 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: linear-gradient(#404040, #262626);
+  border-top: 1px solid #595959;
+  border-bottom: 1px solid black;
+  color: #FFFFFF;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: 0 -1px 0 rgba(57, 81, 24, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: white;
   border: 1px solid #b3b3b3;
diff --git 
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Green-Theme/defaults.css
 
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Green-Theme/defaults.css
index 0d4ec59..617803c 100644
--- 
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Green-Theme/defaults.css
+++ 
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Green-Theme/defaults.css
@@ -515,6 +515,36 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: linear-gradient(#404040, #262626);
+  border-top: 1px solid #595959;
+  border-bottom: 1px solid black;
+  color: #FFFFFF;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: 0 -1px 0 rgba(21, 65, 26, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: white;
   border: 1px solid #b3b3b3;
diff --git 
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Orange-Theme/defaults.css
 
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Orange-Theme/defaults.css
index 7353648..a8889f1 100644
--- 
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Orange-Theme/defaults.css
+++ 
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Orange-Theme/defaults.css
@@ -515,6 +515,36 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: linear-gradient(#404040, #262626);
+  border-top: 1px solid #595959;
+  border-bottom: 1px solid black;
+  color: #FFFFFF;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: 0 -1px 0 rgba(119, 67, 4, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: white;
   border: 1px solid #b3b3b3;
diff --git 
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Red-Theme/defaults.css
 
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Red-Theme/defaults.css
index 7e2cf90..1d1c863 100644
--- 
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Red-Theme/defaults.css
+++ 
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Red-Theme/defaults.css
@@ -515,6 +515,36 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: linear-gradient(#404040, #262626);
+  border-top: 1px solid #595959;
+  border-bottom: 1px solid black;
+  color: #FFFFFF;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: 0 -1px 0 rgba(102, 9, 12, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: white;
   border: 1px solid #b3b3b3;
diff --git 
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Sapphire-Theme/defaults.css
 
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Sapphire-Theme/defaults.css
index 80cb299..c726191 100644
--- 
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Sapphire-Theme/defaults.css
+++ 
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Sapphire-Theme/defaults.css
@@ -515,6 +515,36 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: linear-gradient(#404040, #262626);
+  border-top: 1px solid #595959;
+  border-bottom: 1px solid black;
+  color: #FFFFFF;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: 0 -1px 0 rgba(15, 40, 66, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: white;
   border: 1px solid #b3b3b3;
diff --git 
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Sunflower-Theme/defaults.css
 
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Sunflower-Theme/defaults.css
index 60f0e18..e7288f5 100644
--- 
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Sunflower-Theme/defaults.css
+++ 
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Sunflower-Theme/defaults.css
@@ -515,6 +515,36 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: linear-gradient(#404040, #262626);
+  border-top: 1px solid #595959;
+  border-bottom: 1px solid black;
+  color: #FFFFFF;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: 0 -1px 0 rgba(152, 96, 6, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: white;
   border: 1px solid #b3b3b3;
diff --git 
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Topaz-Theme/defaults.css
 
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Topaz-Theme/defaults.css
index 3b5debc..1cf65fe 100644
--- 
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Topaz-Theme/defaults.css
+++ 
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Topaz-Theme/defaults.css
@@ -515,6 +515,36 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: linear-gradient(#404040, #262626);
+  border-top: 1px solid #595959;
+  border-bottom: 1px solid black;
+  color: #FFFFFF;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: 0 -1px 0 rgba(119, 36, 9, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: white;
   border: 1px solid #b3b3b3;
diff --git 
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Turquoise-Theme/defaults.css
 
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Turquoise-Theme/defaults.css
index 360162d..25e7537 100644
--- 
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Turquoise-Theme/defaults.css
+++ 
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Turquoise-Theme/defaults.css
@@ -515,6 +515,36 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: linear-gradient(#404040, #262626);
+  border-top: 1px solid #595959;
+  border-bottom: 1px solid black;
+  color: #FFFFFF;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: 0 -1px 0 rgba(11, 45, 43, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: white;
   border: 1px solid #b3b3b3;
diff --git 
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Violet-Theme/defaults.css
 
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Violet-Theme/defaults.css
index 0b43e14..41f63d9 100644
--- 
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Violet-Theme/defaults.css
+++ 
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Violet-Theme/defaults.css
@@ -515,6 +515,36 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: linear-gradient(#404040, #262626);
+  border-top: 1px solid #595959;
+  border-bottom: 1px solid black;
+  color: #FFFFFF;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: 0 -1px 0 rgba(19, 8, 27, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: white;
   border: 1px solid #b3b3b3;
diff --git 
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Yellow-Theme/defaults.css
 
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Yellow-Theme/defaults.css
index 5691125..ce39c6e 100644
--- 
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Yellow-Theme/defaults.css
+++ 
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Yellow-Theme/defaults.css
@@ -515,6 +515,36 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: linear-gradient(#404040, #262626);
+  border-top: 1px solid #595959;
+  border-bottom: 1px solid black;
+  color: #FFFFFF;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: 0 -1px 0 rgba(80, 76, 4, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: white;
   border: 1px solid #b3b3b3;
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 a503b1f..59b3904 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
@@ -515,6 +515,36 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: linear-gradient(#404040, #262626);
+  border-top: 1px solid #595959;
+  border-bottom: 1px solid black;
+  color: #FFFFFF;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: 0 -1px 0 rgba(75, 17, 74, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: #7f7f7f;
   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 d80ef2a..b2e53c8 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
@@ -515,6 +515,36 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: linear-gradient(#404040, #262626);
+  border-top: 1px solid #595959;
+  border-bottom: 1px solid black;
+  color: #FFFFFF;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: 0 -1px 0 rgba(10, 90, 138, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: #7f7f7f;
   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 c95f457..baf7972 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
@@ -515,6 +515,36 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: linear-gradient(#404040, #262626);
+  border-top: 1px solid #595959;
+  border-bottom: 1px solid black;
+  color: #FFFFFF;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: 0 -1px 0 rgba(57, 81, 24, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: #7f7f7f;
   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 41b63c7..fc55c69 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
@@ -515,6 +515,36 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: linear-gradient(#404040, #262626);
+  border-top: 1px solid #595959;
+  border-bottom: 1px solid black;
+  color: #FFFFFF;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: 0 -1px 0 rgba(21, 65, 26, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: #7f7f7f;
   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 576f6df..29ae933 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
@@ -515,6 +515,36 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: linear-gradient(#404040, #262626);
+  border-top: 1px solid #595959;
+  border-bottom: 1px solid black;
+  color: #FFFFFF;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: 0 -1px 0 rgba(119, 67, 4, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: #7f7f7f;
   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 0b00c65..9eb49c1 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
@@ -515,6 +515,36 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: linear-gradient(#404040, #262626);
+  border-top: 1px solid #595959;
+  border-bottom: 1px solid black;
+  color: #FFFFFF;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: 0 -1px 0 rgba(102, 9, 12, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: #7f7f7f;
   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 d7ec083..2a1c3f9 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
@@ -515,6 +515,36 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: linear-gradient(#404040, #262626);
+  border-top: 1px solid #595959;
+  border-bottom: 1px solid black;
+  color: #FFFFFF;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: 0 -1px 0 rgba(15, 40, 66, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: #7f7f7f;
   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 0fa8e3f..0eb5f1f 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
@@ -515,6 +515,36 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: linear-gradient(#404040, #262626);
+  border-top: 1px solid #595959;
+  border-bottom: 1px solid black;
+  color: #FFFFFF;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: 0 -1px 0 rgba(152, 96, 6, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: #7f7f7f;
   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 5d66aae..549238e 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
@@ -515,6 +515,36 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: linear-gradient(#404040, #262626);
+  border-top: 1px solid #595959;
+  border-bottom: 1px solid black;
+  color: #FFFFFF;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: 0 -1px 0 rgba(119, 36, 9, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: #7f7f7f;
   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 32b05fc..9bc6de9 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
@@ -515,6 +515,36 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: linear-gradient(#404040, #262626);
+  border-top: 1px solid #595959;
+  border-bottom: 1px solid black;
+  color: #FFFFFF;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: 0 -1px 0 rgba(11, 45, 43, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: #7f7f7f;
   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 ab10cbb..9345e8e 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
@@ -515,6 +515,36 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: linear-gradient(#404040, #262626);
+  border-top: 1px solid #595959;
+  border-bottom: 1px solid black;
+  color: #FFFFFF;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: 0 -1px 0 rgba(19, 8, 27, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: #7f7f7f;
   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 cd22740..fe4e70e 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
@@ -515,6 +515,36 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: linear-gradient(#404040, #262626);
+  border-top: 1px solid #595959;
+  border-bottom: 1px solid black;
+  color: #FFFFFF;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: 0 -1px 0 rgba(80, 76, 4, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: #7f7f7f;
   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 73ec565..ce8303e 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
@@ -516,6 +516,35 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: #333333;
+  border: 0px solid;
+  color: #FFFFFF;
+  text-shadow: none;
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: none;
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: white;
   border: 1px solid #d1d1d1;
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 993bb40..b42bc89 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
@@ -516,6 +516,35 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: #333333;
+  border: 0px solid;
+  color: #FFFFFF;
+  text-shadow: none;
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: none;
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: white;
   border: 1px solid #d1d1d1;
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 ee7f5b7..4a107e2 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
@@ -516,6 +516,35 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: #333333;
+  border: 0px solid;
+  color: #FFFFFF;
+  text-shadow: none;
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: none;
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: white;
   border: 1px solid #d1d1d1;
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 45b836c..53d6bc5 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
@@ -516,6 +516,35 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: #333333;
+  border: 0px solid;
+  color: #FFFFFF;
+  text-shadow: none;
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: none;
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: white;
   border: 1px solid #d1d1d1;
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 a39c461..3cdbc28 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
@@ -516,6 +516,35 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: #333333;
+  border: 0px solid;
+  color: #FFFFFF;
+  text-shadow: none;
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: none;
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: white;
   border: 1px solid #d1d1d1;
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 dfe48dc..8092100 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
@@ -516,6 +516,35 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: #333333;
+  border: 0px solid;
+  color: #FFFFFF;
+  text-shadow: none;
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: none;
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: white;
   border: 1px solid #d1d1d1;
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 49e3a58..d6e96c3 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
@@ -516,6 +516,35 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: #333333;
+  border: 0px solid;
+  color: #FFFFFF;
+  text-shadow: none;
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: none;
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: white;
   border: 1px solid #d1d1d1;
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 e5f83da..9fbd9cd 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
@@ -516,6 +516,35 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: #333333;
+  border: 0px solid;
+  color: #FFFFFF;
+  text-shadow: none;
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: none;
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: white;
   border: 1px solid #d1d1d1;
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 c6a5571..ebddc46 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
@@ -516,6 +516,35 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: #333333;
+  border: 0px solid;
+  color: #FFFFFF;
+  text-shadow: none;
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: none;
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: white;
   border: 1px solid #d1d1d1;
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 9580fba..bd61864 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
@@ -516,6 +516,35 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: #333333;
+  border: 0px solid;
+  color: #FFFFFF;
+  text-shadow: none;
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: none;
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: white;
   border: 1px solid #d1d1d1;
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 6021702..9e35cae 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
@@ -516,6 +516,35 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: #333333;
+  border: 0px solid;
+  color: #FFFFFF;
+  text-shadow: none;
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: none;
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: white;
   border: 1px solid #d1d1d1;
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 016edba..84d2153 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
@@ -516,6 +516,35 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: #333333;
+  border: 0px solid;
+  color: #FFFFFF;
+  text-shadow: none;
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: none;
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: white;
   border: 1px solid #d1d1d1;
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 4f8d908..2af804b 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
@@ -515,6 +515,36 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: linear-gradient(#404040, #262626);
+  border-top: 1px solid #595959;
+  border-bottom: 1px solid black;
+  color: #FFFFFF;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: 0 -1px 0 rgba(75, 17, 74, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: white;
   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 53d8f24..fa33002 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
@@ -515,6 +515,36 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: linear-gradient(#404040, #262626);
+  border-top: 1px solid #595959;
+  border-bottom: 1px solid black;
+  color: #FFFFFF;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: 0 -1px 0 rgba(10, 90, 138, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: white;
   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 6c15892..cfb764a 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
@@ -515,6 +515,36 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: linear-gradient(#404040, #262626);
+  border-top: 1px solid #595959;
+  border-bottom: 1px solid black;
+  color: #FFFFFF;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: 0 -1px 0 rgba(57, 81, 24, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: white;
   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 0d4ec59..617803c 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
@@ -515,6 +515,36 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: linear-gradient(#404040, #262626);
+  border-top: 1px solid #595959;
+  border-bottom: 1px solid black;
+  color: #FFFFFF;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: 0 -1px 0 rgba(21, 65, 26, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: white;
   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 7353648..a8889f1 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
@@ -515,6 +515,36 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: linear-gradient(#404040, #262626);
+  border-top: 1px solid #595959;
+  border-bottom: 1px solid black;
+  color: #FFFFFF;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: 0 -1px 0 rgba(119, 67, 4, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: white;
   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 7e2cf90..1d1c863 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
@@ -515,6 +515,36 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: linear-gradient(#404040, #262626);
+  border-top: 1px solid #595959;
+  border-bottom: 1px solid black;
+  color: #FFFFFF;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: 0 -1px 0 rgba(102, 9, 12, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: white;
   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 80cb299..c726191 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
@@ -515,6 +515,36 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: linear-gradient(#404040, #262626);
+  border-top: 1px solid #595959;
+  border-bottom: 1px solid black;
+  color: #FFFFFF;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: 0 -1px 0 rgba(15, 40, 66, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: white;
   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 60f0e18..e7288f5 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
@@ -515,6 +515,36 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: linear-gradient(#404040, #262626);
+  border-top: 1px solid #595959;
+  border-bottom: 1px solid black;
+  color: #FFFFFF;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: 0 -1px 0 rgba(152, 96, 6, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: white;
   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 3b5debc..1cf65fe 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
@@ -515,6 +515,36 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: linear-gradient(#404040, #262626);
+  border-top: 1px solid #595959;
+  border-bottom: 1px solid black;
+  color: #FFFFFF;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: 0 -1px 0 rgba(119, 36, 9, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: white;
   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 360162d..25e7537 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
@@ -515,6 +515,36 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: linear-gradient(#404040, #262626);
+  border-top: 1px solid #595959;
+  border-bottom: 1px solid black;
+  color: #FFFFFF;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: 0 -1px 0 rgba(11, 45, 43, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: white;
   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 0b43e14..41f63d9 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
@@ -515,6 +515,36 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: linear-gradient(#404040, #262626);
+  border-top: 1px solid #595959;
+  border-bottom: 1px solid black;
+  color: #FFFFFF;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: 0 -1px 0 rgba(19, 8, 27, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: white;
   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 5691125..ce39c6e 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
@@ -515,6 +515,36 @@ j|Card {
   padding: 16px;
 }
 
+.jewel.drawerfooter {
+  background: linear-gradient(#404040, #262626);
+  border-top: 1px solid #595959;
+  border-bottom: 1px solid black;
+  color: #FFFFFF;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection {
+  padding: 8px 12px;
+}
+.jewel.drawerfooter .jewel.barsection button {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  padding: 12px;
+  fill: #FFFFFF;
+  color: inherit;
+  text-shadow: 0 -1px 0 rgba(80, 76, 4, 0.7);
+}
+.jewel.drawerfooter .jewel.barsection button:hover, .jewel.drawerfooter 
.jewel.barsection button:hover:focus, .jewel.drawerfooter .jewel.barsection 
button:active, .jewel.drawerfooter .jewel.barsection button:active:focus, 
.jewel.drawerfooter .jewel.barsection button:focus {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+.jewel.drawerfooter .jewel.barsection button[disabled] {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+}
+
 .jewel.dropdownlist {
   background-color: white;
   border: 1px solid #b3b3b3;

[royale-asjs] branch develop updated: jewel-themes: update all themes with new DrawerFooter styles

Reply via email to