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

[royale-asjs] branch develop updated: jewel-themes: fix text-shadows globaly

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 0530bb6  jewel-themes: fix text-shadows globaly
0530bb6 is described below

commit 0530bb64e6b366d264e73ca5ef363cdb383585a9
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Sat Jan 11 20:24:20 2020 +0100

    jewel-themes: fix text-shadows globaly
---
 .../Jewel-Light-Flat-Emphasized-Amethyst-Theme/defaults.css    |  2 ++
 .../themes/Jewel-Light-Flat-Emphasized-Blue-Theme/defaults.css |  2 ++
 .../Jewel-Light-Flat-Emphasized-Emerald-Theme/defaults.css     |  2 ++
 .../Jewel-Light-Flat-Emphasized-Green-Theme/defaults.css       |  2 ++
 .../Jewel-Light-Flat-Emphasized-Orange-Theme/defaults.css      |  2 ++
 .../themes/Jewel-Light-Flat-Emphasized-Red-Theme/defaults.css  |  2 ++
 .../Jewel-Light-Flat-Emphasized-Sapphire-Theme/defaults.css    |  2 ++
 .../Jewel-Light-Flat-Emphasized-Sunflower-Theme/defaults.css   |  2 ++
 .../Jewel-Light-Flat-Emphasized-Topaz-Theme/defaults.css       |  2 ++
 .../Jewel-Light-Flat-Emphasized-Turquoise-Theme/defaults.css   |  2 ++
 .../Jewel-Light-Flat-Emphasized-Violet-Theme/defaults.css      |  2 ++
 .../Jewel-Light-Flat-Emphasized-Yellow-Theme/defaults.css      |  2 ++
 .../Jewel-Light-Flat-Primary-Amethyst-Theme/defaults.css       | 10 +++++++++-
 .../themes/Jewel-Light-Flat-Primary-Blue-Theme/defaults.css    | 10 +++++++++-
 .../themes/Jewel-Light-Flat-Primary-Emerald-Theme/defaults.css | 10 +++++++++-
 .../themes/Jewel-Light-Flat-Primary-Green-Theme/defaults.css   | 10 +++++++++-
 .../themes/Jewel-Light-Flat-Primary-Orange-Theme/defaults.css  | 10 +++++++++-
 .../themes/Jewel-Light-Flat-Primary-Red-Theme/defaults.css     | 10 +++++++++-
 .../Jewel-Light-Flat-Primary-Sapphire-Theme/defaults.css       | 10 +++++++++-
 .../Jewel-Light-Flat-Primary-Sunflower-Theme/defaults.css      | 10 +++++++++-
 .../themes/Jewel-Light-Flat-Primary-Topaz-Theme/defaults.css   | 10 +++++++++-
 .../Jewel-Light-Flat-Primary-Turquoise-Theme/defaults.css      | 10 +++++++++-
 .../themes/Jewel-Light-Flat-Primary-Violet-Theme/defaults.css  | 10 +++++++++-
 .../themes/Jewel-Light-Flat-Primary-Yellow-Theme/defaults.css  | 10 +++++++++-
 .../Jewel-Light-Flat-Secondary-Amethyst-Theme/defaults.css     |  2 ++
 .../themes/Jewel-Light-Flat-Secondary-Blue-Theme/defaults.css  |  2 ++
 .../Jewel-Light-Flat-Secondary-Emerald-Theme/defaults.css      |  2 ++
 .../themes/Jewel-Light-Flat-Secondary-Green-Theme/defaults.css |  2 ++
 .../Jewel-Light-Flat-Secondary-Orange-Theme/defaults.css       |  2 ++
 .../themes/Jewel-Light-Flat-Secondary-Red-Theme/defaults.css   |  2 ++
 .../Jewel-Light-Flat-Secondary-Sapphire-Theme/defaults.css     |  2 ++
 .../Jewel-Light-Flat-Secondary-Sunflower-Theme/defaults.css    |  2 ++
 .../themes/Jewel-Light-Flat-Secondary-Topaz-Theme/defaults.css |  2 ++
 .../Jewel-Light-Flat-Secondary-Turquoise-Theme/defaults.css    |  2 ++
 .../Jewel-Light-Flat-Secondary-Violet-Theme/defaults.css       |  2 ++
 .../Jewel-Light-Flat-Secondary-Yellow-Theme/defaults.css       |  2 ++
 .../Jewel-Light-NoFlat-Primary-Amethyst-Theme/defaults.css     |  4 +++-
 .../themes/Jewel-Light-NoFlat-Primary-Blue-Theme/defaults.css  |  4 +++-
 .../Jewel-Light-NoFlat-Primary-Emerald-Theme/defaults.css      |  4 +++-
 .../themes/Jewel-Light-NoFlat-Primary-Green-Theme/defaults.css |  4 +++-
 .../Jewel-Light-NoFlat-Primary-Orange-Theme/defaults.css       |  4 +++-
 .../themes/Jewel-Light-NoFlat-Primary-Red-Theme/defaults.css   |  4 +++-
 .../Jewel-Light-NoFlat-Primary-Sapphire-Theme/defaults.css     |  4 +++-
 .../Jewel-Light-NoFlat-Primary-Sunflower-Theme/defaults.css    |  4 +++-
 .../themes/Jewel-Light-NoFlat-Primary-Topaz-Theme/defaults.css |  4 +++-
 .../Jewel-Light-NoFlat-Primary-Turquoise-Theme/defaults.css    |  4 +++-
 .../Jewel-Light-NoFlat-Primary-Violet-Theme/defaults.css       |  4 +++-
 .../Jewel-Light-NoFlat-Primary-Yellow-Theme/defaults.css       |  4 +++-
 .../src/main/resources/defaults.css                            |  2 +-
 .../src/main/resources/defaults.css                            |  2 +-
 .../src/main/resources/defaults.css                            |  2 +-
 .../src/main/resources/defaults.css                            |  2 +-
 .../src/main/resources/defaults.css                            |  2 +-
 .../src/main/resources/defaults.css                            |  2 +-
 .../src/main/resources/defaults.css                            |  2 +-
 .../src/main/resources/defaults.css                            |  2 +-
 .../src/main/resources/defaults.css                            |  2 +-
 .../src/main/resources/defaults.css                            |  2 +-
 .../src/main/resources/defaults.css                            |  2 +-
 .../src/main/resources/defaults.css                            |  2 +-
 .../src/main/resources/defaults.css                            |  2 ++
 .../src/main/resources/defaults.css                            |  2 ++
 .../src/main/resources/defaults.css                            |  2 ++
 .../src/main/resources/defaults.css                            |  2 ++
 .../src/main/resources/defaults.css                            |  2 ++
 .../src/main/resources/defaults.css                            |  2 ++
 .../src/main/resources/defaults.css                            |  2 ++
 .../src/main/resources/defaults.css                            |  2 ++
 .../src/main/resources/defaults.css                            |  2 ++
 .../src/main/resources/defaults.css                            |  2 ++
 .../src/main/resources/defaults.css                            |  2 ++
 .../src/main/resources/defaults.css                            |  2 ++
 .../src/main/resources/defaults.css                            | 10 +++++++++-
 .../src/main/resources/defaults.css                            | 10 +++++++++-
 .../src/main/resources/defaults.css                            | 10 +++++++++-
 .../src/main/resources/defaults.css                            | 10 +++++++++-
 .../src/main/resources/defaults.css                            | 10 +++++++++-
 .../src/main/resources/defaults.css                            | 10 +++++++++-
 .../src/main/resources/defaults.css                            | 10 +++++++++-
 .../src/main/resources/defaults.css                            | 10 +++++++++-
 .../src/main/resources/defaults.css                            | 10 +++++++++-
 .../src/main/resources/defaults.css                            | 10 +++++++++-
 .../src/main/resources/defaults.css                            | 10 +++++++++-
 .../src/main/resources/defaults.css                            | 10 +++++++++-
 .../src/main/resources/defaults.css                            |  2 ++
 .../src/main/resources/defaults.css                            |  2 ++
 .../src/main/resources/defaults.css                            |  2 ++
 .../src/main/resources/defaults.css                            |  2 ++
 .../src/main/resources/defaults.css                            |  2 ++
 .../src/main/resources/defaults.css                            |  2 ++
 .../src/main/resources/defaults.css                            |  2 ++
 .../src/main/resources/defaults.css                            |  2 ++
 .../src/main/resources/defaults.css                            |  2 ++
 .../src/main/resources/defaults.css                            |  2 ++
 .../src/main/resources/defaults.css                            |  2 ++
 .../src/main/resources/defaults.css                            |  2 ++
 .../src/main/resources/defaults.css                            |  4 +++-
 .../src/main/resources/defaults.css                            |  4 +++-
 .../src/main/resources/defaults.css                            |  4 +++-
 .../src/main/resources/defaults.css                            |  4 +++-
 .../src/main/resources/defaults.css                            |  4 +++-
 .../src/main/resources/defaults.css                            |  4 +++-
 .../src/main/resources/defaults.css                            |  4 +++-
 .../src/main/resources/defaults.css                            |  4 +++-
 .../src/main/resources/defaults.css                            |  4 +++-
 .../src/main/resources/defaults.css                            |  4 +++-
 .../src/main/resources/defaults.css                            |  4 +++-
 .../src/main/resources/defaults.css                            |  4 +++-
 frameworks/themes/JewelTheme/src/main/resources/defaults.css   |  4 +++-
 .../src/main/sass/components-emphasized/_button.sass           |  8 ++++----
 .../src/main/sass/components-emphasized/_togglebutton.sass     |  8 ++++----
 .../JewelTheme/src/main/sass/components-primary/_button.sass   | 10 +++++-----
 .../src/main/sass/components-primary/_datechooser.sass         |  9 +++------
 .../src/main/sass/components-primary/_footerbar.sass           | 10 ++++++----
 .../JewelTheme/src/main/sass/components-primary/_list.sass     |  3 +--
 .../src/main/sass/components-primary/_togglebutton.sass        | 10 +++++-----
 .../src/main/sass/components-primary/_topappbar.sass           | 10 ++++++----
 .../JewelTheme/src/main/sass/components-secondary/_button.sass | 10 +++++-----
 .../src/main/sass/components-secondary/_togglebutton.sass      | 10 +++++-----
 119 files changed, 443 insertions(+), 105 deletions(-)

diff --git a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Emphasized-Amethyst-Theme/defaults.css b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Emphasized-Amethyst-Theme/defaults.css
index 60be22f..e6fc99e 100644
--- a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Emphasized-Amethyst-Theme/defaults.css
+++ b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Emphasized-Amethyst-Theme/defaults.css
@@ -27,6 +27,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.emphasized:hover, .jewel.button.emphasized:hover:focus {
   background: #b427b1;
@@ -86,6 +87,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
   background: #b427b1;
diff --git a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Emphasized-Blue-Theme/defaults.css b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Emphasized-Blue-Theme/defaults.css
index 6a5be14..10e2cfc 100644
--- a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Emphasized-Blue-Theme/defaults.css
+++ b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Emphasized-Blue-Theme/defaults.css
@@ -27,6 +27,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.emphasized:hover, .jewel.button.emphasized:hover:focus {
   background: #24a3ef;
@@ -86,6 +87,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
   background: #24a3ef;
diff --git a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Emphasized-Emerald-Theme/defaults.css b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Emphasized-Emerald-Theme/defaults.css
index 69e7995..2ddf0e6 100644
--- a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Emphasized-Emerald-Theme/defaults.css
+++ b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Emphasized-Emerald-Theme/defaults.css
@@ -27,6 +27,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.emphasized:hover, .jewel.button.emphasized:hover:focus {
   background: #7eb435;
@@ -86,6 +87,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
   background: #7eb435;
diff --git a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Emphasized-Green-Theme/defaults.css b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Emphasized-Green-Theme/defaults.css
index d588206..d7de987 100644
--- a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Emphasized-Green-Theme/defaults.css
+++ b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Emphasized-Green-Theme/defaults.css
@@ -27,6 +27,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.emphasized:hover, .jewel.button.emphasized:hover:focus {
   background: #34a241;
@@ -86,6 +87,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
   background: #34a241;
diff --git a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Emphasized-Orange-Theme/defaults.css b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Emphasized-Orange-Theme/defaults.css
index b726bda..bbd2a21 100644
--- a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Emphasized-Orange-Theme/defaults.css
+++ b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Emphasized-Orange-Theme/defaults.css
@@ -27,6 +27,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.emphasized:hover, .jewel.button.emphasized:hover:focus {
   background: #f28809;
@@ -86,6 +87,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
   background: #f28809;
diff --git a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Emphasized-Red-Theme/defaults.css b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Emphasized-Red-Theme/defaults.css
index 7f87e1d..66efc13 100644
--- a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Emphasized-Red-Theme/defaults.css
+++ b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Emphasized-Red-Theme/defaults.css
@@ -27,6 +27,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.emphasized:hover, .jewel.button.emphasized:hover:focus {
   background: #dc121a;
@@ -86,6 +87,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
   background: #dc121a;
diff --git a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Emphasized-Sapphire-Theme/defaults.css b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Emphasized-Sapphire-Theme/defaults.css
index df3e972..e677c2a 100644
--- a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Emphasized-Sapphire-Theme/defaults.css
+++ b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Emphasized-Sapphire-Theme/defaults.css
@@ -27,6 +27,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.emphasized:hover, .jewel.button.emphasized:hover:focus {
   background: #2767a9;
@@ -86,6 +87,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
   background: #2767a9;
diff --git a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Emphasized-Sunflower-Theme/defaults.css b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Emphasized-Sunflower-Theme/defaults.css
index 210a251..73b4981 100644
--- a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Emphasized-Sunflower-Theme/defaults.css
+++ b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Emphasized-Sunflower-Theme/defaults.css
@@ -27,6 +27,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.emphasized:hover, .jewel.button.emphasized:hover:focus {
   background: #f7a726;
@@ -86,6 +87,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
   background: #f7a726;
diff --git a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Emphasized-Topaz-Theme/defaults.css b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Emphasized-Topaz-Theme/defaults.css
index 80762c6..6366204 100644
--- a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Emphasized-Topaz-Theme/defaults.css
+++ b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Emphasized-Topaz-Theme/defaults.css
@@ -27,6 +27,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.emphasized:hover, .jewel.button.emphasized:hover:focus {
   background: #ed4812;
@@ -86,6 +87,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
   background: #ed4812;
diff --git a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Emphasized-Turquoise-Theme/defaults.css b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Emphasized-Turquoise-Theme/defaults.css
index a855af9..ecca5d3 100644
--- a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Emphasized-Turquoise-Theme/defaults.css
+++ b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Emphasized-Turquoise-Theme/defaults.css
@@ -27,6 +27,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.emphasized:hover, .jewel.button.emphasized:hover:focus {
   background: #24948c;
@@ -86,6 +87,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
   background: #24948c;
diff --git a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Emphasized-Violet-Theme/defaults.css b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Emphasized-Violet-Theme/defaults.css
index e57bb28..ef54efb 100644
--- a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Emphasized-Violet-Theme/defaults.css
+++ b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Emphasized-Violet-Theme/defaults.css
@@ -27,6 +27,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.emphasized:hover, .jewel.button.emphasized:hover:focus {
   background: #58267c;
@@ -86,6 +87,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
   background: #58267c;
diff --git a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Emphasized-Yellow-Theme/defaults.css b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Emphasized-Yellow-Theme/defaults.css
index aaa0306..886265c 100644
--- a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Emphasized-Yellow-Theme/defaults.css
+++ b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Emphasized-Yellow-Theme/defaults.css
@@ -27,6 +27,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.emphasized:hover, .jewel.button.emphasized:hover:focus {
   background: #cac00a;
@@ -86,6 +87,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
   background: #cac00a;
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 b4d01b3..7827b12 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
@@ -165,6 +165,7 @@ hr {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -211,6 +212,7 @@ hr {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.primary:hover, .jewel.button.primary:hover:focus {
   background: #b427b1;
@@ -544,6 +546,7 @@ j|Card {
   background: #333333;
   border: 0px solid;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.footerbar .footerBarAppHeader.has-drawer {
   width: calc(100% - 240px);
@@ -558,6 +561,7 @@ j|Card {
   padding: 12px;
   fill: #FFFFFF;
   color: inherit;
+  text-shadow: none;
 }
 .jewel.footerbar .jewel.barsection button:hover, .jewel.footerbar .jewel.barsection button:hover:focus, .jewel.footerbar .jewel.barsection button:active, .jewel.footerbar .jewel.barsection button:active:focus, .jewel.footerbar .jewel.barsection button:focus {
   background: transparent;
@@ -641,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 0px solid;
@@ -1094,6 +1098,7 @@ a:active {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -1145,6 +1150,7 @@ a:active {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
   background: #b427b1;
@@ -1223,6 +1229,7 @@ a:active {
   background: #C92CC6;
   border: 1px solid #a825a5;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.topappbar .topBarAppHeader.has-drawer {
   width: calc(100% - 240px);
@@ -1237,6 +1244,7 @@ a:active {
   padding: 12px;
   fill: #FFFFFF;
   color: inherit;
+  text-shadow: none;
 }
 .jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
   background: transparent;
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 0d34543..f44d266 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
@@ -165,6 +165,7 @@ hr {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -211,6 +212,7 @@ hr {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.primary:hover, .jewel.button.primary:hover:focus {
   background: #24a3ef;
@@ -544,6 +546,7 @@ j|Card {
   background: #333333;
   border: 0px solid;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.footerbar .footerBarAppHeader.has-drawer {
   width: calc(100% - 240px);
@@ -558,6 +561,7 @@ j|Card {
   padding: 12px;
   fill: #FFFFFF;
   color: inherit;
+  text-shadow: none;
 }
 .jewel.footerbar .jewel.barsection button:hover, .jewel.footerbar .jewel.barsection button:hover:focus, .jewel.footerbar .jewel.barsection button:active, .jewel.footerbar .jewel.barsection button:active:focus, .jewel.footerbar .jewel.barsection button:focus {
   background: transparent;
@@ -641,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 0px solid;
@@ -1094,6 +1098,7 @@ a:active {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -1145,6 +1150,7 @@ a:active {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
   background: #24a3ef;
@@ -1223,6 +1229,7 @@ a:active {
   background: #3CADF1;
   border: 1px solid #169dee;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.topappbar .topBarAppHeader.has-drawer {
   width: calc(100% - 240px);
@@ -1237,6 +1244,7 @@ a:active {
   padding: 12px;
   fill: #FFFFFF;
   color: inherit;
+  text-shadow: none;
 }
 .jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
   background: transparent;
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 251f522..c834219 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
@@ -165,6 +165,7 @@ hr {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -211,6 +212,7 @@ hr {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.primary:hover, .jewel.button.primary:hover:focus {
   background: #7eb435;
@@ -544,6 +546,7 @@ j|Card {
   background: #333333;
   border: 0px solid;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.footerbar .footerBarAppHeader.has-drawer {
   width: calc(100% - 240px);
@@ -558,6 +561,7 @@ j|Card {
   padding: 12px;
   fill: #FFFFFF;
   color: inherit;
+  text-shadow: none;
 }
 .jewel.footerbar .jewel.barsection button:hover, .jewel.footerbar .jewel.barsection button:hover:focus, .jewel.footerbar .jewel.barsection button:active, .jewel.footerbar .jewel.barsection button:active:focus, .jewel.footerbar .jewel.barsection button:focus {
   background: transparent;
@@ -641,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 0px solid;
@@ -1094,6 +1098,7 @@ a:active {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -1145,6 +1150,7 @@ a:active {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
   background: #7eb435;
@@ -1223,6 +1229,7 @@ a:active {
   background: #8CC63C;
   border: 1px solid #76a831;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.topappbar .topBarAppHeader.has-drawer {
   width: calc(100% - 240px);
@@ -1237,6 +1244,7 @@ a:active {
   padding: 12px;
   fill: #FFFFFF;
   color: inherit;
+  text-shadow: none;
 }
 .jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
   background: transparent;
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 924ceff..ddcfb6f 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
@@ -165,6 +165,7 @@ hr {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -211,6 +212,7 @@ hr {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.primary:hover, .jewel.button.primary:hover:focus {
   background: #34a241;
@@ -544,6 +546,7 @@ j|Card {
   background: #333333;
   border: 0px solid;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.footerbar .footerBarAppHeader.has-drawer {
   width: calc(100% - 240px);
@@ -558,6 +561,7 @@ j|Card {
   padding: 12px;
   fill: #FFFFFF;
   color: inherit;
+  text-shadow: none;
 }
 .jewel.footerbar .jewel.barsection button:hover, .jewel.footerbar .jewel.barsection button:hover:focus, .jewel.footerbar .jewel.barsection button:active, .jewel.footerbar .jewel.barsection button:active:focus, .jewel.footerbar .jewel.barsection button:focus {
   background: transparent;
@@ -641,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 0px solid;
@@ -1094,6 +1098,7 @@ a:active {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -1145,6 +1150,7 @@ a:active {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
   background: #34a241;
@@ -1223,6 +1229,7 @@ a:active {
   background: #3AB549;
   border: 1px solid #30963d;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.topappbar .topBarAppHeader.has-drawer {
   width: calc(100% - 240px);
@@ -1237,6 +1244,7 @@ a:active {
   padding: 12px;
   fill: #FFFFFF;
   color: inherit;
+  text-shadow: none;
 }
 .jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
   background: transparent;
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 be32b6d..9b67a01 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
@@ -165,6 +165,7 @@ hr {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -211,6 +212,7 @@ hr {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.primary:hover, .jewel.button.primary:hover:focus {
   background: #f28809;
@@ -544,6 +546,7 @@ j|Card {
   background: #333333;
   border: 0px solid;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.footerbar .footerBarAppHeader.has-drawer {
   width: calc(100% - 240px);
@@ -558,6 +561,7 @@ j|Card {
   padding: 12px;
   fill: #FFFFFF;
   color: inherit;
+  text-shadow: none;
 }
 .jewel.footerbar .jewel.barsection button:hover, .jewel.footerbar .jewel.barsection button:hover:focus, .jewel.footerbar .jewel.barsection button:active, .jewel.footerbar .jewel.barsection button:active:focus, .jewel.footerbar .jewel.barsection button:focus {
   background: transparent;
@@ -641,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 0px solid;
@@ -1094,6 +1098,7 @@ a:active {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -1145,6 +1150,7 @@ a:active {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
   background: #f28809;
@@ -1223,6 +1229,7 @@ a:active {
   background: #F7941D;
   border: 1px solid #e38008;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.topappbar .topBarAppHeader.has-drawer {
   width: calc(100% - 240px);
@@ -1237,6 +1244,7 @@ a:active {
   padding: 12px;
   fill: #FFFFFF;
   color: inherit;
+  text-shadow: none;
 }
 .jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
   background: transparent;
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 1754c3b..eeb60a0 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
@@ -165,6 +165,7 @@ hr {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -211,6 +212,7 @@ hr {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.primary:hover, .jewel.button.primary:hover:focus {
   background: #dc121a;
@@ -544,6 +546,7 @@ j|Card {
   background: #333333;
   border: 0px solid;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.footerbar .footerBarAppHeader.has-drawer {
   width: calc(100% - 240px);
@@ -558,6 +561,7 @@ j|Card {
   padding: 12px;
   fill: #FFFFFF;
   color: inherit;
+  text-shadow: none;
 }
 .jewel.footerbar .jewel.barsection button:hover, .jewel.footerbar .jewel.barsection button:hover:focus, .jewel.footerbar .jewel.barsection button:active, .jewel.footerbar .jewel.barsection button:active:focus, .jewel.footerbar .jewel.barsection button:focus {
   background: transparent;
@@ -641,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 0px solid;
@@ -1094,6 +1098,7 @@ a:active {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -1145,6 +1150,7 @@ a:active {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
   background: #dc121a;
@@ -1223,6 +1229,7 @@ a:active {
   background: #EC1C24;
   border: 1px solid #ce1118;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.topappbar .topBarAppHeader.has-drawer {
   width: calc(100% - 240px);
@@ -1237,6 +1244,7 @@ a:active {
   padding: 12px;
   fill: #FFFFFF;
   color: inherit;
+  text-shadow: none;
 }
 .jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
   background: transparent;
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 5b31fe0..aa015fe 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
@@ -165,6 +165,7 @@ hr {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -211,6 +212,7 @@ hr {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.primary:hover, .jewel.button.primary:hover:focus {
   background: #2767a9;
@@ -544,6 +546,7 @@ j|Card {
   background: #333333;
   border: 0px solid;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.footerbar .footerBarAppHeader.has-drawer {
   width: calc(100% - 240px);
@@ -558,6 +561,7 @@ j|Card {
   padding: 12px;
   fill: #FFFFFF;
   color: inherit;
+  text-shadow: none;
 }
 .jewel.footerbar .jewel.barsection button:hover, .jewel.footerbar .jewel.barsection button:hover:focus, .jewel.footerbar .jewel.barsection button:active, .jewel.footerbar .jewel.barsection button:active:focus, .jewel.footerbar .jewel.barsection button:focus {
   background: transparent;
@@ -641,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 0px solid;
@@ -1094,6 +1098,7 @@ a:active {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -1145,6 +1150,7 @@ a:active {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
   background: #2767a9;
@@ -1223,6 +1229,7 @@ a:active {
   background: #2C74BE;
   border: 1px solid #24609d;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.topappbar .topBarAppHeader.has-drawer {
   width: calc(100% - 240px);
@@ -1237,6 +1244,7 @@ a:active {
   padding: 12px;
   fill: #FFFFFF;
   color: inherit;
+  text-shadow: none;
 }
 .jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
   background: transparent;
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 bff72fc..9c32209 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
@@ -165,6 +165,7 @@ hr {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -211,6 +212,7 @@ hr {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.primary:hover, .jewel.button.primary:hover:focus {
   background: #f7a726;
@@ -544,6 +546,7 @@ j|Card {
   background: #333333;
   border: 0px solid;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.footerbar .footerBarAppHeader.has-drawer {
   width: calc(100% - 240px);
@@ -558,6 +561,7 @@ j|Card {
   padding: 12px;
   fill: #FFFFFF;
   color: inherit;
+  text-shadow: none;
 }
 .jewel.footerbar .jewel.barsection button:hover, .jewel.footerbar .jewel.barsection button:hover:focus, .jewel.footerbar .jewel.barsection button:active, .jewel.footerbar .jewel.barsection button:active:focus, .jewel.footerbar .jewel.barsection button:focus {
   background: transparent;
@@ -641,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 0px solid;
@@ -1094,6 +1098,7 @@ a:active {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -1145,6 +1150,7 @@ a:active {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
   background: #f7a726;
@@ -1223,6 +1229,7 @@ a:active {
   background: #F8B13F;
   border: 1px solid #f7a118;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.topappbar .topBarAppHeader.has-drawer {
   width: calc(100% - 240px);
@@ -1237,6 +1244,7 @@ a:active {
   padding: 12px;
   fill: #FFFFFF;
   color: inherit;
+  text-shadow: none;
 }
 .jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
   background: transparent;
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 4900397..b911526 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
@@ -165,6 +165,7 @@ hr {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -211,6 +212,7 @@ hr {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.primary:hover, .jewel.button.primary:hover:focus {
   background: #ed4812;
@@ -544,6 +546,7 @@ j|Card {
   background: #333333;
   border: 0px solid;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.footerbar .footerBarAppHeader.has-drawer {
   width: calc(100% - 240px);
@@ -558,6 +561,7 @@ j|Card {
   padding: 12px;
   fill: #FFFFFF;
   color: inherit;
+  text-shadow: none;
 }
 .jewel.footerbar .jewel.barsection button:hover, .jewel.footerbar .jewel.barsection button:hover:focus, .jewel.footerbar .jewel.barsection button:active, .jewel.footerbar .jewel.barsection button:active:focus, .jewel.footerbar .jewel.barsection button:focus {
   background: transparent;
@@ -641,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 0px solid;
@@ -1094,6 +1098,7 @@ a:active {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -1145,6 +1150,7 @@ a:active {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
   background: #ed4812;
@@ -1223,6 +1229,7 @@ a:active {
   background: #EF5A2A;
   border: 1px solid #df4311;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.topappbar .topBarAppHeader.has-drawer {
   width: calc(100% - 240px);
@@ -1237,6 +1244,7 @@ a:active {
   padding: 12px;
   fill: #FFFFFF;
   color: inherit;
+  text-shadow: none;
 }
 .jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
   background: transparent;
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 018ec88..c72e64f 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
@@ -165,6 +165,7 @@ hr {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -211,6 +212,7 @@ hr {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.primary:hover, .jewel.button.primary:hover:focus {
   background: #24948c;
@@ -544,6 +546,7 @@ j|Card {
   background: #333333;
   border: 0px solid;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.footerbar .footerBarAppHeader.has-drawer {
   width: calc(100% - 240px);
@@ -558,6 +561,7 @@ j|Card {
   padding: 12px;
   fill: #FFFFFF;
   color: inherit;
+  text-shadow: none;
 }
 .jewel.footerbar .jewel.barsection button:hover, .jewel.footerbar .jewel.barsection button:hover:focus, .jewel.footerbar .jewel.barsection button:active, .jewel.footerbar .jewel.barsection button:active:focus, .jewel.footerbar .jewel.barsection button:focus {
   background: transparent;
@@ -641,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 0px solid;
@@ -1094,6 +1098,7 @@ a:active {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -1145,6 +1150,7 @@ a:active {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
   background: #24948c;
@@ -1223,6 +1229,7 @@ a:active {
   background: #29A89F;
   border: 1px solid #218780;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.topappbar .topBarAppHeader.has-drawer {
   width: calc(100% - 240px);
@@ -1237,6 +1244,7 @@ a:active {
   padding: 12px;
   fill: #FFFFFF;
   color: inherit;
+  text-shadow: none;
 }
 .jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
   background: transparent;
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 aafd710..456317d 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
@@ -165,6 +165,7 @@ hr {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -211,6 +212,7 @@ hr {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.primary:hover, .jewel.button.primary:hover:focus {
   background: #58267c;
@@ -544,6 +546,7 @@ j|Card {
   background: #333333;
   border: 0px solid;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.footerbar .footerBarAppHeader.has-drawer {
   width: calc(100% - 240px);
@@ -558,6 +561,7 @@ j|Card {
   padding: 12px;
   fill: #FFFFFF;
   color: inherit;
+  text-shadow: none;
 }
 .jewel.footerbar .jewel.barsection button:hover, .jewel.footerbar .jewel.barsection button:hover:focus, .jewel.footerbar .jewel.barsection button:active, .jewel.footerbar .jewel.barsection button:active:focus, .jewel.footerbar .jewel.barsection button:focus {
   background: transparent;
@@ -641,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 0px solid;
@@ -1094,6 +1098,7 @@ a:active {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -1145,6 +1150,7 @@ a:active {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
   background: #58267c;
@@ -1223,6 +1229,7 @@ a:active {
   background: #662C90;
   border: 1px solid #502271;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.topappbar .topBarAppHeader.has-drawer {
   width: calc(100% - 240px);
@@ -1237,6 +1244,7 @@ a:active {
   padding: 12px;
   fill: #FFFFFF;
   color: inherit;
+  text-shadow: none;
 }
 .jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
   background: transparent;
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 2cbfee8..aad0fe8 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
@@ -165,6 +165,7 @@ hr {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -211,6 +212,7 @@ hr {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.primary:hover, .jewel.button.primary:hover:focus {
   background: #cac00a;
@@ -544,6 +546,7 @@ j|Card {
   background: #333333;
   border: 0px solid;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.footerbar .footerBarAppHeader.has-drawer {
   width: calc(100% - 240px);
@@ -558,6 +561,7 @@ j|Card {
   padding: 12px;
   fill: #FFFFFF;
   color: inherit;
+  text-shadow: none;
 }
 .jewel.footerbar .jewel.barsection button:hover, .jewel.footerbar .jewel.barsection button:hover:focus, .jewel.footerbar .jewel.barsection button:active, .jewel.footerbar .jewel.barsection button:active:focus, .jewel.footerbar .jewel.barsection button:focus {
   background: transparent;
@@ -641,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 0px solid;
@@ -1094,6 +1098,7 @@ a:active {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -1145,6 +1150,7 @@ a:active {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
   background: #cac00a;
@@ -1223,6 +1229,7 @@ a:active {
   background: #E2D70B;
   border: 1px solid #bbb209;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.topappbar .topBarAppHeader.has-drawer {
   width: calc(100% - 240px);
@@ -1237,6 +1244,7 @@ a:active {
   padding: 12px;
   fill: #FFFFFF;
   color: inherit;
+  text-shadow: none;
 }
 .jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
   background: transparent;
diff --git a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Secondary-Amethyst-Theme/defaults.css b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Secondary-Amethyst-Theme/defaults.css
index eb4d5b6..d2dd779 100644
--- a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Secondary-Amethyst-Theme/defaults.css
+++ b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Secondary-Amethyst-Theme/defaults.css
@@ -27,6 +27,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.secondary:hover, .jewel.button.secondary:hover:focus {
   background: #b427b1;
@@ -98,6 +99,7 @@ a:active {
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
   background: #b427b1;
diff --git a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Secondary-Blue-Theme/defaults.css b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Secondary-Blue-Theme/defaults.css
index 798b537..36eee7d 100644
--- a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Secondary-Blue-Theme/defaults.css
+++ b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Secondary-Blue-Theme/defaults.css
@@ -27,6 +27,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.secondary:hover, .jewel.button.secondary:hover:focus {
   background: #24a3ef;
@@ -98,6 +99,7 @@ a:active {
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
   background: #24a3ef;
diff --git a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Secondary-Emerald-Theme/defaults.css b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Secondary-Emerald-Theme/defaults.css
index 6e45d2c..81d5baa 100644
--- a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Secondary-Emerald-Theme/defaults.css
+++ b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Secondary-Emerald-Theme/defaults.css
@@ -27,6 +27,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.secondary:hover, .jewel.button.secondary:hover:focus {
   background: #7eb435;
@@ -98,6 +99,7 @@ a:active {
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
   background: #7eb435;
diff --git a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Secondary-Green-Theme/defaults.css b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Secondary-Green-Theme/defaults.css
index dcfa283..bc17e0d 100644
--- a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Secondary-Green-Theme/defaults.css
+++ b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Secondary-Green-Theme/defaults.css
@@ -27,6 +27,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.secondary:hover, .jewel.button.secondary:hover:focus {
   background: #34a241;
@@ -98,6 +99,7 @@ a:active {
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
   background: #34a241;
diff --git a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Secondary-Orange-Theme/defaults.css b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Secondary-Orange-Theme/defaults.css
index c2a2cb5..2d0ec33 100644
--- a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Secondary-Orange-Theme/defaults.css
+++ b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Secondary-Orange-Theme/defaults.css
@@ -27,6 +27,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.secondary:hover, .jewel.button.secondary:hover:focus {
   background: #f28809;
@@ -98,6 +99,7 @@ a:active {
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
   background: #f28809;
diff --git a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Secondary-Red-Theme/defaults.css b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Secondary-Red-Theme/defaults.css
index 8407db0..916ba9c 100644
--- a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Secondary-Red-Theme/defaults.css
+++ b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Secondary-Red-Theme/defaults.css
@@ -27,6 +27,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.secondary:hover, .jewel.button.secondary:hover:focus {
   background: #dc121a;
@@ -98,6 +99,7 @@ a:active {
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
   background: #dc121a;
diff --git a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Secondary-Sapphire-Theme/defaults.css b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Secondary-Sapphire-Theme/defaults.css
index 7821a43..71cafc6 100644
--- a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Secondary-Sapphire-Theme/defaults.css
+++ b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Secondary-Sapphire-Theme/defaults.css
@@ -27,6 +27,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.secondary:hover, .jewel.button.secondary:hover:focus {
   background: #2767a9;
@@ -98,6 +99,7 @@ a:active {
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
   background: #2767a9;
diff --git a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Secondary-Sunflower-Theme/defaults.css b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Secondary-Sunflower-Theme/defaults.css
index 79ace3d..e074a63 100644
--- a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Secondary-Sunflower-Theme/defaults.css
+++ b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Secondary-Sunflower-Theme/defaults.css
@@ -27,6 +27,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.secondary:hover, .jewel.button.secondary:hover:focus {
   background: #f7a726;
@@ -98,6 +99,7 @@ a:active {
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
   background: #f7a726;
diff --git a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Secondary-Topaz-Theme/defaults.css b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Secondary-Topaz-Theme/defaults.css
index 55106b5..478630f 100644
--- a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Secondary-Topaz-Theme/defaults.css
+++ b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Secondary-Topaz-Theme/defaults.css
@@ -27,6 +27,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.secondary:hover, .jewel.button.secondary:hover:focus {
   background: #ed4812;
@@ -98,6 +99,7 @@ a:active {
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
   background: #ed4812;
diff --git a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Secondary-Turquoise-Theme/defaults.css b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Secondary-Turquoise-Theme/defaults.css
index f3d4b72..690d144 100644
--- a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Secondary-Turquoise-Theme/defaults.css
+++ b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Secondary-Turquoise-Theme/defaults.css
@@ -27,6 +27,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.secondary:hover, .jewel.button.secondary:hover:focus {
   background: #24948c;
@@ -98,6 +99,7 @@ a:active {
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
   background: #24948c;
diff --git a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Secondary-Violet-Theme/defaults.css b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Secondary-Violet-Theme/defaults.css
index 940b5e3..6312043 100644
--- a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Secondary-Violet-Theme/defaults.css
+++ b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Secondary-Violet-Theme/defaults.css
@@ -27,6 +27,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.secondary:hover, .jewel.button.secondary:hover:focus {
   background: #58267c;
@@ -98,6 +99,7 @@ a:active {
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
   background: #58267c;
diff --git a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Secondary-Yellow-Theme/defaults.css b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Secondary-Yellow-Theme/defaults.css
index ac9a7b5..818c151 100644
--- a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Secondary-Yellow-Theme/defaults.css
+++ b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Secondary-Yellow-Theme/defaults.css
@@ -27,6 +27,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.secondary:hover, .jewel.button.secondary:hover:focus {
   background: #cac00a;
@@ -98,6 +99,7 @@ a:active {
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
   background: #cac00a;
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 0b8156f..998727b 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
@@ -165,6 +165,7 @@ hr {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -644,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
@@ -1097,6 +1098,7 @@ a:active {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
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 62254fc..8345643 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
@@ -165,6 +165,7 @@ hr {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -644,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
@@ -1097,6 +1098,7 @@ a:active {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
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 5b09e90..dee545c 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
@@ -165,6 +165,7 @@ hr {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -644,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
@@ -1097,6 +1098,7 @@ a:active {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
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 abda36c..3af959b 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
@@ -165,6 +165,7 @@ hr {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -644,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
@@ -1097,6 +1098,7 @@ a:active {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
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 acd00d3..7cfd261 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
@@ -165,6 +165,7 @@ hr {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -644,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
@@ -1097,6 +1098,7 @@ a:active {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
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 d316319..0d35a52 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
@@ -165,6 +165,7 @@ hr {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -644,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
@@ -1097,6 +1098,7 @@ a:active {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
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 7b7bdb4..71ee02a 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
@@ -165,6 +165,7 @@ hr {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -644,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
@@ -1097,6 +1098,7 @@ a:active {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
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 ee30150..431a2c6 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
@@ -165,6 +165,7 @@ hr {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -644,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
@@ -1097,6 +1098,7 @@ a:active {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
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 99e2e60..be4bfb6 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
@@ -165,6 +165,7 @@ hr {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -644,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
@@ -1097,6 +1098,7 @@ a:active {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
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 329d5dc..7a5287e 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
@@ -165,6 +165,7 @@ hr {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -644,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
@@ -1097,6 +1098,7 @@ a:active {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
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 062c14f..8a633b6 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
@@ -165,6 +165,7 @@ hr {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -644,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
@@ -1097,6 +1098,7 @@ a:active {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
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 a9ef853..871788a 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
@@ -165,6 +165,7 @@ hr {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -644,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
@@ -1097,6 +1098,7 @@ a:active {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
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 d351385..ea0561f 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
@@ -645,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: #737373;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #404040;
   border: 1px solid #0d0d0d;
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 1a178e4..31f0dcb 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
@@ -645,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: #737373;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #404040;
   border: 1px solid #0d0d0d;
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 aaa6af5..bf082fe 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
@@ -645,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: #737373;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #404040;
   border: 1px solid #0d0d0d;
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 87943ed..d869b39 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
@@ -645,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: #737373;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #404040;
   border: 1px solid #0d0d0d;
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 a4c74cb..b988618 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
@@ -645,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: #737373;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #404040;
   border: 1px solid #0d0d0d;
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 09a5467..d912caf 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
@@ -645,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: #737373;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #404040;
   border: 1px solid #0d0d0d;
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 5a9a563..8a3bb06 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
@@ -645,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: #737373;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #404040;
   border: 1px solid #0d0d0d;
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 662c152..2903ac9 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
@@ -645,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: #737373;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #404040;
   border: 1px solid #0d0d0d;
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 a671fde..f03d346 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
@@ -645,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: #737373;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #404040;
   border: 1px solid #0d0d0d;
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 196394f..6f89969 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
@@ -645,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: #737373;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #404040;
   border: 1px solid #0d0d0d;
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 c57f975..657237f 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
@@ -645,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: #737373;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #404040;
   border: 1px solid #0d0d0d;
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 6f6ad9b..1e42b2f 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
@@ -645,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: #737373;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #404040;
   border: 1px solid #0d0d0d;
diff --git a/frameworks/themes/Jewel-Light-Flat-Emphasized-Amethyst-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Emphasized-Amethyst-Theme/src/main/resources/defaults.css
index 60be22f..e6fc99e 100644
--- a/frameworks/themes/Jewel-Light-Flat-Emphasized-Amethyst-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Emphasized-Amethyst-Theme/src/main/resources/defaults.css
@@ -27,6 +27,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.emphasized:hover, .jewel.button.emphasized:hover:focus {
   background: #b427b1;
@@ -86,6 +87,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
   background: #b427b1;
diff --git a/frameworks/themes/Jewel-Light-Flat-Emphasized-Blue-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Emphasized-Blue-Theme/src/main/resources/defaults.css
index 6a5be14..10e2cfc 100644
--- a/frameworks/themes/Jewel-Light-Flat-Emphasized-Blue-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Emphasized-Blue-Theme/src/main/resources/defaults.css
@@ -27,6 +27,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.emphasized:hover, .jewel.button.emphasized:hover:focus {
   background: #24a3ef;
@@ -86,6 +87,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
   background: #24a3ef;
diff --git a/frameworks/themes/Jewel-Light-Flat-Emphasized-Emerald-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Emphasized-Emerald-Theme/src/main/resources/defaults.css
index 69e7995..2ddf0e6 100644
--- a/frameworks/themes/Jewel-Light-Flat-Emphasized-Emerald-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Emphasized-Emerald-Theme/src/main/resources/defaults.css
@@ -27,6 +27,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.emphasized:hover, .jewel.button.emphasized:hover:focus {
   background: #7eb435;
@@ -86,6 +87,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
   background: #7eb435;
diff --git a/frameworks/themes/Jewel-Light-Flat-Emphasized-Green-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Emphasized-Green-Theme/src/main/resources/defaults.css
index d588206..d7de987 100644
--- a/frameworks/themes/Jewel-Light-Flat-Emphasized-Green-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Emphasized-Green-Theme/src/main/resources/defaults.css
@@ -27,6 +27,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.emphasized:hover, .jewel.button.emphasized:hover:focus {
   background: #34a241;
@@ -86,6 +87,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
   background: #34a241;
diff --git a/frameworks/themes/Jewel-Light-Flat-Emphasized-Orange-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Emphasized-Orange-Theme/src/main/resources/defaults.css
index b726bda..bbd2a21 100644
--- a/frameworks/themes/Jewel-Light-Flat-Emphasized-Orange-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Emphasized-Orange-Theme/src/main/resources/defaults.css
@@ -27,6 +27,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.emphasized:hover, .jewel.button.emphasized:hover:focus {
   background: #f28809;
@@ -86,6 +87,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
   background: #f28809;
diff --git a/frameworks/themes/Jewel-Light-Flat-Emphasized-Red-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Emphasized-Red-Theme/src/main/resources/defaults.css
index 7f87e1d..66efc13 100644
--- a/frameworks/themes/Jewel-Light-Flat-Emphasized-Red-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Emphasized-Red-Theme/src/main/resources/defaults.css
@@ -27,6 +27,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.emphasized:hover, .jewel.button.emphasized:hover:focus {
   background: #dc121a;
@@ -86,6 +87,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
   background: #dc121a;
diff --git a/frameworks/themes/Jewel-Light-Flat-Emphasized-Sapphire-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Emphasized-Sapphire-Theme/src/main/resources/defaults.css
index df3e972..e677c2a 100644
--- a/frameworks/themes/Jewel-Light-Flat-Emphasized-Sapphire-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Emphasized-Sapphire-Theme/src/main/resources/defaults.css
@@ -27,6 +27,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.emphasized:hover, .jewel.button.emphasized:hover:focus {
   background: #2767a9;
@@ -86,6 +87,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
   background: #2767a9;
diff --git a/frameworks/themes/Jewel-Light-Flat-Emphasized-Sunflower-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Emphasized-Sunflower-Theme/src/main/resources/defaults.css
index 210a251..73b4981 100644
--- a/frameworks/themes/Jewel-Light-Flat-Emphasized-Sunflower-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Emphasized-Sunflower-Theme/src/main/resources/defaults.css
@@ -27,6 +27,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.emphasized:hover, .jewel.button.emphasized:hover:focus {
   background: #f7a726;
@@ -86,6 +87,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
   background: #f7a726;
diff --git a/frameworks/themes/Jewel-Light-Flat-Emphasized-Topaz-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Emphasized-Topaz-Theme/src/main/resources/defaults.css
index 80762c6..6366204 100644
--- a/frameworks/themes/Jewel-Light-Flat-Emphasized-Topaz-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Emphasized-Topaz-Theme/src/main/resources/defaults.css
@@ -27,6 +27,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.emphasized:hover, .jewel.button.emphasized:hover:focus {
   background: #ed4812;
@@ -86,6 +87,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
   background: #ed4812;
diff --git a/frameworks/themes/Jewel-Light-Flat-Emphasized-Turquoise-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Emphasized-Turquoise-Theme/src/main/resources/defaults.css
index a855af9..ecca5d3 100644
--- a/frameworks/themes/Jewel-Light-Flat-Emphasized-Turquoise-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Emphasized-Turquoise-Theme/src/main/resources/defaults.css
@@ -27,6 +27,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.emphasized:hover, .jewel.button.emphasized:hover:focus {
   background: #24948c;
@@ -86,6 +87,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
   background: #24948c;
diff --git a/frameworks/themes/Jewel-Light-Flat-Emphasized-Violet-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Emphasized-Violet-Theme/src/main/resources/defaults.css
index e57bb28..ef54efb 100644
--- a/frameworks/themes/Jewel-Light-Flat-Emphasized-Violet-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Emphasized-Violet-Theme/src/main/resources/defaults.css
@@ -27,6 +27,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.emphasized:hover, .jewel.button.emphasized:hover:focus {
   background: #58267c;
@@ -86,6 +87,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
   background: #58267c;
diff --git a/frameworks/themes/Jewel-Light-Flat-Emphasized-Yellow-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Emphasized-Yellow-Theme/src/main/resources/defaults.css
index aaa0306..886265c 100644
--- a/frameworks/themes/Jewel-Light-Flat-Emphasized-Yellow-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Emphasized-Yellow-Theme/src/main/resources/defaults.css
@@ -27,6 +27,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.emphasized:hover, .jewel.button.emphasized:hover:focus {
   background: #cac00a;
@@ -86,6 +87,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
   background: #cac00a;
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 b4d01b3..7827b12 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
@@ -165,6 +165,7 @@ hr {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -211,6 +212,7 @@ hr {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.primary:hover, .jewel.button.primary:hover:focus {
   background: #b427b1;
@@ -544,6 +546,7 @@ j|Card {
   background: #333333;
   border: 0px solid;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.footerbar .footerBarAppHeader.has-drawer {
   width: calc(100% - 240px);
@@ -558,6 +561,7 @@ j|Card {
   padding: 12px;
   fill: #FFFFFF;
   color: inherit;
+  text-shadow: none;
 }
 .jewel.footerbar .jewel.barsection button:hover, .jewel.footerbar .jewel.barsection button:hover:focus, .jewel.footerbar .jewel.barsection button:active, .jewel.footerbar .jewel.barsection button:active:focus, .jewel.footerbar .jewel.barsection button:focus {
   background: transparent;
@@ -641,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 0px solid;
@@ -1094,6 +1098,7 @@ a:active {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -1145,6 +1150,7 @@ a:active {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
   background: #b427b1;
@@ -1223,6 +1229,7 @@ a:active {
   background: #C92CC6;
   border: 1px solid #a825a5;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.topappbar .topBarAppHeader.has-drawer {
   width: calc(100% - 240px);
@@ -1237,6 +1244,7 @@ a:active {
   padding: 12px;
   fill: #FFFFFF;
   color: inherit;
+  text-shadow: none;
 }
 .jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
   background: transparent;
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 0d34543..f44d266 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
@@ -165,6 +165,7 @@ hr {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -211,6 +212,7 @@ hr {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.primary:hover, .jewel.button.primary:hover:focus {
   background: #24a3ef;
@@ -544,6 +546,7 @@ j|Card {
   background: #333333;
   border: 0px solid;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.footerbar .footerBarAppHeader.has-drawer {
   width: calc(100% - 240px);
@@ -558,6 +561,7 @@ j|Card {
   padding: 12px;
   fill: #FFFFFF;
   color: inherit;
+  text-shadow: none;
 }
 .jewel.footerbar .jewel.barsection button:hover, .jewel.footerbar .jewel.barsection button:hover:focus, .jewel.footerbar .jewel.barsection button:active, .jewel.footerbar .jewel.barsection button:active:focus, .jewel.footerbar .jewel.barsection button:focus {
   background: transparent;
@@ -641,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 0px solid;
@@ -1094,6 +1098,7 @@ a:active {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -1145,6 +1150,7 @@ a:active {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
   background: #24a3ef;
@@ -1223,6 +1229,7 @@ a:active {
   background: #3CADF1;
   border: 1px solid #169dee;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.topappbar .topBarAppHeader.has-drawer {
   width: calc(100% - 240px);
@@ -1237,6 +1244,7 @@ a:active {
   padding: 12px;
   fill: #FFFFFF;
   color: inherit;
+  text-shadow: none;
 }
 .jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
   background: transparent;
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 251f522..c834219 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
@@ -165,6 +165,7 @@ hr {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -211,6 +212,7 @@ hr {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.primary:hover, .jewel.button.primary:hover:focus {
   background: #7eb435;
@@ -544,6 +546,7 @@ j|Card {
   background: #333333;
   border: 0px solid;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.footerbar .footerBarAppHeader.has-drawer {
   width: calc(100% - 240px);
@@ -558,6 +561,7 @@ j|Card {
   padding: 12px;
   fill: #FFFFFF;
   color: inherit;
+  text-shadow: none;
 }
 .jewel.footerbar .jewel.barsection button:hover, .jewel.footerbar .jewel.barsection button:hover:focus, .jewel.footerbar .jewel.barsection button:active, .jewel.footerbar .jewel.barsection button:active:focus, .jewel.footerbar .jewel.barsection button:focus {
   background: transparent;
@@ -641,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 0px solid;
@@ -1094,6 +1098,7 @@ a:active {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -1145,6 +1150,7 @@ a:active {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
   background: #7eb435;
@@ -1223,6 +1229,7 @@ a:active {
   background: #8CC63C;
   border: 1px solid #76a831;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.topappbar .topBarAppHeader.has-drawer {
   width: calc(100% - 240px);
@@ -1237,6 +1244,7 @@ a:active {
   padding: 12px;
   fill: #FFFFFF;
   color: inherit;
+  text-shadow: none;
 }
 .jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
   background: transparent;
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 924ceff..ddcfb6f 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
@@ -165,6 +165,7 @@ hr {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -211,6 +212,7 @@ hr {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.primary:hover, .jewel.button.primary:hover:focus {
   background: #34a241;
@@ -544,6 +546,7 @@ j|Card {
   background: #333333;
   border: 0px solid;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.footerbar .footerBarAppHeader.has-drawer {
   width: calc(100% - 240px);
@@ -558,6 +561,7 @@ j|Card {
   padding: 12px;
   fill: #FFFFFF;
   color: inherit;
+  text-shadow: none;
 }
 .jewel.footerbar .jewel.barsection button:hover, .jewel.footerbar .jewel.barsection button:hover:focus, .jewel.footerbar .jewel.barsection button:active, .jewel.footerbar .jewel.barsection button:active:focus, .jewel.footerbar .jewel.barsection button:focus {
   background: transparent;
@@ -641,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 0px solid;
@@ -1094,6 +1098,7 @@ a:active {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -1145,6 +1150,7 @@ a:active {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
   background: #34a241;
@@ -1223,6 +1229,7 @@ a:active {
   background: #3AB549;
   border: 1px solid #30963d;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.topappbar .topBarAppHeader.has-drawer {
   width: calc(100% - 240px);
@@ -1237,6 +1244,7 @@ a:active {
   padding: 12px;
   fill: #FFFFFF;
   color: inherit;
+  text-shadow: none;
 }
 .jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
   background: transparent;
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 be32b6d..9b67a01 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
@@ -165,6 +165,7 @@ hr {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -211,6 +212,7 @@ hr {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.primary:hover, .jewel.button.primary:hover:focus {
   background: #f28809;
@@ -544,6 +546,7 @@ j|Card {
   background: #333333;
   border: 0px solid;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.footerbar .footerBarAppHeader.has-drawer {
   width: calc(100% - 240px);
@@ -558,6 +561,7 @@ j|Card {
   padding: 12px;
   fill: #FFFFFF;
   color: inherit;
+  text-shadow: none;
 }
 .jewel.footerbar .jewel.barsection button:hover, .jewel.footerbar .jewel.barsection button:hover:focus, .jewel.footerbar .jewel.barsection button:active, .jewel.footerbar .jewel.barsection button:active:focus, .jewel.footerbar .jewel.barsection button:focus {
   background: transparent;
@@ -641,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 0px solid;
@@ -1094,6 +1098,7 @@ a:active {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -1145,6 +1150,7 @@ a:active {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
   background: #f28809;
@@ -1223,6 +1229,7 @@ a:active {
   background: #F7941D;
   border: 1px solid #e38008;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.topappbar .topBarAppHeader.has-drawer {
   width: calc(100% - 240px);
@@ -1237,6 +1244,7 @@ a:active {
   padding: 12px;
   fill: #FFFFFF;
   color: inherit;
+  text-shadow: none;
 }
 .jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
   background: transparent;
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 1754c3b..eeb60a0 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
@@ -165,6 +165,7 @@ hr {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -211,6 +212,7 @@ hr {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.primary:hover, .jewel.button.primary:hover:focus {
   background: #dc121a;
@@ -544,6 +546,7 @@ j|Card {
   background: #333333;
   border: 0px solid;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.footerbar .footerBarAppHeader.has-drawer {
   width: calc(100% - 240px);
@@ -558,6 +561,7 @@ j|Card {
   padding: 12px;
   fill: #FFFFFF;
   color: inherit;
+  text-shadow: none;
 }
 .jewel.footerbar .jewel.barsection button:hover, .jewel.footerbar .jewel.barsection button:hover:focus, .jewel.footerbar .jewel.barsection button:active, .jewel.footerbar .jewel.barsection button:active:focus, .jewel.footerbar .jewel.barsection button:focus {
   background: transparent;
@@ -641,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 0px solid;
@@ -1094,6 +1098,7 @@ a:active {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -1145,6 +1150,7 @@ a:active {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
   background: #dc121a;
@@ -1223,6 +1229,7 @@ a:active {
   background: #EC1C24;
   border: 1px solid #ce1118;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.topappbar .topBarAppHeader.has-drawer {
   width: calc(100% - 240px);
@@ -1237,6 +1244,7 @@ a:active {
   padding: 12px;
   fill: #FFFFFF;
   color: inherit;
+  text-shadow: none;
 }
 .jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
   background: transparent;
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 5b31fe0..aa015fe 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
@@ -165,6 +165,7 @@ hr {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -211,6 +212,7 @@ hr {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.primary:hover, .jewel.button.primary:hover:focus {
   background: #2767a9;
@@ -544,6 +546,7 @@ j|Card {
   background: #333333;
   border: 0px solid;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.footerbar .footerBarAppHeader.has-drawer {
   width: calc(100% - 240px);
@@ -558,6 +561,7 @@ j|Card {
   padding: 12px;
   fill: #FFFFFF;
   color: inherit;
+  text-shadow: none;
 }
 .jewel.footerbar .jewel.barsection button:hover, .jewel.footerbar .jewel.barsection button:hover:focus, .jewel.footerbar .jewel.barsection button:active, .jewel.footerbar .jewel.barsection button:active:focus, .jewel.footerbar .jewel.barsection button:focus {
   background: transparent;
@@ -641,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 0px solid;
@@ -1094,6 +1098,7 @@ a:active {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -1145,6 +1150,7 @@ a:active {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
   background: #2767a9;
@@ -1223,6 +1229,7 @@ a:active {
   background: #2C74BE;
   border: 1px solid #24609d;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.topappbar .topBarAppHeader.has-drawer {
   width: calc(100% - 240px);
@@ -1237,6 +1244,7 @@ a:active {
   padding: 12px;
   fill: #FFFFFF;
   color: inherit;
+  text-shadow: none;
 }
 .jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
   background: transparent;
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 bff72fc..9c32209 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
@@ -165,6 +165,7 @@ hr {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -211,6 +212,7 @@ hr {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.primary:hover, .jewel.button.primary:hover:focus {
   background: #f7a726;
@@ -544,6 +546,7 @@ j|Card {
   background: #333333;
   border: 0px solid;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.footerbar .footerBarAppHeader.has-drawer {
   width: calc(100% - 240px);
@@ -558,6 +561,7 @@ j|Card {
   padding: 12px;
   fill: #FFFFFF;
   color: inherit;
+  text-shadow: none;
 }
 .jewel.footerbar .jewel.barsection button:hover, .jewel.footerbar .jewel.barsection button:hover:focus, .jewel.footerbar .jewel.barsection button:active, .jewel.footerbar .jewel.barsection button:active:focus, .jewel.footerbar .jewel.barsection button:focus {
   background: transparent;
@@ -641,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 0px solid;
@@ -1094,6 +1098,7 @@ a:active {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -1145,6 +1150,7 @@ a:active {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
   background: #f7a726;
@@ -1223,6 +1229,7 @@ a:active {
   background: #F8B13F;
   border: 1px solid #f7a118;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.topappbar .topBarAppHeader.has-drawer {
   width: calc(100% - 240px);
@@ -1237,6 +1244,7 @@ a:active {
   padding: 12px;
   fill: #FFFFFF;
   color: inherit;
+  text-shadow: none;
 }
 .jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
   background: transparent;
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 4900397..b911526 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
@@ -165,6 +165,7 @@ hr {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -211,6 +212,7 @@ hr {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.primary:hover, .jewel.button.primary:hover:focus {
   background: #ed4812;
@@ -544,6 +546,7 @@ j|Card {
   background: #333333;
   border: 0px solid;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.footerbar .footerBarAppHeader.has-drawer {
   width: calc(100% - 240px);
@@ -558,6 +561,7 @@ j|Card {
   padding: 12px;
   fill: #FFFFFF;
   color: inherit;
+  text-shadow: none;
 }
 .jewel.footerbar .jewel.barsection button:hover, .jewel.footerbar .jewel.barsection button:hover:focus, .jewel.footerbar .jewel.barsection button:active, .jewel.footerbar .jewel.barsection button:active:focus, .jewel.footerbar .jewel.barsection button:focus {
   background: transparent;
@@ -641,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 0px solid;
@@ -1094,6 +1098,7 @@ a:active {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -1145,6 +1150,7 @@ a:active {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
   background: #ed4812;
@@ -1223,6 +1229,7 @@ a:active {
   background: #EF5A2A;
   border: 1px solid #df4311;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.topappbar .topBarAppHeader.has-drawer {
   width: calc(100% - 240px);
@@ -1237,6 +1244,7 @@ a:active {
   padding: 12px;
   fill: #FFFFFF;
   color: inherit;
+  text-shadow: none;
 }
 .jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
   background: transparent;
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 018ec88..c72e64f 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
@@ -165,6 +165,7 @@ hr {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -211,6 +212,7 @@ hr {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.primary:hover, .jewel.button.primary:hover:focus {
   background: #24948c;
@@ -544,6 +546,7 @@ j|Card {
   background: #333333;
   border: 0px solid;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.footerbar .footerBarAppHeader.has-drawer {
   width: calc(100% - 240px);
@@ -558,6 +561,7 @@ j|Card {
   padding: 12px;
   fill: #FFFFFF;
   color: inherit;
+  text-shadow: none;
 }
 .jewel.footerbar .jewel.barsection button:hover, .jewel.footerbar .jewel.barsection button:hover:focus, .jewel.footerbar .jewel.barsection button:active, .jewel.footerbar .jewel.barsection button:active:focus, .jewel.footerbar .jewel.barsection button:focus {
   background: transparent;
@@ -641,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 0px solid;
@@ -1094,6 +1098,7 @@ a:active {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -1145,6 +1150,7 @@ a:active {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
   background: #24948c;
@@ -1223,6 +1229,7 @@ a:active {
   background: #29A89F;
   border: 1px solid #218780;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.topappbar .topBarAppHeader.has-drawer {
   width: calc(100% - 240px);
@@ -1237,6 +1244,7 @@ a:active {
   padding: 12px;
   fill: #FFFFFF;
   color: inherit;
+  text-shadow: none;
 }
 .jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
   background: transparent;
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 aafd710..456317d 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
@@ -165,6 +165,7 @@ hr {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -211,6 +212,7 @@ hr {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.primary:hover, .jewel.button.primary:hover:focus {
   background: #58267c;
@@ -544,6 +546,7 @@ j|Card {
   background: #333333;
   border: 0px solid;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.footerbar .footerBarAppHeader.has-drawer {
   width: calc(100% - 240px);
@@ -558,6 +561,7 @@ j|Card {
   padding: 12px;
   fill: #FFFFFF;
   color: inherit;
+  text-shadow: none;
 }
 .jewel.footerbar .jewel.barsection button:hover, .jewel.footerbar .jewel.barsection button:hover:focus, .jewel.footerbar .jewel.barsection button:active, .jewel.footerbar .jewel.barsection button:active:focus, .jewel.footerbar .jewel.barsection button:focus {
   background: transparent;
@@ -641,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 0px solid;
@@ -1094,6 +1098,7 @@ a:active {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -1145,6 +1150,7 @@ a:active {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
   background: #58267c;
@@ -1223,6 +1229,7 @@ a:active {
   background: #662C90;
   border: 1px solid #502271;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.topappbar .topBarAppHeader.has-drawer {
   width: calc(100% - 240px);
@@ -1237,6 +1244,7 @@ a:active {
   padding: 12px;
   fill: #FFFFFF;
   color: inherit;
+  text-shadow: none;
 }
 .jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
   background: transparent;
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 2cbfee8..aad0fe8 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
@@ -165,6 +165,7 @@ hr {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -211,6 +212,7 @@ hr {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.primary:hover, .jewel.button.primary:hover:focus {
   background: #cac00a;
@@ -544,6 +546,7 @@ j|Card {
   background: #333333;
   border: 0px solid;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.footerbar .footerBarAppHeader.has-drawer {
   width: calc(100% - 240px);
@@ -558,6 +561,7 @@ j|Card {
   padding: 12px;
   fill: #FFFFFF;
   color: inherit;
+  text-shadow: none;
 }
 .jewel.footerbar .jewel.barsection button:hover, .jewel.footerbar .jewel.barsection button:hover:focus, .jewel.footerbar .jewel.barsection button:active, .jewel.footerbar .jewel.barsection button:active:focus, .jewel.footerbar .jewel.barsection button:focus {
   background: transparent;
@@ -641,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 0px solid;
@@ -1094,6 +1098,7 @@ a:active {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -1145,6 +1150,7 @@ a:active {
   box-shadow: none;
   border-radius: 0.25rem;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
   background: #cac00a;
@@ -1223,6 +1229,7 @@ a:active {
   background: #E2D70B;
   border: 1px solid #bbb209;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.topappbar .topBarAppHeader.has-drawer {
   width: calc(100% - 240px);
@@ -1237,6 +1244,7 @@ a:active {
   padding: 12px;
   fill: #FFFFFF;
   color: inherit;
+  text-shadow: none;
 }
 .jewel.topappbar .jewel.barsection button:hover, .jewel.topappbar .jewel.barsection button:hover:focus, .jewel.topappbar .jewel.barsection button:active, .jewel.topappbar .jewel.barsection button:active:focus, .jewel.topappbar .jewel.barsection button:focus {
   background: transparent;
diff --git a/frameworks/themes/Jewel-Light-Flat-Secondary-Amethyst-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Secondary-Amethyst-Theme/src/main/resources/defaults.css
index eb4d5b6..d2dd779 100644
--- a/frameworks/themes/Jewel-Light-Flat-Secondary-Amethyst-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Secondary-Amethyst-Theme/src/main/resources/defaults.css
@@ -27,6 +27,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.secondary:hover, .jewel.button.secondary:hover:focus {
   background: #b427b1;
@@ -98,6 +99,7 @@ a:active {
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
   background: #b427b1;
diff --git a/frameworks/themes/Jewel-Light-Flat-Secondary-Blue-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Secondary-Blue-Theme/src/main/resources/defaults.css
index 798b537..36eee7d 100644
--- a/frameworks/themes/Jewel-Light-Flat-Secondary-Blue-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Secondary-Blue-Theme/src/main/resources/defaults.css
@@ -27,6 +27,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.secondary:hover, .jewel.button.secondary:hover:focus {
   background: #24a3ef;
@@ -98,6 +99,7 @@ a:active {
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
   background: #24a3ef;
diff --git a/frameworks/themes/Jewel-Light-Flat-Secondary-Emerald-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Secondary-Emerald-Theme/src/main/resources/defaults.css
index 6e45d2c..81d5baa 100644
--- a/frameworks/themes/Jewel-Light-Flat-Secondary-Emerald-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Secondary-Emerald-Theme/src/main/resources/defaults.css
@@ -27,6 +27,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.secondary:hover, .jewel.button.secondary:hover:focus {
   background: #7eb435;
@@ -98,6 +99,7 @@ a:active {
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
   background: #7eb435;
diff --git a/frameworks/themes/Jewel-Light-Flat-Secondary-Green-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Secondary-Green-Theme/src/main/resources/defaults.css
index dcfa283..bc17e0d 100644
--- a/frameworks/themes/Jewel-Light-Flat-Secondary-Green-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Secondary-Green-Theme/src/main/resources/defaults.css
@@ -27,6 +27,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.secondary:hover, .jewel.button.secondary:hover:focus {
   background: #34a241;
@@ -98,6 +99,7 @@ a:active {
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
   background: #34a241;
diff --git a/frameworks/themes/Jewel-Light-Flat-Secondary-Orange-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Secondary-Orange-Theme/src/main/resources/defaults.css
index c2a2cb5..2d0ec33 100644
--- a/frameworks/themes/Jewel-Light-Flat-Secondary-Orange-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Secondary-Orange-Theme/src/main/resources/defaults.css
@@ -27,6 +27,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.secondary:hover, .jewel.button.secondary:hover:focus {
   background: #f28809;
@@ -98,6 +99,7 @@ a:active {
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
   background: #f28809;
diff --git a/frameworks/themes/Jewel-Light-Flat-Secondary-Red-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Secondary-Red-Theme/src/main/resources/defaults.css
index 8407db0..916ba9c 100644
--- a/frameworks/themes/Jewel-Light-Flat-Secondary-Red-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Secondary-Red-Theme/src/main/resources/defaults.css
@@ -27,6 +27,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.secondary:hover, .jewel.button.secondary:hover:focus {
   background: #dc121a;
@@ -98,6 +99,7 @@ a:active {
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
   background: #dc121a;
diff --git a/frameworks/themes/Jewel-Light-Flat-Secondary-Sapphire-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Secondary-Sapphire-Theme/src/main/resources/defaults.css
index 7821a43..71cafc6 100644
--- a/frameworks/themes/Jewel-Light-Flat-Secondary-Sapphire-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Secondary-Sapphire-Theme/src/main/resources/defaults.css
@@ -27,6 +27,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.secondary:hover, .jewel.button.secondary:hover:focus {
   background: #2767a9;
@@ -98,6 +99,7 @@ a:active {
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
   background: #2767a9;
diff --git a/frameworks/themes/Jewel-Light-Flat-Secondary-Sunflower-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Secondary-Sunflower-Theme/src/main/resources/defaults.css
index 79ace3d..e074a63 100644
--- a/frameworks/themes/Jewel-Light-Flat-Secondary-Sunflower-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Secondary-Sunflower-Theme/src/main/resources/defaults.css
@@ -27,6 +27,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.secondary:hover, .jewel.button.secondary:hover:focus {
   background: #f7a726;
@@ -98,6 +99,7 @@ a:active {
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
   background: #f7a726;
diff --git a/frameworks/themes/Jewel-Light-Flat-Secondary-Topaz-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Secondary-Topaz-Theme/src/main/resources/defaults.css
index 55106b5..478630f 100644
--- a/frameworks/themes/Jewel-Light-Flat-Secondary-Topaz-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Secondary-Topaz-Theme/src/main/resources/defaults.css
@@ -27,6 +27,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.secondary:hover, .jewel.button.secondary:hover:focus {
   background: #ed4812;
@@ -98,6 +99,7 @@ a:active {
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
   background: #ed4812;
diff --git a/frameworks/themes/Jewel-Light-Flat-Secondary-Turquoise-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Secondary-Turquoise-Theme/src/main/resources/defaults.css
index f3d4b72..690d144 100644
--- a/frameworks/themes/Jewel-Light-Flat-Secondary-Turquoise-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Secondary-Turquoise-Theme/src/main/resources/defaults.css
@@ -27,6 +27,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.secondary:hover, .jewel.button.secondary:hover:focus {
   background: #24948c;
@@ -98,6 +99,7 @@ a:active {
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
   background: #24948c;
diff --git a/frameworks/themes/Jewel-Light-Flat-Secondary-Violet-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Secondary-Violet-Theme/src/main/resources/defaults.css
index 940b5e3..6312043 100644
--- a/frameworks/themes/Jewel-Light-Flat-Secondary-Violet-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Secondary-Violet-Theme/src/main/resources/defaults.css
@@ -27,6 +27,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.secondary:hover, .jewel.button.secondary:hover:focus {
   background: #58267c;
@@ -98,6 +99,7 @@ a:active {
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
   background: #58267c;
diff --git a/frameworks/themes/Jewel-Light-Flat-Secondary-Yellow-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Secondary-Yellow-Theme/src/main/resources/defaults.css
index ac9a7b5..818c151 100644
--- a/frameworks/themes/Jewel-Light-Flat-Secondary-Yellow-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Secondary-Yellow-Theme/src/main/resources/defaults.css
@@ -27,6 +27,7 @@
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.button.secondary:hover, .jewel.button.secondary:hover:focus {
   background: #cac00a;
@@ -98,6 +99,7 @@ a:active {
   box-shadow: none;
   border-radius: 3px;
   color: #FFFFFF;
+  text-shadow: none;
 }
 .jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
   background: #cac00a;
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 0b8156f..998727b 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
@@ -165,6 +165,7 @@ hr {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -644,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
@@ -1097,6 +1098,7 @@ a:active {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
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 62254fc..8345643 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
@@ -165,6 +165,7 @@ hr {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -644,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
@@ -1097,6 +1098,7 @@ a:active {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
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 5b09e90..dee545c 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
@@ -165,6 +165,7 @@ hr {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -644,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
@@ -1097,6 +1098,7 @@ a:active {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
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 abda36c..3af959b 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
@@ -165,6 +165,7 @@ hr {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -644,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
@@ -1097,6 +1098,7 @@ a:active {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
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 acd00d3..7cfd261 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
@@ -165,6 +165,7 @@ hr {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -644,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
@@ -1097,6 +1098,7 @@ a:active {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
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 d316319..0d35a52 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
@@ -165,6 +165,7 @@ hr {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -644,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
@@ -1097,6 +1098,7 @@ a:active {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
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 7b7bdb4..71ee02a 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
@@ -165,6 +165,7 @@ hr {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -644,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
@@ -1097,6 +1098,7 @@ a:active {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
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 ee30150..431a2c6 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
@@ -165,6 +165,7 @@ hr {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -644,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
@@ -1097,6 +1098,7 @@ a:active {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
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 99e2e60..be4bfb6 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
@@ -165,6 +165,7 @@ hr {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -644,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
@@ -1097,6 +1098,7 @@ a:active {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
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 329d5dc..7a5287e 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
@@ -165,6 +165,7 @@ hr {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -644,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
@@ -1097,6 +1098,7 @@ a:active {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
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 062c14f..8a633b6 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
@@ -165,6 +165,7 @@ hr {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -644,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
@@ -1097,6 +1098,7 @@ a:active {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
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 a9ef853..871788a 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
@@ -165,6 +165,7 @@ hr {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -644,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
@@ -1097,6 +1098,7 @@ a:active {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
diff --git a/frameworks/themes/JewelTheme/src/main/resources/defaults.css b/frameworks/themes/JewelTheme/src/main/resources/defaults.css
index 0d0cca6..7a6fae8 100644
--- a/frameworks/themes/JewelTheme/src/main/resources/defaults.css
+++ b/frameworks/themes/JewelTheme/src/main/resources/defaults.css
@@ -165,6 +165,7 @@ hr {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -644,7 +645,7 @@ j|FormItem {
 .jewel.list[disabled] {
   pointer-events: none;
   color: silver;
-  color-text-shadow: unset;
+  text-shadow: unset;
   font-weight: normal;
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
@@ -1097,6 +1098,7 @@ a:active {
   box-shadow: inset 0 1px 0 white;
   border-radius: 0.25rem;
   color: #808080;
+  text-shadow: none;
   font-weight: bold;
   text-transform: uppercase;
 }
diff --git a/frameworks/themes/JewelTheme/src/main/sass/components-emphasized/_button.sass b/frameworks/themes/JewelTheme/src/main/sass/components-emphasized/_button.sass
index 4483773..02a5a89 100644
--- a/frameworks/themes/JewelTheme/src/main/sass/components-emphasized/_button.sass
+++ b/frameworks/themes/JewelTheme/src/main/sass/components-emphasized/_button.sass
@@ -29,8 +29,9 @@ $button-border-radius: 3px
 	color: $text-color
 	
 	@if not $flat and $text-color == $font-theme-color
-		text:
-			shadow: 0 -1px 0 rgba(darken($button-color, 30%), .7) //0 .063em
+		text-shadow: 0 -1px 0 rgba(darken($button-color, 30%), .7) //0 .063em
+	@else
+		text-shadow: none
 	
 	&:hover, &:hover:focus
 		+jewel-bg-border("hover", $button-color)
@@ -44,8 +45,7 @@ $button-border-radius: 3px
 	&[disabled]
 		+jewel-bg-border("disabled", $button-color)
 		color: $disabled-font-color
-		text:
-			shadow: unset
+		text-shadow: unset
 
 .jewel.button.emphasized
 	+button-theme($emphasized-color, $font-theme-color)
diff --git a/frameworks/themes/JewelTheme/src/main/sass/components-emphasized/_togglebutton.sass b/frameworks/themes/JewelTheme/src/main/sass/components-emphasized/_togglebutton.sass
index af6d045..18d2358 100644
--- a/frameworks/themes/JewelTheme/src/main/sass/components-emphasized/_togglebutton.sass
+++ b/frameworks/themes/JewelTheme/src/main/sass/components-emphasized/_togglebutton.sass
@@ -29,8 +29,9 @@ $togglebutton-border-radius: 3px
 	color: $text-color
 	
 	@if not $flat and $text-color == $font-theme-color
-		text:
-			shadow: 0 -1px 0 rgba(darken($togglebutton-color, 30%), .7) //0 .063em
+		text-shadow: 0 -1px 0 rgba(darken($togglebutton-color, 30%), .7) //0 .063em
+	@else
+		text-shadow: none
 	
 	&:hover, &:hover:focus
 		+jewel-bg-border("hover", $togglebutton-color)
@@ -44,8 +45,7 @@ $togglebutton-border-radius: 3px
 	&[disabled]
 		+jewel-bg-border("disabled", $togglebutton-color)
 		color: $disabled-font-color
-		text:
-			shadow: unset
+		text-shadow: unset
 
 	&.selected
 		+jewel-bg-border("selected", $togglebutton-color)
diff --git a/frameworks/themes/JewelTheme/src/main/sass/components-primary/_button.sass b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_button.sass
index 652edf2..a1732d6 100644
--- a/frameworks/themes/JewelTheme/src/main/sass/components-primary/_button.sass
+++ b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_button.sass
@@ -29,9 +29,10 @@ $button-border-radius: $border-radius
 	color: $text-color
 		
 	@if not $flat and $text-color == $font-theme-color
-		text:
-			shadow: 0 -1px 0 rgba(darken($button-color, 30%), .7)
-	
+		text-shadow: 0 -1px 0 rgba(darken($button-color, 30%), .7)
+	@else
+		text-shadow: none
+
 	&:hover, &:hover:focus
 		+jewel-bg-border("hover", $button-color)
 
@@ -44,8 +45,7 @@ $button-border-radius: $border-radius
 	&[disabled]
 		+jewel-bg-border("disabled", $button-color)
 		color: $disabled-font-color
-		text:
-			shadow: unset
+		text-shadow: unset
 
 .jewel.button
 	+button-theme($default-color, $default-font-color)
diff --git a/frameworks/themes/JewelTheme/src/main/sass/components-primary/_datechooser.sass b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_datechooser.sass
index 04058f4..c164415 100644
--- a/frameworks/themes/JewelTheme/src/main/sass/components-primary/_datechooser.sass
+++ b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_datechooser.sass
@@ -81,8 +81,7 @@ $datechooser-buttons-border-radius: 50%
         
         .jewel.table
             color: $disabled-font-color
-            text:
-                shadow: unset
+            text-shadow: unset
             @if $flat
                 background: $disabled-color
                 border: 0px solid
@@ -92,15 +91,13 @@ $datechooser-buttons-border-radius: 50%
         
             .jewel.button
                 color: $disabled-font-color
-                text:
-                    shadow: unset
+                text-shadow: unset
                 font-weight: normal
 
             .jewel.tableheadercell
                 background: none
                 color: $disabled-font-color
-                text:
-                    shadow: unset
+                text-shadow: unset
 
                 &.buttonsRow
                     .viewSelector::after
diff --git a/frameworks/themes/JewelTheme/src/main/sass/components-primary/_footerbar.sass b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_footerbar.sass
index 52c87d3..265e1aa 100644
--- a/frameworks/themes/JewelTheme/src/main/sass/components-primary/_footerbar.sass
+++ b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_footerbar.sass
@@ -40,8 +40,9 @@ $footer-bar-button-padding: 12px
         color: $font-theme-color
 
         @if not $flat //and $text-color == $font-theme-color
-            text:
-                shadow: 0 -1px 0 rgba(darken($footer-color, 30%), .7)
+            text-shadow: 0 -1px 0 rgba(darken($footer-color, 30%), .7)
+        @else
+            text-shadow: none
 
         // this adjust the FooterBar width when there's a drawer to avoid content on the right get lost (overflow the screen)
         // used by FooterBar
@@ -64,8 +65,9 @@ $footer-bar-button-padding: 12px
             color: inherit
             
             @if not $flat //and $text-color == $font-theme-color
-                text:
-                    shadow: 0 -1px 0 rgba(darken($primary-color, 30%), .7)
+                text-shadow: 0 -1px 0 rgba(darken($primary-color, 30%), .7)
+            @else
+                text-shadow: none
                     
             &:hover, &:hover:focus, &:active, &:active:focus, &:focus
                 background: transparent
diff --git a/frameworks/themes/JewelTheme/src/main/sass/components-primary/_list.sass b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_list.sass
index a93a6a2..2f7dd18 100644
--- a/frameworks/themes/JewelTheme/src/main/sass/components-primary/_list.sass
+++ b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_list.sass
@@ -36,8 +36,7 @@ $list-border-radius: 3px
     &[disabled]
         pointer-events: none
         color: $disabled-font-color
-            text:
-                shadow: unset
+        text-shadow: unset
         font-weight: normal
 
         @if $flat
diff --git a/frameworks/themes/JewelTheme/src/main/sass/components-primary/_togglebutton.sass b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_togglebutton.sass
index efdfaf4..7e52071 100644
--- a/frameworks/themes/JewelTheme/src/main/sass/components-primary/_togglebutton.sass
+++ b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_togglebutton.sass
@@ -29,9 +29,10 @@ $togglebutton-border-radius: $border-radius
 	color: $text-color
 		
 	@if not $flat and $text-color == $font-theme-color
-		text:
-			shadow: 0 -1px 0 rgba(darken($togglebutton-color, 30%), .7)
-	
+		text-shadow: 0 -1px 0 rgba(darken($togglebutton-color, 30%), .7)
+	@else
+		text-shadow: none
+
 	&:hover, &:hover:focus
 		+jewel-bg-border("hover", $togglebutton-color)
 
@@ -44,8 +45,7 @@ $togglebutton-border-radius: $border-radius
 	&[disabled]
 		+jewel-bg-border("disabled", $togglebutton-color)
 		color: $disabled-font-color
-		text:
-			shadow: unset
+		text-shadow: unset
 	
 	&.selected
 		+jewel-bg-border("selected", $togglebutton-color)
diff --git a/frameworks/themes/JewelTheme/src/main/sass/components-primary/_topappbar.sass b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_topappbar.sass
index e21ffac..d75f039 100644
--- a/frameworks/themes/JewelTheme/src/main/sass/components-primary/_topappbar.sass
+++ b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_topappbar.sass
@@ -40,8 +40,9 @@ $top-app-bar-button-padding: 12px
         color: $font-theme-color
 
         @if not $flat //and $text-color == $font-theme-color
-            text:
-                shadow: 0 -1px 0 rgba(darken($primary-color, 30%), .7)
+            text-shadow: 0 -1px 0 rgba(darken($primary-color, 30%), .7)
+        @else
+            text-shadow: none
 
         // this adjust the TopAppBar width when there's a drawer to avoid content on the right get lost (overflow the screen)
         // used by TopAppBar
@@ -65,8 +66,9 @@ $top-app-bar-button-padding: 12px
             color: inherit
             
             @if not $flat //and $text-color == $font-theme-color
-                text:
-                    shadow: 0 -1px 0 rgba(darken($primary-color, 30%), .7)
+                text-shadow: 0 -1px 0 rgba(darken($primary-color, 30%), .7)
+            @else
+                text-shadow: none
                     
             &:hover, &:hover:focus, &:active, &:active:focus, &:focus
                 background: transparent
diff --git a/frameworks/themes/JewelTheme/src/main/sass/components-secondary/_button.sass b/frameworks/themes/JewelTheme/src/main/sass/components-secondary/_button.sass
index 5aca665..271931a 100644
--- a/frameworks/themes/JewelTheme/src/main/sass/components-secondary/_button.sass
+++ b/frameworks/themes/JewelTheme/src/main/sass/components-secondary/_button.sass
@@ -29,9 +29,10 @@ $button-border-radius: 3px
 	color: $text-color
 	
 	@if not $flat and $text-color == $font-theme-color
-		text:
-			shadow: 0 -1px 0 rgba(darken($button-color, 30%), .7) //0 .063em
-	
+		text-shadow: 0 -1px 0 rgba(darken($button-color, 30%), .7) //0 .063em
+	@else
+		text-shadow: none
+
 	&:hover, &:hover:focus
 		+jewel-bg-border("hover", $button-color)
 
@@ -44,8 +45,7 @@ $button-border-radius: 3px
 	&[disabled]
 		+jewel-bg-border("disabled", $button-color)
 		color: $disabled-font-color
-		text:
-			shadow: unset
+		text-shadow: unset
 		
 .jewel.button.secondary
 	+button-theme($secondary-color, $font-theme-color)
diff --git a/frameworks/themes/JewelTheme/src/main/sass/components-secondary/_togglebutton.sass b/frameworks/themes/JewelTheme/src/main/sass/components-secondary/_togglebutton.sass
index 33e520d..9c70253 100644
--- a/frameworks/themes/JewelTheme/src/main/sass/components-secondary/_togglebutton.sass
+++ b/frameworks/themes/JewelTheme/src/main/sass/components-secondary/_togglebutton.sass
@@ -29,9 +29,10 @@ $togglebutton-border-radius: 3px
 	color: $text-color
 	
 	@if not $flat and $text-color == $font-theme-color
-		text:
-			shadow: 0 -1px 0 rgba(darken($togglebutton-color, 30%), .7) //0 .063em
-	
+		text-shadow: 0 -1px 0 rgba(darken($togglebutton-color, 30%), .7) //0 .063em
+	@else
+		text-shadow: none
+
 	&:hover, &:hover:focus
 		+jewel-bg-border("hover", $togglebutton-color)
 
@@ -44,8 +45,7 @@ $togglebutton-border-radius: 3px
 	&[disabled]
 		+jewel-bg-border("disabled", $togglebutton-color)
 		color: $disabled-font-color
-		text:
-			shadow: unset
+		text-shadow: unset
 
 	&.selected
 		+jewel-bg-border("selected", $togglebutton-color)