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 e6d0f17  latest changes on themes
e6d0f17 is described below

commit e6d0f178b4c6fe1cbe53c8d2da97e15821d01714
Author: Carlos Rovira <carlosrov...@apache.org>
AuthorDate: Sat Jun 16 14:33:15 2018 +0200

    latest changes on themes
---
 .../src/main/resources/defaults.css                | 20 ++++++
 .../src/main/resources/defaults.css                | 20 ++++++
 .../src/main/resources/defaults.css                | 20 ++++++
 .../src/main/resources/defaults.css                | 20 ++++++
 .../src/main/resources/defaults.css                | 20 ++++++
 .../src/main/resources/defaults.css                | 20 ++++++
 .../src/main/resources/defaults.css                | 20 ++++++
 .../src/main/resources/defaults.css                | 20 ++++++
 .../src/main/resources/defaults.css                | 20 ++++++
 .../src/main/resources/defaults.css                | 20 ++++++
 .../src/main/resources/defaults.css                | 20 ++++++
 .../src/main/resources/defaults.css                | 20 ++++++
 .../src/main/resources/defaults.css                | 83 ++++++++++++----------
 .../src/main/resources/defaults.css                | 83 ++++++++++++----------
 .../src/main/resources/defaults.css                | 83 ++++++++++++----------
 .../src/main/resources/defaults.css                | 83 ++++++++++++----------
 .../src/main/resources/defaults.css                | 83 ++++++++++++----------
 .../src/main/resources/defaults.css                | 83 ++++++++++++----------
 .../src/main/resources/defaults.css                | 83 ++++++++++++----------
 .../src/main/resources/defaults.css                | 83 ++++++++++++----------
 .../src/main/resources/defaults.css                | 83 ++++++++++++----------
 .../src/main/resources/defaults.css                | 83 ++++++++++++----------
 .../src/main/resources/defaults.css                | 83 ++++++++++++----------
 .../src/main/resources/defaults.css                | 83 ++++++++++++----------
 .../src/main/resources/defaults.css                | 20 ++++++
 .../src/main/resources/defaults.css                | 20 ++++++
 .../src/main/resources/defaults.css                | 20 ++++++
 .../src/main/resources/defaults.css                | 20 ++++++
 .../src/main/resources/defaults.css                | 20 ++++++
 .../src/main/resources/defaults.css                | 20 ++++++
 .../src/main/resources/defaults.css                | 20 ++++++
 .../src/main/resources/defaults.css                | 20 ++++++
 .../src/main/resources/defaults.css                | 20 ++++++
 .../src/main/resources/defaults.css                | 20 ++++++
 .../src/main/resources/defaults.css                | 20 ++++++
 .../src/main/resources/defaults.css                | 20 ++++++
 .../src/main/resources/defaults.css                | 20 ++++++
 .../src/main/resources/defaults.css                | 20 ++++++
 .../src/main/resources/defaults.css                | 20 ++++++
 .../src/main/resources/defaults.css                | 20 ++++++
 .../src/main/resources/defaults.css                | 20 ++++++
 .../src/main/resources/defaults.css                | 20 ++++++
 .../src/main/resources/defaults.css                | 20 ++++++
 .../src/main/resources/defaults.css                | 20 ++++++
 .../src/main/resources/defaults.css                | 20 ++++++
 .../src/main/resources/defaults.css                | 20 ++++++
 .../src/main/resources/defaults.css                | 20 ++++++
 .../src/main/resources/defaults.css                | 20 ++++++
 .../src/main/resources/defaults.css                | 83 ++++++++++++----------
 .../src/main/resources/defaults.css                | 83 ++++++++++++----------
 .../src/main/resources/defaults.css                | 83 ++++++++++++----------
 .../src/main/resources/defaults.css                | 83 ++++++++++++----------
 .../src/main/resources/defaults.css                | 83 ++++++++++++----------
 .../src/main/resources/defaults.css                | 83 ++++++++++++----------
 .../src/main/resources/defaults.css                | 83 ++++++++++++----------
 .../src/main/resources/defaults.css                | 83 ++++++++++++----------
 .../src/main/resources/defaults.css                | 83 ++++++++++++----------
 .../src/main/resources/defaults.css                | 83 ++++++++++++----------
 .../src/main/resources/defaults.css                | 83 ++++++++++++----------
 .../src/main/resources/defaults.css                | 83 ++++++++++++----------
 .../src/main/resources/defaults.css                | 20 ++++++
 .../src/main/resources/defaults.css                | 20 ++++++
 .../src/main/resources/defaults.css                | 20 ++++++
 .../src/main/resources/defaults.css                | 20 ++++++
 .../src/main/resources/defaults.css                | 20 ++++++
 .../src/main/resources/defaults.css                | 20 ++++++
 .../src/main/resources/defaults.css                | 20 ++++++
 .../src/main/resources/defaults.css                | 20 ++++++
 .../src/main/resources/defaults.css                | 20 ++++++
 .../src/main/resources/defaults.css                | 20 ++++++
 .../src/main/resources/defaults.css                | 20 ++++++
 .../src/main/resources/defaults.css                | 20 ++++++
 72 files changed, 2064 insertions(+), 888 deletions(-)

diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Amethyst-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Amethyst-Theme/src/main/resources/defaults.css
index b6391f2..90631d7 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Amethyst-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Amethyst-Theme/src/main/resources/defaults.css
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.button.emphasized {
   background: linear-gradient(#d43bd1, #b427b1);
   border: 1px solid #8a1e88;
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Blue-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Blue-Theme/src/main/resources/defaults.css
index 1c28f09..ad272e9 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Blue-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Blue-Theme/src/main/resources/defaults.css
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.button.emphasized {
   background: linear-gradient(#54b7f3, #24a3ef);
   border: 1px solid #0f88d1;
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Emerald-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Emerald-Theme/src/main/resources/defaults.css
index bcd1324..8a18360 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Emerald-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Emerald-Theme/src/main/resources/defaults.css
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.button.emphasized {
   background: linear-gradient(#98cc50, #7eb435);
   border: 1px solid #638c29;
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Green-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Green-Theme/src/main/resources/defaults.css
index 7a8c444..eaa686f 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Green-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Green-Theme/src/main/resources/defaults.css
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.button.emphasized {
   background: linear-gradient(#45c354, #34a241);
   border: 1px solid #277b32;
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Orange-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Orange-Theme/src/main/resources/defaults.css
index 62411b2..578c06b 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Orange-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Orange-Theme/src/main/resources/defaults.css
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.button.emphasized {
   background: linear-gradient(#f8a036, #f28809);
   border: 1px solid #c16c07;
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Red-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Red-Theme/src/main/resources/defaults.css
index 615394a..c07f1d5 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Red-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Red-Theme/src/main/resources/defaults.css
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.button.emphasized {
   background: linear-gradient(#ee343b, #dc121a);
   border: 1px solid #ad0e15;
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Sapphire-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Sapphire-Theme/src/main/resources/defaults.css
index 5988f94..1b07497 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Sapphire-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Sapphire-Theme/src/main/resources/defaults.css
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.button.emphasized {
   background: linear-gradient(#3481d0, #2767a9);
   border: 1px solid #1e4e80;
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Sunflower-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Sunflower-Theme/src/main/resources/defaults.css
index 174db34..88ee500 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Sunflower-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Sunflower-Theme/src/main/resources/defaults.css
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.button.emphasized {
   background: linear-gradient(#f9bb58, #f7a726);
   border: 1px solid #e28f08;
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Topaz-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Topaz-Theme/src/main/resources/defaults.css
index 432e020..c281610 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Topaz-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Topaz-Theme/src/main/resources/defaults.css
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.button.emphasized {
   background: linear-gradient(#f16c42, #ed4812);
   border: 1px solid #be390e;
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Turquoise-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Turquoise-Theme/src/main/resources/defaults.css
index fc515f7..43ca0fd 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Turquoise-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Turquoise-Theme/src/main/resources/defaults.css
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.button.emphasized {
   background: linear-gradient(#2ebcb2, #24948c);
   border: 1px solid #1a6b65;
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Violet-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Violet-Theme/src/main/resources/defaults.css
index a96a046..214176e 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Violet-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Violet-Theme/src/main/resources/defaults.css
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.button.emphasized {
   background: linear-gradient(#7432a4, #58267c);
   border: 1px solid #3c1a55;
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Yellow-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Yellow-Theme/src/main/resources/defaults.css
index 49e44a5..7cad9cd 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Yellow-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Yellow-Theme/src/main/resources/defaults.css
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.button.emphasized {
   background: linear-gradient(#f4e813, #cac00a);
   border: 1px solid #999207;
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 cd4717e..b0e2a93 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
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.alert {
   margin: 0;
   padding: 0;
@@ -76,7 +96,7 @@ div {
   white-space: normal;
   color: #FFFFFF;
   font-size: 1.1em;
-  font-weight: normal;
+  font-weight: 400;
 }
 .jewel.alert .jewel.controlbar {
   background: linear-gradient(#666666, #4c4c4c);
@@ -109,7 +129,6 @@ div {
   color: #FFFFFF;
   text-shadow: 0 -1px 0 rgba(13, 13, 13, 0.7);
   font-family: "Lato", sans-serif;
-  font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -133,7 +152,7 @@ div {
   color: #737373;
 }
 .jewel.button[disabled] {
-  font-weight: normal;
+  font-weight: 400;
   text-shadow: unset;
 }
 
@@ -165,24 +184,8 @@ div {
   color: #737373;
 }
 
-.jewel.button.xsmall {
-  font-size: 60%;
-}
-
-.jewel.button.small {
-  font-size: 80%;
-}
-
-.jewel.button.large {
-  font-size: 120%;
-}
-
-.jewel.button.xlarge {
-  font-size: 140%;
-}
-
 .jewel.card {
-  font-size: 14px;
+  font-size: 1em;
   font-weight: 400;
   background: #1a1a1a;
   border: 0px;
@@ -241,7 +244,7 @@ j|Card {
 
 .jewel.label {
   font-family: "Lato", sans-serif;
-  font-size: 14px;
+  font-size: 1em;
 }
 
 .jewel.list {
@@ -366,57 +369,63 @@ j|Card {
   border-radius: 3px;
 }
 
-.jewel.textinput input {
-  font-family: "Lato", sans-serif;
-  font-size: 14px;
-  font-weight: normal;
+.jewel.textinput {
+  font-weight: 400;
   color: #FFFFFF;
+}
+.jewel.textinput > input {
+  font-family: "Lato", sans-serif;
+}
+.jewel.textinput > input {
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
   border-radius: 3px;
   transition-duration: 0.3s;
   transition-timing-function: easein;
 }
-.jewel.textinput input:focus {
+.jewel.textinput > input:focus {
   border: 1px solid #8a1e88;
 }
-.jewel.textinput input::placeholder, .jewel.textinput 
input:-ms-input-placeholder {
+.jewel.textinput > input::placeholder, .jewel.textinput > 
input:-ms-input-placeholder {
   color: white;
 }
-.jewel.textinput input[disabled] {
+.jewel.textinput > input[disabled] {
   background: #404040;
   border: 1px solid #0d0d0d;
   box-shadow: none;
   color: #737373;
 }
-.jewel.textinput input[disabled]::placeholder, .jewel.textinput 
input[disabled]:-ms-input-placeholder {
+.jewel.textinput > input[disabled]::placeholder, .jewel.textinput > 
input[disabled]:-ms-input-placeholder {
   color: #737373;
 }
 
-.jewel.textarea textarea {
-  font-family: "Lato", sans-serif;
-  font-size: 14px;
-  font-weight: normal;
+.jewel.textarea {
+  font-weight: 400;
   color: #FFFFFF;
+}
+.jewel.textarea > textarea {
+  font-family: "Lato", sans-serif;
+}
+.jewel.textarea > textarea {
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
   border-radius: 3px;
   transition-duration: 0.3s;
   transition-timing-function: easein;
 }
-.jewel.textarea textarea:focus {
+.jewel.textarea > textarea:focus {
   border: 1px solid #8a1e88;
 }
-.jewel.textarea textarea::placeholder, .jewel.textarea 
textarea:-ms-input-placeholder {
+.jewel.textarea > textarea::placeholder, .jewel.textarea > 
textarea:-ms-input-placeholder {
   color: white;
 }
-.jewel.textarea textarea[disabled] {
+.jewel.textarea > textarea[disabled] {
   background: #404040;
   border: 1px solid #0d0d0d;
   box-shadow: none;
   color: #737373;
 }
-.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea 
textarea[disabled]:-ms-input-placeholder {
+.jewel.textarea > textarea[disabled]::placeholder, .jewel.textarea > 
textarea[disabled]:-ms-input-placeholder {
   color: #737373;
 }
 
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 92b0fbf..75da3fa 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
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.alert {
   margin: 0;
   padding: 0;
@@ -76,7 +96,7 @@ div {
   white-space: normal;
   color: #FFFFFF;
   font-size: 1.1em;
-  font-weight: normal;
+  font-weight: 400;
 }
 .jewel.alert .jewel.controlbar {
   background: linear-gradient(#666666, #4c4c4c);
@@ -109,7 +129,6 @@ div {
   color: #FFFFFF;
   text-shadow: 0 -1px 0 rgba(13, 13, 13, 0.7);
   font-family: "Lato", sans-serif;
-  font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -133,7 +152,7 @@ div {
   color: #737373;
 }
 .jewel.button[disabled] {
-  font-weight: normal;
+  font-weight: 400;
   text-shadow: unset;
 }
 
@@ -165,24 +184,8 @@ div {
   color: #737373;
 }
 
-.jewel.button.xsmall {
-  font-size: 60%;
-}
-
-.jewel.button.small {
-  font-size: 80%;
-}
-
-.jewel.button.large {
-  font-size: 120%;
-}
-
-.jewel.button.xlarge {
-  font-size: 140%;
-}
-
 .jewel.card {
-  font-size: 14px;
+  font-size: 1em;
   font-weight: 400;
   background: #1a1a1a;
   border: 0px;
@@ -241,7 +244,7 @@ j|Card {
 
 .jewel.label {
   font-family: "Lato", sans-serif;
-  font-size: 14px;
+  font-size: 1em;
 }
 
 .jewel.list {
@@ -366,57 +369,63 @@ j|Card {
   border-radius: 3px;
 }
 
-.jewel.textinput input {
-  font-family: "Lato", sans-serif;
-  font-size: 14px;
-  font-weight: normal;
+.jewel.textinput {
+  font-weight: 400;
   color: #FFFFFF;
+}
+.jewel.textinput > input {
+  font-family: "Lato", sans-serif;
+}
+.jewel.textinput > input {
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
   border-radius: 3px;
   transition-duration: 0.3s;
   transition-timing-function: easein;
 }
-.jewel.textinput input:focus {
+.jewel.textinput > input:focus {
   border: 1px solid #0f88d1;
 }
-.jewel.textinput input::placeholder, .jewel.textinput 
input:-ms-input-placeholder {
+.jewel.textinput > input::placeholder, .jewel.textinput > 
input:-ms-input-placeholder {
   color: white;
 }
-.jewel.textinput input[disabled] {
+.jewel.textinput > input[disabled] {
   background: #404040;
   border: 1px solid #0d0d0d;
   box-shadow: none;
   color: #737373;
 }
-.jewel.textinput input[disabled]::placeholder, .jewel.textinput 
input[disabled]:-ms-input-placeholder {
+.jewel.textinput > input[disabled]::placeholder, .jewel.textinput > 
input[disabled]:-ms-input-placeholder {
   color: #737373;
 }
 
-.jewel.textarea textarea {
-  font-family: "Lato", sans-serif;
-  font-size: 14px;
-  font-weight: normal;
+.jewel.textarea {
+  font-weight: 400;
   color: #FFFFFF;
+}
+.jewel.textarea > textarea {
+  font-family: "Lato", sans-serif;
+}
+.jewel.textarea > textarea {
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
   border-radius: 3px;
   transition-duration: 0.3s;
   transition-timing-function: easein;
 }
-.jewel.textarea textarea:focus {
+.jewel.textarea > textarea:focus {
   border: 1px solid #0f88d1;
 }
-.jewel.textarea textarea::placeholder, .jewel.textarea 
textarea:-ms-input-placeholder {
+.jewel.textarea > textarea::placeholder, .jewel.textarea > 
textarea:-ms-input-placeholder {
   color: white;
 }
-.jewel.textarea textarea[disabled] {
+.jewel.textarea > textarea[disabled] {
   background: #404040;
   border: 1px solid #0d0d0d;
   box-shadow: none;
   color: #737373;
 }
-.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea 
textarea[disabled]:-ms-input-placeholder {
+.jewel.textarea > textarea[disabled]::placeholder, .jewel.textarea > 
textarea[disabled]:-ms-input-placeholder {
   color: #737373;
 }
 
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 a27bb40..e0b9322 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
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.alert {
   margin: 0;
   padding: 0;
@@ -76,7 +96,7 @@ div {
   white-space: normal;
   color: #FFFFFF;
   font-size: 1.1em;
-  font-weight: normal;
+  font-weight: 400;
 }
 .jewel.alert .jewel.controlbar {
   background: linear-gradient(#666666, #4c4c4c);
@@ -109,7 +129,6 @@ div {
   color: #FFFFFF;
   text-shadow: 0 -1px 0 rgba(13, 13, 13, 0.7);
   font-family: "Lato", sans-serif;
-  font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -133,7 +152,7 @@ div {
   color: #737373;
 }
 .jewel.button[disabled] {
-  font-weight: normal;
+  font-weight: 400;
   text-shadow: unset;
 }
 
@@ -165,24 +184,8 @@ div {
   color: #737373;
 }
 
-.jewel.button.xsmall {
-  font-size: 60%;
-}
-
-.jewel.button.small {
-  font-size: 80%;
-}
-
-.jewel.button.large {
-  font-size: 120%;
-}
-
-.jewel.button.xlarge {
-  font-size: 140%;
-}
-
 .jewel.card {
-  font-size: 14px;
+  font-size: 1em;
   font-weight: 400;
   background: #1a1a1a;
   border: 0px;
@@ -241,7 +244,7 @@ j|Card {
 
 .jewel.label {
   font-family: "Lato", sans-serif;
-  font-size: 14px;
+  font-size: 1em;
 }
 
 .jewel.list {
@@ -366,57 +369,63 @@ j|Card {
   border-radius: 3px;
 }
 
-.jewel.textinput input {
-  font-family: "Lato", sans-serif;
-  font-size: 14px;
-  font-weight: normal;
+.jewel.textinput {
+  font-weight: 400;
   color: #FFFFFF;
+}
+.jewel.textinput > input {
+  font-family: "Lato", sans-serif;
+}
+.jewel.textinput > input {
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
   border-radius: 3px;
   transition-duration: 0.3s;
   transition-timing-function: easein;
 }
-.jewel.textinput input:focus {
+.jewel.textinput > input:focus {
   border: 1px solid #638c29;
 }
-.jewel.textinput input::placeholder, .jewel.textinput 
input:-ms-input-placeholder {
+.jewel.textinput > input::placeholder, .jewel.textinput > 
input:-ms-input-placeholder {
   color: white;
 }
-.jewel.textinput input[disabled] {
+.jewel.textinput > input[disabled] {
   background: #404040;
   border: 1px solid #0d0d0d;
   box-shadow: none;
   color: #737373;
 }
-.jewel.textinput input[disabled]::placeholder, .jewel.textinput 
input[disabled]:-ms-input-placeholder {
+.jewel.textinput > input[disabled]::placeholder, .jewel.textinput > 
input[disabled]:-ms-input-placeholder {
   color: #737373;
 }
 
-.jewel.textarea textarea {
-  font-family: "Lato", sans-serif;
-  font-size: 14px;
-  font-weight: normal;
+.jewel.textarea {
+  font-weight: 400;
   color: #FFFFFF;
+}
+.jewel.textarea > textarea {
+  font-family: "Lato", sans-serif;
+}
+.jewel.textarea > textarea {
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
   border-radius: 3px;
   transition-duration: 0.3s;
   transition-timing-function: easein;
 }
-.jewel.textarea textarea:focus {
+.jewel.textarea > textarea:focus {
   border: 1px solid #638c29;
 }
-.jewel.textarea textarea::placeholder, .jewel.textarea 
textarea:-ms-input-placeholder {
+.jewel.textarea > textarea::placeholder, .jewel.textarea > 
textarea:-ms-input-placeholder {
   color: white;
 }
-.jewel.textarea textarea[disabled] {
+.jewel.textarea > textarea[disabled] {
   background: #404040;
   border: 1px solid #0d0d0d;
   box-shadow: none;
   color: #737373;
 }
-.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea 
textarea[disabled]:-ms-input-placeholder {
+.jewel.textarea > textarea[disabled]::placeholder, .jewel.textarea > 
textarea[disabled]:-ms-input-placeholder {
   color: #737373;
 }
 
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 fbffe70..b768931 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
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.alert {
   margin: 0;
   padding: 0;
@@ -76,7 +96,7 @@ div {
   white-space: normal;
   color: #FFFFFF;
   font-size: 1.1em;
-  font-weight: normal;
+  font-weight: 400;
 }
 .jewel.alert .jewel.controlbar {
   background: linear-gradient(#666666, #4c4c4c);
@@ -109,7 +129,6 @@ div {
   color: #FFFFFF;
   text-shadow: 0 -1px 0 rgba(13, 13, 13, 0.7);
   font-family: "Lato", sans-serif;
-  font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -133,7 +152,7 @@ div {
   color: #737373;
 }
 .jewel.button[disabled] {
-  font-weight: normal;
+  font-weight: 400;
   text-shadow: unset;
 }
 
@@ -165,24 +184,8 @@ div {
   color: #737373;
 }
 
-.jewel.button.xsmall {
-  font-size: 60%;
-}
-
-.jewel.button.small {
-  font-size: 80%;
-}
-
-.jewel.button.large {
-  font-size: 120%;
-}
-
-.jewel.button.xlarge {
-  font-size: 140%;
-}
-
 .jewel.card {
-  font-size: 14px;
+  font-size: 1em;
   font-weight: 400;
   background: #1a1a1a;
   border: 0px;
@@ -241,7 +244,7 @@ j|Card {
 
 .jewel.label {
   font-family: "Lato", sans-serif;
-  font-size: 14px;
+  font-size: 1em;
 }
 
 .jewel.list {
@@ -366,57 +369,63 @@ j|Card {
   border-radius: 3px;
 }
 
-.jewel.textinput input {
-  font-family: "Lato", sans-serif;
-  font-size: 14px;
-  font-weight: normal;
+.jewel.textinput {
+  font-weight: 400;
   color: #FFFFFF;
+}
+.jewel.textinput > input {
+  font-family: "Lato", sans-serif;
+}
+.jewel.textinput > input {
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
   border-radius: 3px;
   transition-duration: 0.3s;
   transition-timing-function: easein;
 }
-.jewel.textinput input:focus {
+.jewel.textinput > input:focus {
   border: 1px solid #277b32;
 }
-.jewel.textinput input::placeholder, .jewel.textinput 
input:-ms-input-placeholder {
+.jewel.textinput > input::placeholder, .jewel.textinput > 
input:-ms-input-placeholder {
   color: white;
 }
-.jewel.textinput input[disabled] {
+.jewel.textinput > input[disabled] {
   background: #404040;
   border: 1px solid #0d0d0d;
   box-shadow: none;
   color: #737373;
 }
-.jewel.textinput input[disabled]::placeholder, .jewel.textinput 
input[disabled]:-ms-input-placeholder {
+.jewel.textinput > input[disabled]::placeholder, .jewel.textinput > 
input[disabled]:-ms-input-placeholder {
   color: #737373;
 }
 
-.jewel.textarea textarea {
-  font-family: "Lato", sans-serif;
-  font-size: 14px;
-  font-weight: normal;
+.jewel.textarea {
+  font-weight: 400;
   color: #FFFFFF;
+}
+.jewel.textarea > textarea {
+  font-family: "Lato", sans-serif;
+}
+.jewel.textarea > textarea {
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
   border-radius: 3px;
   transition-duration: 0.3s;
   transition-timing-function: easein;
 }
-.jewel.textarea textarea:focus {
+.jewel.textarea > textarea:focus {
   border: 1px solid #277b32;
 }
-.jewel.textarea textarea::placeholder, .jewel.textarea 
textarea:-ms-input-placeholder {
+.jewel.textarea > textarea::placeholder, .jewel.textarea > 
textarea:-ms-input-placeholder {
   color: white;
 }
-.jewel.textarea textarea[disabled] {
+.jewel.textarea > textarea[disabled] {
   background: #404040;
   border: 1px solid #0d0d0d;
   box-shadow: none;
   color: #737373;
 }
-.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea 
textarea[disabled]:-ms-input-placeholder {
+.jewel.textarea > textarea[disabled]::placeholder, .jewel.textarea > 
textarea[disabled]:-ms-input-placeholder {
   color: #737373;
 }
 
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 84d4ef6..68122cc 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
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.alert {
   margin: 0;
   padding: 0;
@@ -76,7 +96,7 @@ div {
   white-space: normal;
   color: #FFFFFF;
   font-size: 1.1em;
-  font-weight: normal;
+  font-weight: 400;
 }
 .jewel.alert .jewel.controlbar {
   background: linear-gradient(#666666, #4c4c4c);
@@ -109,7 +129,6 @@ div {
   color: #FFFFFF;
   text-shadow: 0 -1px 0 rgba(13, 13, 13, 0.7);
   font-family: "Lato", sans-serif;
-  font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -133,7 +152,7 @@ div {
   color: #737373;
 }
 .jewel.button[disabled] {
-  font-weight: normal;
+  font-weight: 400;
   text-shadow: unset;
 }
 
@@ -165,24 +184,8 @@ div {
   color: #737373;
 }
 
-.jewel.button.xsmall {
-  font-size: 60%;
-}
-
-.jewel.button.small {
-  font-size: 80%;
-}
-
-.jewel.button.large {
-  font-size: 120%;
-}
-
-.jewel.button.xlarge {
-  font-size: 140%;
-}
-
 .jewel.card {
-  font-size: 14px;
+  font-size: 1em;
   font-weight: 400;
   background: #1a1a1a;
   border: 0px;
@@ -241,7 +244,7 @@ j|Card {
 
 .jewel.label {
   font-family: "Lato", sans-serif;
-  font-size: 14px;
+  font-size: 1em;
 }
 
 .jewel.list {
@@ -366,57 +369,63 @@ j|Card {
   border-radius: 3px;
 }
 
-.jewel.textinput input {
-  font-family: "Lato", sans-serif;
-  font-size: 14px;
-  font-weight: normal;
+.jewel.textinput {
+  font-weight: 400;
   color: #FFFFFF;
+}
+.jewel.textinput > input {
+  font-family: "Lato", sans-serif;
+}
+.jewel.textinput > input {
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
   border-radius: 3px;
   transition-duration: 0.3s;
   transition-timing-function: easein;
 }
-.jewel.textinput input:focus {
+.jewel.textinput > input:focus {
   border: 1px solid #c16c07;
 }
-.jewel.textinput input::placeholder, .jewel.textinput 
input:-ms-input-placeholder {
+.jewel.textinput > input::placeholder, .jewel.textinput > 
input:-ms-input-placeholder {
   color: white;
 }
-.jewel.textinput input[disabled] {
+.jewel.textinput > input[disabled] {
   background: #404040;
   border: 1px solid #0d0d0d;
   box-shadow: none;
   color: #737373;
 }
-.jewel.textinput input[disabled]::placeholder, .jewel.textinput 
input[disabled]:-ms-input-placeholder {
+.jewel.textinput > input[disabled]::placeholder, .jewel.textinput > 
input[disabled]:-ms-input-placeholder {
   color: #737373;
 }
 
-.jewel.textarea textarea {
-  font-family: "Lato", sans-serif;
-  font-size: 14px;
-  font-weight: normal;
+.jewel.textarea {
+  font-weight: 400;
   color: #FFFFFF;
+}
+.jewel.textarea > textarea {
+  font-family: "Lato", sans-serif;
+}
+.jewel.textarea > textarea {
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
   border-radius: 3px;
   transition-duration: 0.3s;
   transition-timing-function: easein;
 }
-.jewel.textarea textarea:focus {
+.jewel.textarea > textarea:focus {
   border: 1px solid #c16c07;
 }
-.jewel.textarea textarea::placeholder, .jewel.textarea 
textarea:-ms-input-placeholder {
+.jewel.textarea > textarea::placeholder, .jewel.textarea > 
textarea:-ms-input-placeholder {
   color: white;
 }
-.jewel.textarea textarea[disabled] {
+.jewel.textarea > textarea[disabled] {
   background: #404040;
   border: 1px solid #0d0d0d;
   box-shadow: none;
   color: #737373;
 }
-.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea 
textarea[disabled]:-ms-input-placeholder {
+.jewel.textarea > textarea[disabled]::placeholder, .jewel.textarea > 
textarea[disabled]:-ms-input-placeholder {
   color: #737373;
 }
 
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 3c75187..45e0e71 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
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.alert {
   margin: 0;
   padding: 0;
@@ -76,7 +96,7 @@ div {
   white-space: normal;
   color: #FFFFFF;
   font-size: 1.1em;
-  font-weight: normal;
+  font-weight: 400;
 }
 .jewel.alert .jewel.controlbar {
   background: linear-gradient(#666666, #4c4c4c);
@@ -109,7 +129,6 @@ div {
   color: #FFFFFF;
   text-shadow: 0 -1px 0 rgba(13, 13, 13, 0.7);
   font-family: "Lato", sans-serif;
-  font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -133,7 +152,7 @@ div {
   color: #737373;
 }
 .jewel.button[disabled] {
-  font-weight: normal;
+  font-weight: 400;
   text-shadow: unset;
 }
 
@@ -165,24 +184,8 @@ div {
   color: #737373;
 }
 
-.jewel.button.xsmall {
-  font-size: 60%;
-}
-
-.jewel.button.small {
-  font-size: 80%;
-}
-
-.jewel.button.large {
-  font-size: 120%;
-}
-
-.jewel.button.xlarge {
-  font-size: 140%;
-}
-
 .jewel.card {
-  font-size: 14px;
+  font-size: 1em;
   font-weight: 400;
   background: #1a1a1a;
   border: 0px;
@@ -241,7 +244,7 @@ j|Card {
 
 .jewel.label {
   font-family: "Lato", sans-serif;
-  font-size: 14px;
+  font-size: 1em;
 }
 
 .jewel.list {
@@ -366,57 +369,63 @@ j|Card {
   border-radius: 3px;
 }
 
-.jewel.textinput input {
-  font-family: "Lato", sans-serif;
-  font-size: 14px;
-  font-weight: normal;
+.jewel.textinput {
+  font-weight: 400;
   color: #FFFFFF;
+}
+.jewel.textinput > input {
+  font-family: "Lato", sans-serif;
+}
+.jewel.textinput > input {
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
   border-radius: 3px;
   transition-duration: 0.3s;
   transition-timing-function: easein;
 }
-.jewel.textinput input:focus {
+.jewel.textinput > input:focus {
   border: 1px solid #ad0e15;
 }
-.jewel.textinput input::placeholder, .jewel.textinput 
input:-ms-input-placeholder {
+.jewel.textinput > input::placeholder, .jewel.textinput > 
input:-ms-input-placeholder {
   color: white;
 }
-.jewel.textinput input[disabled] {
+.jewel.textinput > input[disabled] {
   background: #404040;
   border: 1px solid #0d0d0d;
   box-shadow: none;
   color: #737373;
 }
-.jewel.textinput input[disabled]::placeholder, .jewel.textinput 
input[disabled]:-ms-input-placeholder {
+.jewel.textinput > input[disabled]::placeholder, .jewel.textinput > 
input[disabled]:-ms-input-placeholder {
   color: #737373;
 }
 
-.jewel.textarea textarea {
-  font-family: "Lato", sans-serif;
-  font-size: 14px;
-  font-weight: normal;
+.jewel.textarea {
+  font-weight: 400;
   color: #FFFFFF;
+}
+.jewel.textarea > textarea {
+  font-family: "Lato", sans-serif;
+}
+.jewel.textarea > textarea {
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
   border-radius: 3px;
   transition-duration: 0.3s;
   transition-timing-function: easein;
 }
-.jewel.textarea textarea:focus {
+.jewel.textarea > textarea:focus {
   border: 1px solid #ad0e15;
 }
-.jewel.textarea textarea::placeholder, .jewel.textarea 
textarea:-ms-input-placeholder {
+.jewel.textarea > textarea::placeholder, .jewel.textarea > 
textarea:-ms-input-placeholder {
   color: white;
 }
-.jewel.textarea textarea[disabled] {
+.jewel.textarea > textarea[disabled] {
   background: #404040;
   border: 1px solid #0d0d0d;
   box-shadow: none;
   color: #737373;
 }
-.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea 
textarea[disabled]:-ms-input-placeholder {
+.jewel.textarea > textarea[disabled]::placeholder, .jewel.textarea > 
textarea[disabled]:-ms-input-placeholder {
   color: #737373;
 }
 
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 2c75fb1..286242a 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
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.alert {
   margin: 0;
   padding: 0;
@@ -76,7 +96,7 @@ div {
   white-space: normal;
   color: #FFFFFF;
   font-size: 1.1em;
-  font-weight: normal;
+  font-weight: 400;
 }
 .jewel.alert .jewel.controlbar {
   background: linear-gradient(#666666, #4c4c4c);
@@ -109,7 +129,6 @@ div {
   color: #FFFFFF;
   text-shadow: 0 -1px 0 rgba(13, 13, 13, 0.7);
   font-family: "Lato", sans-serif;
-  font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -133,7 +152,7 @@ div {
   color: #737373;
 }
 .jewel.button[disabled] {
-  font-weight: normal;
+  font-weight: 400;
   text-shadow: unset;
 }
 
@@ -165,24 +184,8 @@ div {
   color: #737373;
 }
 
-.jewel.button.xsmall {
-  font-size: 60%;
-}
-
-.jewel.button.small {
-  font-size: 80%;
-}
-
-.jewel.button.large {
-  font-size: 120%;
-}
-
-.jewel.button.xlarge {
-  font-size: 140%;
-}
-
 .jewel.card {
-  font-size: 14px;
+  font-size: 1em;
   font-weight: 400;
   background: #1a1a1a;
   border: 0px;
@@ -241,7 +244,7 @@ j|Card {
 
 .jewel.label {
   font-family: "Lato", sans-serif;
-  font-size: 14px;
+  font-size: 1em;
 }
 
 .jewel.list {
@@ -366,57 +369,63 @@ j|Card {
   border-radius: 3px;
 }
 
-.jewel.textinput input {
-  font-family: "Lato", sans-serif;
-  font-size: 14px;
-  font-weight: normal;
+.jewel.textinput {
+  font-weight: 400;
   color: #FFFFFF;
+}
+.jewel.textinput > input {
+  font-family: "Lato", sans-serif;
+}
+.jewel.textinput > input {
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
   border-radius: 3px;
   transition-duration: 0.3s;
   transition-timing-function: easein;
 }
-.jewel.textinput input:focus {
+.jewel.textinput > input:focus {
   border: 1px solid #1e4e80;
 }
-.jewel.textinput input::placeholder, .jewel.textinput 
input:-ms-input-placeholder {
+.jewel.textinput > input::placeholder, .jewel.textinput > 
input:-ms-input-placeholder {
   color: white;
 }
-.jewel.textinput input[disabled] {
+.jewel.textinput > input[disabled] {
   background: #404040;
   border: 1px solid #0d0d0d;
   box-shadow: none;
   color: #737373;
 }
-.jewel.textinput input[disabled]::placeholder, .jewel.textinput 
input[disabled]:-ms-input-placeholder {
+.jewel.textinput > input[disabled]::placeholder, .jewel.textinput > 
input[disabled]:-ms-input-placeholder {
   color: #737373;
 }
 
-.jewel.textarea textarea {
-  font-family: "Lato", sans-serif;
-  font-size: 14px;
-  font-weight: normal;
+.jewel.textarea {
+  font-weight: 400;
   color: #FFFFFF;
+}
+.jewel.textarea > textarea {
+  font-family: "Lato", sans-serif;
+}
+.jewel.textarea > textarea {
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
   border-radius: 3px;
   transition-duration: 0.3s;
   transition-timing-function: easein;
 }
-.jewel.textarea textarea:focus {
+.jewel.textarea > textarea:focus {
   border: 1px solid #1e4e80;
 }
-.jewel.textarea textarea::placeholder, .jewel.textarea 
textarea:-ms-input-placeholder {
+.jewel.textarea > textarea::placeholder, .jewel.textarea > 
textarea:-ms-input-placeholder {
   color: white;
 }
-.jewel.textarea textarea[disabled] {
+.jewel.textarea > textarea[disabled] {
   background: #404040;
   border: 1px solid #0d0d0d;
   box-shadow: none;
   color: #737373;
 }
-.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea 
textarea[disabled]:-ms-input-placeholder {
+.jewel.textarea > textarea[disabled]::placeholder, .jewel.textarea > 
textarea[disabled]:-ms-input-placeholder {
   color: #737373;
 }
 
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 2950fc4..6cbe97b 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
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.alert {
   margin: 0;
   padding: 0;
@@ -76,7 +96,7 @@ div {
   white-space: normal;
   color: #FFFFFF;
   font-size: 1.1em;
-  font-weight: normal;
+  font-weight: 400;
 }
 .jewel.alert .jewel.controlbar {
   background: linear-gradient(#666666, #4c4c4c);
@@ -109,7 +129,6 @@ div {
   color: #FFFFFF;
   text-shadow: 0 -1px 0 rgba(13, 13, 13, 0.7);
   font-family: "Lato", sans-serif;
-  font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -133,7 +152,7 @@ div {
   color: #737373;
 }
 .jewel.button[disabled] {
-  font-weight: normal;
+  font-weight: 400;
   text-shadow: unset;
 }
 
@@ -165,24 +184,8 @@ div {
   color: #737373;
 }
 
-.jewel.button.xsmall {
-  font-size: 60%;
-}
-
-.jewel.button.small {
-  font-size: 80%;
-}
-
-.jewel.button.large {
-  font-size: 120%;
-}
-
-.jewel.button.xlarge {
-  font-size: 140%;
-}
-
 .jewel.card {
-  font-size: 14px;
+  font-size: 1em;
   font-weight: 400;
   background: #1a1a1a;
   border: 0px;
@@ -241,7 +244,7 @@ j|Card {
 
 .jewel.label {
   font-family: "Lato", sans-serif;
-  font-size: 14px;
+  font-size: 1em;
 }
 
 .jewel.list {
@@ -366,57 +369,63 @@ j|Card {
   border-radius: 3px;
 }
 
-.jewel.textinput input {
-  font-family: "Lato", sans-serif;
-  font-size: 14px;
-  font-weight: normal;
+.jewel.textinput {
+  font-weight: 400;
   color: #FFFFFF;
+}
+.jewel.textinput > input {
+  font-family: "Lato", sans-serif;
+}
+.jewel.textinput > input {
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
   border-radius: 3px;
   transition-duration: 0.3s;
   transition-timing-function: easein;
 }
-.jewel.textinput input:focus {
+.jewel.textinput > input:focus {
   border: 1px solid #e28f08;
 }
-.jewel.textinput input::placeholder, .jewel.textinput 
input:-ms-input-placeholder {
+.jewel.textinput > input::placeholder, .jewel.textinput > 
input:-ms-input-placeholder {
   color: white;
 }
-.jewel.textinput input[disabled] {
+.jewel.textinput > input[disabled] {
   background: #404040;
   border: 1px solid #0d0d0d;
   box-shadow: none;
   color: #737373;
 }
-.jewel.textinput input[disabled]::placeholder, .jewel.textinput 
input[disabled]:-ms-input-placeholder {
+.jewel.textinput > input[disabled]::placeholder, .jewel.textinput > 
input[disabled]:-ms-input-placeholder {
   color: #737373;
 }
 
-.jewel.textarea textarea {
-  font-family: "Lato", sans-serif;
-  font-size: 14px;
-  font-weight: normal;
+.jewel.textarea {
+  font-weight: 400;
   color: #FFFFFF;
+}
+.jewel.textarea > textarea {
+  font-family: "Lato", sans-serif;
+}
+.jewel.textarea > textarea {
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
   border-radius: 3px;
   transition-duration: 0.3s;
   transition-timing-function: easein;
 }
-.jewel.textarea textarea:focus {
+.jewel.textarea > textarea:focus {
   border: 1px solid #e28f08;
 }
-.jewel.textarea textarea::placeholder, .jewel.textarea 
textarea:-ms-input-placeholder {
+.jewel.textarea > textarea::placeholder, .jewel.textarea > 
textarea:-ms-input-placeholder {
   color: white;
 }
-.jewel.textarea textarea[disabled] {
+.jewel.textarea > textarea[disabled] {
   background: #404040;
   border: 1px solid #0d0d0d;
   box-shadow: none;
   color: #737373;
 }
-.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea 
textarea[disabled]:-ms-input-placeholder {
+.jewel.textarea > textarea[disabled]::placeholder, .jewel.textarea > 
textarea[disabled]:-ms-input-placeholder {
   color: #737373;
 }
 
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 89c35ac..331f70a 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
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.alert {
   margin: 0;
   padding: 0;
@@ -76,7 +96,7 @@ div {
   white-space: normal;
   color: #FFFFFF;
   font-size: 1.1em;
-  font-weight: normal;
+  font-weight: 400;
 }
 .jewel.alert .jewel.controlbar {
   background: linear-gradient(#666666, #4c4c4c);
@@ -109,7 +129,6 @@ div {
   color: #FFFFFF;
   text-shadow: 0 -1px 0 rgba(13, 13, 13, 0.7);
   font-family: "Lato", sans-serif;
-  font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -133,7 +152,7 @@ div {
   color: #737373;
 }
 .jewel.button[disabled] {
-  font-weight: normal;
+  font-weight: 400;
   text-shadow: unset;
 }
 
@@ -165,24 +184,8 @@ div {
   color: #737373;
 }
 
-.jewel.button.xsmall {
-  font-size: 60%;
-}
-
-.jewel.button.small {
-  font-size: 80%;
-}
-
-.jewel.button.large {
-  font-size: 120%;
-}
-
-.jewel.button.xlarge {
-  font-size: 140%;
-}
-
 .jewel.card {
-  font-size: 14px;
+  font-size: 1em;
   font-weight: 400;
   background: #1a1a1a;
   border: 0px;
@@ -241,7 +244,7 @@ j|Card {
 
 .jewel.label {
   font-family: "Lato", sans-serif;
-  font-size: 14px;
+  font-size: 1em;
 }
 
 .jewel.list {
@@ -366,57 +369,63 @@ j|Card {
   border-radius: 3px;
 }
 
-.jewel.textinput input {
-  font-family: "Lato", sans-serif;
-  font-size: 14px;
-  font-weight: normal;
+.jewel.textinput {
+  font-weight: 400;
   color: #FFFFFF;
+}
+.jewel.textinput > input {
+  font-family: "Lato", sans-serif;
+}
+.jewel.textinput > input {
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
   border-radius: 3px;
   transition-duration: 0.3s;
   transition-timing-function: easein;
 }
-.jewel.textinput input:focus {
+.jewel.textinput > input:focus {
   border: 1px solid #be390e;
 }
-.jewel.textinput input::placeholder, .jewel.textinput 
input:-ms-input-placeholder {
+.jewel.textinput > input::placeholder, .jewel.textinput > 
input:-ms-input-placeholder {
   color: white;
 }
-.jewel.textinput input[disabled] {
+.jewel.textinput > input[disabled] {
   background: #404040;
   border: 1px solid #0d0d0d;
   box-shadow: none;
   color: #737373;
 }
-.jewel.textinput input[disabled]::placeholder, .jewel.textinput 
input[disabled]:-ms-input-placeholder {
+.jewel.textinput > input[disabled]::placeholder, .jewel.textinput > 
input[disabled]:-ms-input-placeholder {
   color: #737373;
 }
 
-.jewel.textarea textarea {
-  font-family: "Lato", sans-serif;
-  font-size: 14px;
-  font-weight: normal;
+.jewel.textarea {
+  font-weight: 400;
   color: #FFFFFF;
+}
+.jewel.textarea > textarea {
+  font-family: "Lato", sans-serif;
+}
+.jewel.textarea > textarea {
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
   border-radius: 3px;
   transition-duration: 0.3s;
   transition-timing-function: easein;
 }
-.jewel.textarea textarea:focus {
+.jewel.textarea > textarea:focus {
   border: 1px solid #be390e;
 }
-.jewel.textarea textarea::placeholder, .jewel.textarea 
textarea:-ms-input-placeholder {
+.jewel.textarea > textarea::placeholder, .jewel.textarea > 
textarea:-ms-input-placeholder {
   color: white;
 }
-.jewel.textarea textarea[disabled] {
+.jewel.textarea > textarea[disabled] {
   background: #404040;
   border: 1px solid #0d0d0d;
   box-shadow: none;
   color: #737373;
 }
-.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea 
textarea[disabled]:-ms-input-placeholder {
+.jewel.textarea > textarea[disabled]::placeholder, .jewel.textarea > 
textarea[disabled]:-ms-input-placeholder {
   color: #737373;
 }
 
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 ea9ef49..7fd24fc 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
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.alert {
   margin: 0;
   padding: 0;
@@ -76,7 +96,7 @@ div {
   white-space: normal;
   color: #FFFFFF;
   font-size: 1.1em;
-  font-weight: normal;
+  font-weight: 400;
 }
 .jewel.alert .jewel.controlbar {
   background: linear-gradient(#666666, #4c4c4c);
@@ -109,7 +129,6 @@ div {
   color: #FFFFFF;
   text-shadow: 0 -1px 0 rgba(13, 13, 13, 0.7);
   font-family: "Lato", sans-serif;
-  font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -133,7 +152,7 @@ div {
   color: #737373;
 }
 .jewel.button[disabled] {
-  font-weight: normal;
+  font-weight: 400;
   text-shadow: unset;
 }
 
@@ -165,24 +184,8 @@ div {
   color: #737373;
 }
 
-.jewel.button.xsmall {
-  font-size: 60%;
-}
-
-.jewel.button.small {
-  font-size: 80%;
-}
-
-.jewel.button.large {
-  font-size: 120%;
-}
-
-.jewel.button.xlarge {
-  font-size: 140%;
-}
-
 .jewel.card {
-  font-size: 14px;
+  font-size: 1em;
   font-weight: 400;
   background: #1a1a1a;
   border: 0px;
@@ -241,7 +244,7 @@ j|Card {
 
 .jewel.label {
   font-family: "Lato", sans-serif;
-  font-size: 14px;
+  font-size: 1em;
 }
 
 .jewel.list {
@@ -366,57 +369,63 @@ j|Card {
   border-radius: 3px;
 }
 
-.jewel.textinput input {
-  font-family: "Lato", sans-serif;
-  font-size: 14px;
-  font-weight: normal;
+.jewel.textinput {
+  font-weight: 400;
   color: #FFFFFF;
+}
+.jewel.textinput > input {
+  font-family: "Lato", sans-serif;
+}
+.jewel.textinput > input {
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
   border-radius: 3px;
   transition-duration: 0.3s;
   transition-timing-function: easein;
 }
-.jewel.textinput input:focus {
+.jewel.textinput > input:focus {
   border: 1px solid #1a6b65;
 }
-.jewel.textinput input::placeholder, .jewel.textinput 
input:-ms-input-placeholder {
+.jewel.textinput > input::placeholder, .jewel.textinput > 
input:-ms-input-placeholder {
   color: white;
 }
-.jewel.textinput input[disabled] {
+.jewel.textinput > input[disabled] {
   background: #404040;
   border: 1px solid #0d0d0d;
   box-shadow: none;
   color: #737373;
 }
-.jewel.textinput input[disabled]::placeholder, .jewel.textinput 
input[disabled]:-ms-input-placeholder {
+.jewel.textinput > input[disabled]::placeholder, .jewel.textinput > 
input[disabled]:-ms-input-placeholder {
   color: #737373;
 }
 
-.jewel.textarea textarea {
-  font-family: "Lato", sans-serif;
-  font-size: 14px;
-  font-weight: normal;
+.jewel.textarea {
+  font-weight: 400;
   color: #FFFFFF;
+}
+.jewel.textarea > textarea {
+  font-family: "Lato", sans-serif;
+}
+.jewel.textarea > textarea {
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
   border-radius: 3px;
   transition-duration: 0.3s;
   transition-timing-function: easein;
 }
-.jewel.textarea textarea:focus {
+.jewel.textarea > textarea:focus {
   border: 1px solid #1a6b65;
 }
-.jewel.textarea textarea::placeholder, .jewel.textarea 
textarea:-ms-input-placeholder {
+.jewel.textarea > textarea::placeholder, .jewel.textarea > 
textarea:-ms-input-placeholder {
   color: white;
 }
-.jewel.textarea textarea[disabled] {
+.jewel.textarea > textarea[disabled] {
   background: #404040;
   border: 1px solid #0d0d0d;
   box-shadow: none;
   color: #737373;
 }
-.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea 
textarea[disabled]:-ms-input-placeholder {
+.jewel.textarea > textarea[disabled]::placeholder, .jewel.textarea > 
textarea[disabled]:-ms-input-placeholder {
   color: #737373;
 }
 
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 ee38002..95ed433 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
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.alert {
   margin: 0;
   padding: 0;
@@ -76,7 +96,7 @@ div {
   white-space: normal;
   color: #FFFFFF;
   font-size: 1.1em;
-  font-weight: normal;
+  font-weight: 400;
 }
 .jewel.alert .jewel.controlbar {
   background: linear-gradient(#666666, #4c4c4c);
@@ -109,7 +129,6 @@ div {
   color: #FFFFFF;
   text-shadow: 0 -1px 0 rgba(13, 13, 13, 0.7);
   font-family: "Lato", sans-serif;
-  font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -133,7 +152,7 @@ div {
   color: #737373;
 }
 .jewel.button[disabled] {
-  font-weight: normal;
+  font-weight: 400;
   text-shadow: unset;
 }
 
@@ -165,24 +184,8 @@ div {
   color: #737373;
 }
 
-.jewel.button.xsmall {
-  font-size: 60%;
-}
-
-.jewel.button.small {
-  font-size: 80%;
-}
-
-.jewel.button.large {
-  font-size: 120%;
-}
-
-.jewel.button.xlarge {
-  font-size: 140%;
-}
-
 .jewel.card {
-  font-size: 14px;
+  font-size: 1em;
   font-weight: 400;
   background: #1a1a1a;
   border: 0px;
@@ -241,7 +244,7 @@ j|Card {
 
 .jewel.label {
   font-family: "Lato", sans-serif;
-  font-size: 14px;
+  font-size: 1em;
 }
 
 .jewel.list {
@@ -366,57 +369,63 @@ j|Card {
   border-radius: 3px;
 }
 
-.jewel.textinput input {
-  font-family: "Lato", sans-serif;
-  font-size: 14px;
-  font-weight: normal;
+.jewel.textinput {
+  font-weight: 400;
   color: #FFFFFF;
+}
+.jewel.textinput > input {
+  font-family: "Lato", sans-serif;
+}
+.jewel.textinput > input {
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
   border-radius: 3px;
   transition-duration: 0.3s;
   transition-timing-function: easein;
 }
-.jewel.textinput input:focus {
+.jewel.textinput > input:focus {
   border: 1px solid #3c1a55;
 }
-.jewel.textinput input::placeholder, .jewel.textinput 
input:-ms-input-placeholder {
+.jewel.textinput > input::placeholder, .jewel.textinput > 
input:-ms-input-placeholder {
   color: white;
 }
-.jewel.textinput input[disabled] {
+.jewel.textinput > input[disabled] {
   background: #404040;
   border: 1px solid #0d0d0d;
   box-shadow: none;
   color: #737373;
 }
-.jewel.textinput input[disabled]::placeholder, .jewel.textinput 
input[disabled]:-ms-input-placeholder {
+.jewel.textinput > input[disabled]::placeholder, .jewel.textinput > 
input[disabled]:-ms-input-placeholder {
   color: #737373;
 }
 
-.jewel.textarea textarea {
-  font-family: "Lato", sans-serif;
-  font-size: 14px;
-  font-weight: normal;
+.jewel.textarea {
+  font-weight: 400;
   color: #FFFFFF;
+}
+.jewel.textarea > textarea {
+  font-family: "Lato", sans-serif;
+}
+.jewel.textarea > textarea {
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
   border-radius: 3px;
   transition-duration: 0.3s;
   transition-timing-function: easein;
 }
-.jewel.textarea textarea:focus {
+.jewel.textarea > textarea:focus {
   border: 1px solid #3c1a55;
 }
-.jewel.textarea textarea::placeholder, .jewel.textarea 
textarea:-ms-input-placeholder {
+.jewel.textarea > textarea::placeholder, .jewel.textarea > 
textarea:-ms-input-placeholder {
   color: white;
 }
-.jewel.textarea textarea[disabled] {
+.jewel.textarea > textarea[disabled] {
   background: #404040;
   border: 1px solid #0d0d0d;
   box-shadow: none;
   color: #737373;
 }
-.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea 
textarea[disabled]:-ms-input-placeholder {
+.jewel.textarea > textarea[disabled]::placeholder, .jewel.textarea > 
textarea[disabled]:-ms-input-placeholder {
   color: #737373;
 }
 
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 9092c13..969be4d 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
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.alert {
   margin: 0;
   padding: 0;
@@ -76,7 +96,7 @@ div {
   white-space: normal;
   color: #FFFFFF;
   font-size: 1.1em;
-  font-weight: normal;
+  font-weight: 400;
 }
 .jewel.alert .jewel.controlbar {
   background: linear-gradient(#666666, #4c4c4c);
@@ -109,7 +129,6 @@ div {
   color: #FFFFFF;
   text-shadow: 0 -1px 0 rgba(13, 13, 13, 0.7);
   font-family: "Lato", sans-serif;
-  font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -133,7 +152,7 @@ div {
   color: #737373;
 }
 .jewel.button[disabled] {
-  font-weight: normal;
+  font-weight: 400;
   text-shadow: unset;
 }
 
@@ -165,24 +184,8 @@ div {
   color: #737373;
 }
 
-.jewel.button.xsmall {
-  font-size: 60%;
-}
-
-.jewel.button.small {
-  font-size: 80%;
-}
-
-.jewel.button.large {
-  font-size: 120%;
-}
-
-.jewel.button.xlarge {
-  font-size: 140%;
-}
-
 .jewel.card {
-  font-size: 14px;
+  font-size: 1em;
   font-weight: 400;
   background: #1a1a1a;
   border: 0px;
@@ -241,7 +244,7 @@ j|Card {
 
 .jewel.label {
   font-family: "Lato", sans-serif;
-  font-size: 14px;
+  font-size: 1em;
 }
 
 .jewel.list {
@@ -366,57 +369,63 @@ j|Card {
   border-radius: 3px;
 }
 
-.jewel.textinput input {
-  font-family: "Lato", sans-serif;
-  font-size: 14px;
-  font-weight: normal;
+.jewel.textinput {
+  font-weight: 400;
   color: #FFFFFF;
+}
+.jewel.textinput > input {
+  font-family: "Lato", sans-serif;
+}
+.jewel.textinput > input {
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
   border-radius: 3px;
   transition-duration: 0.3s;
   transition-timing-function: easein;
 }
-.jewel.textinput input:focus {
+.jewel.textinput > input:focus {
   border: 1px solid #999207;
 }
-.jewel.textinput input::placeholder, .jewel.textinput 
input:-ms-input-placeholder {
+.jewel.textinput > input::placeholder, .jewel.textinput > 
input:-ms-input-placeholder {
   color: white;
 }
-.jewel.textinput input[disabled] {
+.jewel.textinput > input[disabled] {
   background: #404040;
   border: 1px solid #0d0d0d;
   box-shadow: none;
   color: #737373;
 }
-.jewel.textinput input[disabled]::placeholder, .jewel.textinput 
input[disabled]:-ms-input-placeholder {
+.jewel.textinput > input[disabled]::placeholder, .jewel.textinput > 
input[disabled]:-ms-input-placeholder {
   color: #737373;
 }
 
-.jewel.textarea textarea {
-  font-family: "Lato", sans-serif;
-  font-size: 14px;
-  font-weight: normal;
+.jewel.textarea {
+  font-weight: 400;
   color: #FFFFFF;
+}
+.jewel.textarea > textarea {
+  font-family: "Lato", sans-serif;
+}
+.jewel.textarea > textarea {
   background: linear-gradient(#7f7f7f, #737373);
   border: 1px solid #333333;
   border-radius: 3px;
   transition-duration: 0.3s;
   transition-timing-function: easein;
 }
-.jewel.textarea textarea:focus {
+.jewel.textarea > textarea:focus {
   border: 1px solid #999207;
 }
-.jewel.textarea textarea::placeholder, .jewel.textarea 
textarea:-ms-input-placeholder {
+.jewel.textarea > textarea::placeholder, .jewel.textarea > 
textarea:-ms-input-placeholder {
   color: white;
 }
-.jewel.textarea textarea[disabled] {
+.jewel.textarea > textarea[disabled] {
   background: #404040;
   border: 1px solid #0d0d0d;
   box-shadow: none;
   color: #737373;
 }
-.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea 
textarea[disabled]:-ms-input-placeholder {
+.jewel.textarea > textarea[disabled]::placeholder, .jewel.textarea > 
textarea[disabled]:-ms-input-placeholder {
   color: #737373;
 }
 
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Amethyst-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Amethyst-Theme/src/main/resources/defaults.css
index 58bbbe5..5323dc3 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Amethyst-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Amethyst-Theme/src/main/resources/defaults.css
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.button.secondary {
   background: linear-gradient(#d43bd1, #b427b1);
   border: 1px solid #8a1e88;
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Blue-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Blue-Theme/src/main/resources/defaults.css
index bc97ecf..1a541c3 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Blue-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Blue-Theme/src/main/resources/defaults.css
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.button.secondary {
   background: linear-gradient(#54b7f3, #24a3ef);
   border: 1px solid #0f88d1;
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Emerald-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Emerald-Theme/src/main/resources/defaults.css
index 9f72087..d3a5333 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Emerald-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Emerald-Theme/src/main/resources/defaults.css
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.button.secondary {
   background: linear-gradient(#98cc50, #7eb435);
   border: 1px solid #638c29;
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Green-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Green-Theme/src/main/resources/defaults.css
index 5c6f86e..831238e 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Green-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Green-Theme/src/main/resources/defaults.css
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.button.secondary {
   background: linear-gradient(#45c354, #34a241);
   border: 1px solid #277b32;
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Orange-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Orange-Theme/src/main/resources/defaults.css
index 4d84f85..a894c41 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Orange-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Orange-Theme/src/main/resources/defaults.css
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.button.secondary {
   background: linear-gradient(#f8a036, #f28809);
   border: 1px solid #c16c07;
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Red-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Red-Theme/src/main/resources/defaults.css
index ea17f69..07e8cae 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Red-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Red-Theme/src/main/resources/defaults.css
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.button.secondary {
   background: linear-gradient(#ee343b, #dc121a);
   border: 1px solid #ad0e15;
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Sapphire-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Sapphire-Theme/src/main/resources/defaults.css
index 9fb5a9d..94f01e7 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Sapphire-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Sapphire-Theme/src/main/resources/defaults.css
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.button.secondary {
   background: linear-gradient(#3481d0, #2767a9);
   border: 1px solid #1e4e80;
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Sunflower-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Sunflower-Theme/src/main/resources/defaults.css
index de96a6a..3f789e9 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Sunflower-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Sunflower-Theme/src/main/resources/defaults.css
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.button.secondary {
   background: linear-gradient(#f9bb58, #f7a726);
   border: 1px solid #e28f08;
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Topaz-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Topaz-Theme/src/main/resources/defaults.css
index 39357b1..5200a6d 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Topaz-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Topaz-Theme/src/main/resources/defaults.css
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.button.secondary {
   background: linear-gradient(#f16c42, #ed4812);
   border: 1px solid #be390e;
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Turquoise-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Turquoise-Theme/src/main/resources/defaults.css
index 904b468..dbb0d6f 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Turquoise-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Turquoise-Theme/src/main/resources/defaults.css
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.button.secondary {
   background: linear-gradient(#2ebcb2, #24948c);
   border: 1px solid #1a6b65;
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Violet-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Violet-Theme/src/main/resources/defaults.css
index f628103..d319f62 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Violet-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Violet-Theme/src/main/resources/defaults.css
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.button.secondary {
   background: linear-gradient(#7432a4, #58267c);
   border: 1px solid #3c1a55;
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Yellow-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Yellow-Theme/src/main/resources/defaults.css
index d3b5c35..9691d08 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Yellow-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Yellow-Theme/src/main/resources/defaults.css
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.button.secondary {
   background: linear-gradient(#f4e813, #cac00a);
   border: 1px solid #999207;
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Amethyst-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Amethyst-Theme/src/main/resources/defaults.css
index d825539..3e0bb65 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Amethyst-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Amethyst-Theme/src/main/resources/defaults.css
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.button.emphasized {
   background: linear-gradient(#d43bd1, #b427b1);
   border: 1px solid #8a1e88;
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Blue-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Blue-Theme/src/main/resources/defaults.css
index 52bcfe4..5074ab1 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Blue-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Blue-Theme/src/main/resources/defaults.css
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.button.emphasized {
   background: linear-gradient(#54b7f3, #24a3ef);
   border: 1px solid #0f88d1;
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Emerald-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Emerald-Theme/src/main/resources/defaults.css
index b4e4832..9de8165 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Emerald-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Emerald-Theme/src/main/resources/defaults.css
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.button.emphasized {
   background: linear-gradient(#98cc50, #7eb435);
   border: 1px solid #638c29;
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Green-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Green-Theme/src/main/resources/defaults.css
index 3ddedf3..e95459c 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Green-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Green-Theme/src/main/resources/defaults.css
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.button.emphasized {
   background: linear-gradient(#45c354, #34a241);
   border: 1px solid #277b32;
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Orange-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Orange-Theme/src/main/resources/defaults.css
index 1b158e7..b463109 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Orange-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Orange-Theme/src/main/resources/defaults.css
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.button.emphasized {
   background: linear-gradient(#f8a036, #f28809);
   border: 1px solid #c16c07;
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Red-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Red-Theme/src/main/resources/defaults.css
index 2a55a8d..4d5824b 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Red-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Red-Theme/src/main/resources/defaults.css
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.button.emphasized {
   background: linear-gradient(#ee343b, #dc121a);
   border: 1px solid #ad0e15;
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Sapphire-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Sapphire-Theme/src/main/resources/defaults.css
index 51b2b96..9aa7e3a 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Sapphire-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Sapphire-Theme/src/main/resources/defaults.css
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.button.emphasized {
   background: linear-gradient(#3481d0, #2767a9);
   border: 1px solid #1e4e80;
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Sunflower-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Sunflower-Theme/src/main/resources/defaults.css
index d86f08c..281efb2 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Sunflower-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Sunflower-Theme/src/main/resources/defaults.css
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.button.emphasized {
   background: linear-gradient(#f9bb58, #f7a726);
   border: 1px solid #e28f08;
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Topaz-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Topaz-Theme/src/main/resources/defaults.css
index ffbfe4c..4e1a795 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Topaz-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Topaz-Theme/src/main/resources/defaults.css
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.button.emphasized {
   background: linear-gradient(#f16c42, #ed4812);
   border: 1px solid #be390e;
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Turquoise-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Turquoise-Theme/src/main/resources/defaults.css
index bbce5d7..8e3db94 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Turquoise-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Turquoise-Theme/src/main/resources/defaults.css
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.button.emphasized {
   background: linear-gradient(#2ebcb2, #24948c);
   border: 1px solid #1a6b65;
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Violet-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Violet-Theme/src/main/resources/defaults.css
index d059a48..e8d9141 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Violet-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Violet-Theme/src/main/resources/defaults.css
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.button.emphasized {
   background: linear-gradient(#7432a4, #58267c);
   border: 1px solid #3c1a55;
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Yellow-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Yellow-Theme/src/main/resources/defaults.css
index 0f3e7a0..b66af40 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Yellow-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Yellow-Theme/src/main/resources/defaults.css
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.button.emphasized {
   background: linear-gradient(#f4e813, #cac00a);
   border: 1px solid #999207;
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 a3e8bd4..03ced38 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
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.alert {
   margin: 0;
   padding: 0;
@@ -76,7 +96,7 @@ div {
   white-space: normal;
   color: #808080;
   font-size: 1.1em;
-  font-weight: normal;
+  font-weight: 400;
 }
 .jewel.alert .jewel.controlbar {
   background: linear-gradient(#e6e6e6, #cccccc);
@@ -108,7 +128,6 @@ div {
   border-radius: 3px;
   color: #808080;
   font-family: "Lato", sans-serif;
-  font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -132,7 +151,7 @@ div {
   color: silver;
 }
 .jewel.button[disabled] {
-  font-weight: normal;
+  font-weight: 400;
   text-shadow: unset;
 }
 
@@ -164,24 +183,8 @@ div {
   color: silver;
 }
 
-.jewel.button.xsmall {
-  font-size: 60%;
-}
-
-.jewel.button.small {
-  font-size: 80%;
-}
-
-.jewel.button.large {
-  font-size: 120%;
-}
-
-.jewel.button.xlarge {
-  font-size: 140%;
-}
-
 .jewel.card {
-  font-size: 14px;
+  font-size: 1em;
   font-weight: 400;
   background: #ebebeb;
   border: 0px;
@@ -240,7 +243,7 @@ j|Card {
 
 .jewel.label {
   font-family: "Lato", sans-serif;
-  font-size: 14px;
+  font-size: 1em;
 }
 
 .jewel.list {
@@ -365,57 +368,63 @@ j|Card {
   border-radius: 3px;
 }
 
-.jewel.textinput input {
-  font-family: "Lato", sans-serif;
-  font-size: 14px;
-  font-weight: normal;
+.jewel.textinput {
+  font-weight: 400;
   color: #808080;
+}
+.jewel.textinput > input {
+  font-family: "Lato", sans-serif;
+}
+.jewel.textinput > input {
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
   border-radius: 3px;
   transition-duration: 0.3s;
   transition-timing-function: easein;
 }
-.jewel.textinput input:focus {
+.jewel.textinput > input:focus {
   border: 1px solid #8a1e88;
 }
-.jewel.textinput input::placeholder, .jewel.textinput 
input:-ms-input-placeholder {
+.jewel.textinput > input::placeholder, .jewel.textinput > 
input:-ms-input-placeholder {
   color: #a6a6a6;
 }
-.jewel.textinput input[disabled] {
+.jewel.textinput > input[disabled] {
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
   box-shadow: none;
   color: silver;
 }
-.jewel.textinput input[disabled]::placeholder, .jewel.textinput 
input[disabled]:-ms-input-placeholder {
+.jewel.textinput > input[disabled]::placeholder, .jewel.textinput > 
input[disabled]:-ms-input-placeholder {
   color: silver;
 }
 
-.jewel.textarea textarea {
-  font-family: "Lato", sans-serif;
-  font-size: 14px;
-  font-weight: normal;
+.jewel.textarea {
+  font-weight: 400;
   color: #808080;
+}
+.jewel.textarea > textarea {
+  font-family: "Lato", sans-serif;
+}
+.jewel.textarea > textarea {
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
   border-radius: 3px;
   transition-duration: 0.3s;
   transition-timing-function: easein;
 }
-.jewel.textarea textarea:focus {
+.jewel.textarea > textarea:focus {
   border: 1px solid #8a1e88;
 }
-.jewel.textarea textarea::placeholder, .jewel.textarea 
textarea:-ms-input-placeholder {
+.jewel.textarea > textarea::placeholder, .jewel.textarea > 
textarea:-ms-input-placeholder {
   color: #a6a6a6;
 }
-.jewel.textarea textarea[disabled] {
+.jewel.textarea > textarea[disabled] {
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
   box-shadow: none;
   color: silver;
 }
-.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea 
textarea[disabled]:-ms-input-placeholder {
+.jewel.textarea > textarea[disabled]::placeholder, .jewel.textarea > 
textarea[disabled]:-ms-input-placeholder {
   color: silver;
 }
 
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 c03b08b..59290ee 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
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.alert {
   margin: 0;
   padding: 0;
@@ -76,7 +96,7 @@ div {
   white-space: normal;
   color: #808080;
   font-size: 1.1em;
-  font-weight: normal;
+  font-weight: 400;
 }
 .jewel.alert .jewel.controlbar {
   background: linear-gradient(#e6e6e6, #cccccc);
@@ -108,7 +128,6 @@ div {
   border-radius: 3px;
   color: #808080;
   font-family: "Lato", sans-serif;
-  font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -132,7 +151,7 @@ div {
   color: silver;
 }
 .jewel.button[disabled] {
-  font-weight: normal;
+  font-weight: 400;
   text-shadow: unset;
 }
 
@@ -164,24 +183,8 @@ div {
   color: silver;
 }
 
-.jewel.button.xsmall {
-  font-size: 60%;
-}
-
-.jewel.button.small {
-  font-size: 80%;
-}
-
-.jewel.button.large {
-  font-size: 120%;
-}
-
-.jewel.button.xlarge {
-  font-size: 140%;
-}
-
 .jewel.card {
-  font-size: 14px;
+  font-size: 1em;
   font-weight: 400;
   background: #ebebeb;
   border: 0px;
@@ -240,7 +243,7 @@ j|Card {
 
 .jewel.label {
   font-family: "Lato", sans-serif;
-  font-size: 14px;
+  font-size: 1em;
 }
 
 .jewel.list {
@@ -365,57 +368,63 @@ j|Card {
   border-radius: 3px;
 }
 
-.jewel.textinput input {
-  font-family: "Lato", sans-serif;
-  font-size: 14px;
-  font-weight: normal;
+.jewel.textinput {
+  font-weight: 400;
   color: #808080;
+}
+.jewel.textinput > input {
+  font-family: "Lato", sans-serif;
+}
+.jewel.textinput > input {
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
   border-radius: 3px;
   transition-duration: 0.3s;
   transition-timing-function: easein;
 }
-.jewel.textinput input:focus {
+.jewel.textinput > input:focus {
   border: 1px solid #0f88d1;
 }
-.jewel.textinput input::placeholder, .jewel.textinput 
input:-ms-input-placeholder {
+.jewel.textinput > input::placeholder, .jewel.textinput > 
input:-ms-input-placeholder {
   color: #a6a6a6;
 }
-.jewel.textinput input[disabled] {
+.jewel.textinput > input[disabled] {
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
   box-shadow: none;
   color: silver;
 }
-.jewel.textinput input[disabled]::placeholder, .jewel.textinput 
input[disabled]:-ms-input-placeholder {
+.jewel.textinput > input[disabled]::placeholder, .jewel.textinput > 
input[disabled]:-ms-input-placeholder {
   color: silver;
 }
 
-.jewel.textarea textarea {
-  font-family: "Lato", sans-serif;
-  font-size: 14px;
-  font-weight: normal;
+.jewel.textarea {
+  font-weight: 400;
   color: #808080;
+}
+.jewel.textarea > textarea {
+  font-family: "Lato", sans-serif;
+}
+.jewel.textarea > textarea {
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
   border-radius: 3px;
   transition-duration: 0.3s;
   transition-timing-function: easein;
 }
-.jewel.textarea textarea:focus {
+.jewel.textarea > textarea:focus {
   border: 1px solid #0f88d1;
 }
-.jewel.textarea textarea::placeholder, .jewel.textarea 
textarea:-ms-input-placeholder {
+.jewel.textarea > textarea::placeholder, .jewel.textarea > 
textarea:-ms-input-placeholder {
   color: #a6a6a6;
 }
-.jewel.textarea textarea[disabled] {
+.jewel.textarea > textarea[disabled] {
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
   box-shadow: none;
   color: silver;
 }
-.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea 
textarea[disabled]:-ms-input-placeholder {
+.jewel.textarea > textarea[disabled]::placeholder, .jewel.textarea > 
textarea[disabled]:-ms-input-placeholder {
   color: silver;
 }
 
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 18cdafe..d57b502 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
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.alert {
   margin: 0;
   padding: 0;
@@ -76,7 +96,7 @@ div {
   white-space: normal;
   color: #808080;
   font-size: 1.1em;
-  font-weight: normal;
+  font-weight: 400;
 }
 .jewel.alert .jewel.controlbar {
   background: linear-gradient(#e6e6e6, #cccccc);
@@ -108,7 +128,6 @@ div {
   border-radius: 3px;
   color: #808080;
   font-family: "Lato", sans-serif;
-  font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -132,7 +151,7 @@ div {
   color: silver;
 }
 .jewel.button[disabled] {
-  font-weight: normal;
+  font-weight: 400;
   text-shadow: unset;
 }
 
@@ -164,24 +183,8 @@ div {
   color: silver;
 }
 
-.jewel.button.xsmall {
-  font-size: 60%;
-}
-
-.jewel.button.small {
-  font-size: 80%;
-}
-
-.jewel.button.large {
-  font-size: 120%;
-}
-
-.jewel.button.xlarge {
-  font-size: 140%;
-}
-
 .jewel.card {
-  font-size: 14px;
+  font-size: 1em;
   font-weight: 400;
   background: #ebebeb;
   border: 0px;
@@ -240,7 +243,7 @@ j|Card {
 
 .jewel.label {
   font-family: "Lato", sans-serif;
-  font-size: 14px;
+  font-size: 1em;
 }
 
 .jewel.list {
@@ -365,57 +368,63 @@ j|Card {
   border-radius: 3px;
 }
 
-.jewel.textinput input {
-  font-family: "Lato", sans-serif;
-  font-size: 14px;
-  font-weight: normal;
+.jewel.textinput {
+  font-weight: 400;
   color: #808080;
+}
+.jewel.textinput > input {
+  font-family: "Lato", sans-serif;
+}
+.jewel.textinput > input {
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
   border-radius: 3px;
   transition-duration: 0.3s;
   transition-timing-function: easein;
 }
-.jewel.textinput input:focus {
+.jewel.textinput > input:focus {
   border: 1px solid #638c29;
 }
-.jewel.textinput input::placeholder, .jewel.textinput 
input:-ms-input-placeholder {
+.jewel.textinput > input::placeholder, .jewel.textinput > 
input:-ms-input-placeholder {
   color: #a6a6a6;
 }
-.jewel.textinput input[disabled] {
+.jewel.textinput > input[disabled] {
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
   box-shadow: none;
   color: silver;
 }
-.jewel.textinput input[disabled]::placeholder, .jewel.textinput 
input[disabled]:-ms-input-placeholder {
+.jewel.textinput > input[disabled]::placeholder, .jewel.textinput > 
input[disabled]:-ms-input-placeholder {
   color: silver;
 }
 
-.jewel.textarea textarea {
-  font-family: "Lato", sans-serif;
-  font-size: 14px;
-  font-weight: normal;
+.jewel.textarea {
+  font-weight: 400;
   color: #808080;
+}
+.jewel.textarea > textarea {
+  font-family: "Lato", sans-serif;
+}
+.jewel.textarea > textarea {
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
   border-radius: 3px;
   transition-duration: 0.3s;
   transition-timing-function: easein;
 }
-.jewel.textarea textarea:focus {
+.jewel.textarea > textarea:focus {
   border: 1px solid #638c29;
 }
-.jewel.textarea textarea::placeholder, .jewel.textarea 
textarea:-ms-input-placeholder {
+.jewel.textarea > textarea::placeholder, .jewel.textarea > 
textarea:-ms-input-placeholder {
   color: #a6a6a6;
 }
-.jewel.textarea textarea[disabled] {
+.jewel.textarea > textarea[disabled] {
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
   box-shadow: none;
   color: silver;
 }
-.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea 
textarea[disabled]:-ms-input-placeholder {
+.jewel.textarea > textarea[disabled]::placeholder, .jewel.textarea > 
textarea[disabled]:-ms-input-placeholder {
   color: silver;
 }
 
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 78ca5ea..c8e09e8 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
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.alert {
   margin: 0;
   padding: 0;
@@ -76,7 +96,7 @@ div {
   white-space: normal;
   color: #808080;
   font-size: 1.1em;
-  font-weight: normal;
+  font-weight: 400;
 }
 .jewel.alert .jewel.controlbar {
   background: linear-gradient(#e6e6e6, #cccccc);
@@ -108,7 +128,6 @@ div {
   border-radius: 3px;
   color: #808080;
   font-family: "Lato", sans-serif;
-  font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -132,7 +151,7 @@ div {
   color: silver;
 }
 .jewel.button[disabled] {
-  font-weight: normal;
+  font-weight: 400;
   text-shadow: unset;
 }
 
@@ -164,24 +183,8 @@ div {
   color: silver;
 }
 
-.jewel.button.xsmall {
-  font-size: 60%;
-}
-
-.jewel.button.small {
-  font-size: 80%;
-}
-
-.jewel.button.large {
-  font-size: 120%;
-}
-
-.jewel.button.xlarge {
-  font-size: 140%;
-}
-
 .jewel.card {
-  font-size: 14px;
+  font-size: 1em;
   font-weight: 400;
   background: #ebebeb;
   border: 0px;
@@ -240,7 +243,7 @@ j|Card {
 
 .jewel.label {
   font-family: "Lato", sans-serif;
-  font-size: 14px;
+  font-size: 1em;
 }
 
 .jewel.list {
@@ -365,57 +368,63 @@ j|Card {
   border-radius: 3px;
 }
 
-.jewel.textinput input {
-  font-family: "Lato", sans-serif;
-  font-size: 14px;
-  font-weight: normal;
+.jewel.textinput {
+  font-weight: 400;
   color: #808080;
+}
+.jewel.textinput > input {
+  font-family: "Lato", sans-serif;
+}
+.jewel.textinput > input {
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
   border-radius: 3px;
   transition-duration: 0.3s;
   transition-timing-function: easein;
 }
-.jewel.textinput input:focus {
+.jewel.textinput > input:focus {
   border: 1px solid #277b32;
 }
-.jewel.textinput input::placeholder, .jewel.textinput 
input:-ms-input-placeholder {
+.jewel.textinput > input::placeholder, .jewel.textinput > 
input:-ms-input-placeholder {
   color: #a6a6a6;
 }
-.jewel.textinput input[disabled] {
+.jewel.textinput > input[disabled] {
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
   box-shadow: none;
   color: silver;
 }
-.jewel.textinput input[disabled]::placeholder, .jewel.textinput 
input[disabled]:-ms-input-placeholder {
+.jewel.textinput > input[disabled]::placeholder, .jewel.textinput > 
input[disabled]:-ms-input-placeholder {
   color: silver;
 }
 
-.jewel.textarea textarea {
-  font-family: "Lato", sans-serif;
-  font-size: 14px;
-  font-weight: normal;
+.jewel.textarea {
+  font-weight: 400;
   color: #808080;
+}
+.jewel.textarea > textarea {
+  font-family: "Lato", sans-serif;
+}
+.jewel.textarea > textarea {
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
   border-radius: 3px;
   transition-duration: 0.3s;
   transition-timing-function: easein;
 }
-.jewel.textarea textarea:focus {
+.jewel.textarea > textarea:focus {
   border: 1px solid #277b32;
 }
-.jewel.textarea textarea::placeholder, .jewel.textarea 
textarea:-ms-input-placeholder {
+.jewel.textarea > textarea::placeholder, .jewel.textarea > 
textarea:-ms-input-placeholder {
   color: #a6a6a6;
 }
-.jewel.textarea textarea[disabled] {
+.jewel.textarea > textarea[disabled] {
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
   box-shadow: none;
   color: silver;
 }
-.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea 
textarea[disabled]:-ms-input-placeholder {
+.jewel.textarea > textarea[disabled]::placeholder, .jewel.textarea > 
textarea[disabled]:-ms-input-placeholder {
   color: silver;
 }
 
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 7ac55e8..abfab68 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
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.alert {
   margin: 0;
   padding: 0;
@@ -76,7 +96,7 @@ div {
   white-space: normal;
   color: #808080;
   font-size: 1.1em;
-  font-weight: normal;
+  font-weight: 400;
 }
 .jewel.alert .jewel.controlbar {
   background: linear-gradient(#e6e6e6, #cccccc);
@@ -108,7 +128,6 @@ div {
   border-radius: 3px;
   color: #808080;
   font-family: "Lato", sans-serif;
-  font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -132,7 +151,7 @@ div {
   color: silver;
 }
 .jewel.button[disabled] {
-  font-weight: normal;
+  font-weight: 400;
   text-shadow: unset;
 }
 
@@ -164,24 +183,8 @@ div {
   color: silver;
 }
 
-.jewel.button.xsmall {
-  font-size: 60%;
-}
-
-.jewel.button.small {
-  font-size: 80%;
-}
-
-.jewel.button.large {
-  font-size: 120%;
-}
-
-.jewel.button.xlarge {
-  font-size: 140%;
-}
-
 .jewel.card {
-  font-size: 14px;
+  font-size: 1em;
   font-weight: 400;
   background: #ebebeb;
   border: 0px;
@@ -240,7 +243,7 @@ j|Card {
 
 .jewel.label {
   font-family: "Lato", sans-serif;
-  font-size: 14px;
+  font-size: 1em;
 }
 
 .jewel.list {
@@ -365,57 +368,63 @@ j|Card {
   border-radius: 3px;
 }
 
-.jewel.textinput input {
-  font-family: "Lato", sans-serif;
-  font-size: 14px;
-  font-weight: normal;
+.jewel.textinput {
+  font-weight: 400;
   color: #808080;
+}
+.jewel.textinput > input {
+  font-family: "Lato", sans-serif;
+}
+.jewel.textinput > input {
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
   border-radius: 3px;
   transition-duration: 0.3s;
   transition-timing-function: easein;
 }
-.jewel.textinput input:focus {
+.jewel.textinput > input:focus {
   border: 1px solid #c16c07;
 }
-.jewel.textinput input::placeholder, .jewel.textinput 
input:-ms-input-placeholder {
+.jewel.textinput > input::placeholder, .jewel.textinput > 
input:-ms-input-placeholder {
   color: #a6a6a6;
 }
-.jewel.textinput input[disabled] {
+.jewel.textinput > input[disabled] {
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
   box-shadow: none;
   color: silver;
 }
-.jewel.textinput input[disabled]::placeholder, .jewel.textinput 
input[disabled]:-ms-input-placeholder {
+.jewel.textinput > input[disabled]::placeholder, .jewel.textinput > 
input[disabled]:-ms-input-placeholder {
   color: silver;
 }
 
-.jewel.textarea textarea {
-  font-family: "Lato", sans-serif;
-  font-size: 14px;
-  font-weight: normal;
+.jewel.textarea {
+  font-weight: 400;
   color: #808080;
+}
+.jewel.textarea > textarea {
+  font-family: "Lato", sans-serif;
+}
+.jewel.textarea > textarea {
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
   border-radius: 3px;
   transition-duration: 0.3s;
   transition-timing-function: easein;
 }
-.jewel.textarea textarea:focus {
+.jewel.textarea > textarea:focus {
   border: 1px solid #c16c07;
 }
-.jewel.textarea textarea::placeholder, .jewel.textarea 
textarea:-ms-input-placeholder {
+.jewel.textarea > textarea::placeholder, .jewel.textarea > 
textarea:-ms-input-placeholder {
   color: #a6a6a6;
 }
-.jewel.textarea textarea[disabled] {
+.jewel.textarea > textarea[disabled] {
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
   box-shadow: none;
   color: silver;
 }
-.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea 
textarea[disabled]:-ms-input-placeholder {
+.jewel.textarea > textarea[disabled]::placeholder, .jewel.textarea > 
textarea[disabled]:-ms-input-placeholder {
   color: silver;
 }
 
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 d19c6e8..8ed8bb8 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
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.alert {
   margin: 0;
   padding: 0;
@@ -76,7 +96,7 @@ div {
   white-space: normal;
   color: #808080;
   font-size: 1.1em;
-  font-weight: normal;
+  font-weight: 400;
 }
 .jewel.alert .jewel.controlbar {
   background: linear-gradient(#e6e6e6, #cccccc);
@@ -108,7 +128,6 @@ div {
   border-radius: 3px;
   color: #808080;
   font-family: "Lato", sans-serif;
-  font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -132,7 +151,7 @@ div {
   color: silver;
 }
 .jewel.button[disabled] {
-  font-weight: normal;
+  font-weight: 400;
   text-shadow: unset;
 }
 
@@ -164,24 +183,8 @@ div {
   color: silver;
 }
 
-.jewel.button.xsmall {
-  font-size: 60%;
-}
-
-.jewel.button.small {
-  font-size: 80%;
-}
-
-.jewel.button.large {
-  font-size: 120%;
-}
-
-.jewel.button.xlarge {
-  font-size: 140%;
-}
-
 .jewel.card {
-  font-size: 14px;
+  font-size: 1em;
   font-weight: 400;
   background: #ebebeb;
   border: 0px;
@@ -240,7 +243,7 @@ j|Card {
 
 .jewel.label {
   font-family: "Lato", sans-serif;
-  font-size: 14px;
+  font-size: 1em;
 }
 
 .jewel.list {
@@ -365,57 +368,63 @@ j|Card {
   border-radius: 3px;
 }
 
-.jewel.textinput input {
-  font-family: "Lato", sans-serif;
-  font-size: 14px;
-  font-weight: normal;
+.jewel.textinput {
+  font-weight: 400;
   color: #808080;
+}
+.jewel.textinput > input {
+  font-family: "Lato", sans-serif;
+}
+.jewel.textinput > input {
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
   border-radius: 3px;
   transition-duration: 0.3s;
   transition-timing-function: easein;
 }
-.jewel.textinput input:focus {
+.jewel.textinput > input:focus {
   border: 1px solid #ad0e15;
 }
-.jewel.textinput input::placeholder, .jewel.textinput 
input:-ms-input-placeholder {
+.jewel.textinput > input::placeholder, .jewel.textinput > 
input:-ms-input-placeholder {
   color: #a6a6a6;
 }
-.jewel.textinput input[disabled] {
+.jewel.textinput > input[disabled] {
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
   box-shadow: none;
   color: silver;
 }
-.jewel.textinput input[disabled]::placeholder, .jewel.textinput 
input[disabled]:-ms-input-placeholder {
+.jewel.textinput > input[disabled]::placeholder, .jewel.textinput > 
input[disabled]:-ms-input-placeholder {
   color: silver;
 }
 
-.jewel.textarea textarea {
-  font-family: "Lato", sans-serif;
-  font-size: 14px;
-  font-weight: normal;
+.jewel.textarea {
+  font-weight: 400;
   color: #808080;
+}
+.jewel.textarea > textarea {
+  font-family: "Lato", sans-serif;
+}
+.jewel.textarea > textarea {
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
   border-radius: 3px;
   transition-duration: 0.3s;
   transition-timing-function: easein;
 }
-.jewel.textarea textarea:focus {
+.jewel.textarea > textarea:focus {
   border: 1px solid #ad0e15;
 }
-.jewel.textarea textarea::placeholder, .jewel.textarea 
textarea:-ms-input-placeholder {
+.jewel.textarea > textarea::placeholder, .jewel.textarea > 
textarea:-ms-input-placeholder {
   color: #a6a6a6;
 }
-.jewel.textarea textarea[disabled] {
+.jewel.textarea > textarea[disabled] {
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
   box-shadow: none;
   color: silver;
 }
-.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea 
textarea[disabled]:-ms-input-placeholder {
+.jewel.textarea > textarea[disabled]::placeholder, .jewel.textarea > 
textarea[disabled]:-ms-input-placeholder {
   color: silver;
 }
 
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 ed04afb..c992c31 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
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.alert {
   margin: 0;
   padding: 0;
@@ -76,7 +96,7 @@ div {
   white-space: normal;
   color: #808080;
   font-size: 1.1em;
-  font-weight: normal;
+  font-weight: 400;
 }
 .jewel.alert .jewel.controlbar {
   background: linear-gradient(#e6e6e6, #cccccc);
@@ -108,7 +128,6 @@ div {
   border-radius: 3px;
   color: #808080;
   font-family: "Lato", sans-serif;
-  font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -132,7 +151,7 @@ div {
   color: silver;
 }
 .jewel.button[disabled] {
-  font-weight: normal;
+  font-weight: 400;
   text-shadow: unset;
 }
 
@@ -164,24 +183,8 @@ div {
   color: silver;
 }
 
-.jewel.button.xsmall {
-  font-size: 60%;
-}
-
-.jewel.button.small {
-  font-size: 80%;
-}
-
-.jewel.button.large {
-  font-size: 120%;
-}
-
-.jewel.button.xlarge {
-  font-size: 140%;
-}
-
 .jewel.card {
-  font-size: 14px;
+  font-size: 1em;
   font-weight: 400;
   background: #ebebeb;
   border: 0px;
@@ -240,7 +243,7 @@ j|Card {
 
 .jewel.label {
   font-family: "Lato", sans-serif;
-  font-size: 14px;
+  font-size: 1em;
 }
 
 .jewel.list {
@@ -365,57 +368,63 @@ j|Card {
   border-radius: 3px;
 }
 
-.jewel.textinput input {
-  font-family: "Lato", sans-serif;
-  font-size: 14px;
-  font-weight: normal;
+.jewel.textinput {
+  font-weight: 400;
   color: #808080;
+}
+.jewel.textinput > input {
+  font-family: "Lato", sans-serif;
+}
+.jewel.textinput > input {
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
   border-radius: 3px;
   transition-duration: 0.3s;
   transition-timing-function: easein;
 }
-.jewel.textinput input:focus {
+.jewel.textinput > input:focus {
   border: 1px solid #1e4e80;
 }
-.jewel.textinput input::placeholder, .jewel.textinput 
input:-ms-input-placeholder {
+.jewel.textinput > input::placeholder, .jewel.textinput > 
input:-ms-input-placeholder {
   color: #a6a6a6;
 }
-.jewel.textinput input[disabled] {
+.jewel.textinput > input[disabled] {
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
   box-shadow: none;
   color: silver;
 }
-.jewel.textinput input[disabled]::placeholder, .jewel.textinput 
input[disabled]:-ms-input-placeholder {
+.jewel.textinput > input[disabled]::placeholder, .jewel.textinput > 
input[disabled]:-ms-input-placeholder {
   color: silver;
 }
 
-.jewel.textarea textarea {
-  font-family: "Lato", sans-serif;
-  font-size: 14px;
-  font-weight: normal;
+.jewel.textarea {
+  font-weight: 400;
   color: #808080;
+}
+.jewel.textarea > textarea {
+  font-family: "Lato", sans-serif;
+}
+.jewel.textarea > textarea {
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
   border-radius: 3px;
   transition-duration: 0.3s;
   transition-timing-function: easein;
 }
-.jewel.textarea textarea:focus {
+.jewel.textarea > textarea:focus {
   border: 1px solid #1e4e80;
 }
-.jewel.textarea textarea::placeholder, .jewel.textarea 
textarea:-ms-input-placeholder {
+.jewel.textarea > textarea::placeholder, .jewel.textarea > 
textarea:-ms-input-placeholder {
   color: #a6a6a6;
 }
-.jewel.textarea textarea[disabled] {
+.jewel.textarea > textarea[disabled] {
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
   box-shadow: none;
   color: silver;
 }
-.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea 
textarea[disabled]:-ms-input-placeholder {
+.jewel.textarea > textarea[disabled]::placeholder, .jewel.textarea > 
textarea[disabled]:-ms-input-placeholder {
   color: silver;
 }
 
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 8a7b7e1..f524780 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
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.alert {
   margin: 0;
   padding: 0;
@@ -76,7 +96,7 @@ div {
   white-space: normal;
   color: #808080;
   font-size: 1.1em;
-  font-weight: normal;
+  font-weight: 400;
 }
 .jewel.alert .jewel.controlbar {
   background: linear-gradient(#e6e6e6, #cccccc);
@@ -108,7 +128,6 @@ div {
   border-radius: 3px;
   color: #808080;
   font-family: "Lato", sans-serif;
-  font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -132,7 +151,7 @@ div {
   color: silver;
 }
 .jewel.button[disabled] {
-  font-weight: normal;
+  font-weight: 400;
   text-shadow: unset;
 }
 
@@ -164,24 +183,8 @@ div {
   color: silver;
 }
 
-.jewel.button.xsmall {
-  font-size: 60%;
-}
-
-.jewel.button.small {
-  font-size: 80%;
-}
-
-.jewel.button.large {
-  font-size: 120%;
-}
-
-.jewel.button.xlarge {
-  font-size: 140%;
-}
-
 .jewel.card {
-  font-size: 14px;
+  font-size: 1em;
   font-weight: 400;
   background: #ebebeb;
   border: 0px;
@@ -240,7 +243,7 @@ j|Card {
 
 .jewel.label {
   font-family: "Lato", sans-serif;
-  font-size: 14px;
+  font-size: 1em;
 }
 
 .jewel.list {
@@ -365,57 +368,63 @@ j|Card {
   border-radius: 3px;
 }
 
-.jewel.textinput input {
-  font-family: "Lato", sans-serif;
-  font-size: 14px;
-  font-weight: normal;
+.jewel.textinput {
+  font-weight: 400;
   color: #808080;
+}
+.jewel.textinput > input {
+  font-family: "Lato", sans-serif;
+}
+.jewel.textinput > input {
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
   border-radius: 3px;
   transition-duration: 0.3s;
   transition-timing-function: easein;
 }
-.jewel.textinput input:focus {
+.jewel.textinput > input:focus {
   border: 1px solid #e28f08;
 }
-.jewel.textinput input::placeholder, .jewel.textinput 
input:-ms-input-placeholder {
+.jewel.textinput > input::placeholder, .jewel.textinput > 
input:-ms-input-placeholder {
   color: #a6a6a6;
 }
-.jewel.textinput input[disabled] {
+.jewel.textinput > input[disabled] {
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
   box-shadow: none;
   color: silver;
 }
-.jewel.textinput input[disabled]::placeholder, .jewel.textinput 
input[disabled]:-ms-input-placeholder {
+.jewel.textinput > input[disabled]::placeholder, .jewel.textinput > 
input[disabled]:-ms-input-placeholder {
   color: silver;
 }
 
-.jewel.textarea textarea {
-  font-family: "Lato", sans-serif;
-  font-size: 14px;
-  font-weight: normal;
+.jewel.textarea {
+  font-weight: 400;
   color: #808080;
+}
+.jewel.textarea > textarea {
+  font-family: "Lato", sans-serif;
+}
+.jewel.textarea > textarea {
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
   border-radius: 3px;
   transition-duration: 0.3s;
   transition-timing-function: easein;
 }
-.jewel.textarea textarea:focus {
+.jewel.textarea > textarea:focus {
   border: 1px solid #e28f08;
 }
-.jewel.textarea textarea::placeholder, .jewel.textarea 
textarea:-ms-input-placeholder {
+.jewel.textarea > textarea::placeholder, .jewel.textarea > 
textarea:-ms-input-placeholder {
   color: #a6a6a6;
 }
-.jewel.textarea textarea[disabled] {
+.jewel.textarea > textarea[disabled] {
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
   box-shadow: none;
   color: silver;
 }
-.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea 
textarea[disabled]:-ms-input-placeholder {
+.jewel.textarea > textarea[disabled]::placeholder, .jewel.textarea > 
textarea[disabled]:-ms-input-placeholder {
   color: silver;
 }
 
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 b644eb3..9b6dd40 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
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.alert {
   margin: 0;
   padding: 0;
@@ -76,7 +96,7 @@ div {
   white-space: normal;
   color: #808080;
   font-size: 1.1em;
-  font-weight: normal;
+  font-weight: 400;
 }
 .jewel.alert .jewel.controlbar {
   background: linear-gradient(#e6e6e6, #cccccc);
@@ -108,7 +128,6 @@ div {
   border-radius: 3px;
   color: #808080;
   font-family: "Lato", sans-serif;
-  font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -132,7 +151,7 @@ div {
   color: silver;
 }
 .jewel.button[disabled] {
-  font-weight: normal;
+  font-weight: 400;
   text-shadow: unset;
 }
 
@@ -164,24 +183,8 @@ div {
   color: silver;
 }
 
-.jewel.button.xsmall {
-  font-size: 60%;
-}
-
-.jewel.button.small {
-  font-size: 80%;
-}
-
-.jewel.button.large {
-  font-size: 120%;
-}
-
-.jewel.button.xlarge {
-  font-size: 140%;
-}
-
 .jewel.card {
-  font-size: 14px;
+  font-size: 1em;
   font-weight: 400;
   background: #ebebeb;
   border: 0px;
@@ -240,7 +243,7 @@ j|Card {
 
 .jewel.label {
   font-family: "Lato", sans-serif;
-  font-size: 14px;
+  font-size: 1em;
 }
 
 .jewel.list {
@@ -365,57 +368,63 @@ j|Card {
   border-radius: 3px;
 }
 
-.jewel.textinput input {
-  font-family: "Lato", sans-serif;
-  font-size: 14px;
-  font-weight: normal;
+.jewel.textinput {
+  font-weight: 400;
   color: #808080;
+}
+.jewel.textinput > input {
+  font-family: "Lato", sans-serif;
+}
+.jewel.textinput > input {
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
   border-radius: 3px;
   transition-duration: 0.3s;
   transition-timing-function: easein;
 }
-.jewel.textinput input:focus {
+.jewel.textinput > input:focus {
   border: 1px solid #be390e;
 }
-.jewel.textinput input::placeholder, .jewel.textinput 
input:-ms-input-placeholder {
+.jewel.textinput > input::placeholder, .jewel.textinput > 
input:-ms-input-placeholder {
   color: #a6a6a6;
 }
-.jewel.textinput input[disabled] {
+.jewel.textinput > input[disabled] {
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
   box-shadow: none;
   color: silver;
 }
-.jewel.textinput input[disabled]::placeholder, .jewel.textinput 
input[disabled]:-ms-input-placeholder {
+.jewel.textinput > input[disabled]::placeholder, .jewel.textinput > 
input[disabled]:-ms-input-placeholder {
   color: silver;
 }
 
-.jewel.textarea textarea {
-  font-family: "Lato", sans-serif;
-  font-size: 14px;
-  font-weight: normal;
+.jewel.textarea {
+  font-weight: 400;
   color: #808080;
+}
+.jewel.textarea > textarea {
+  font-family: "Lato", sans-serif;
+}
+.jewel.textarea > textarea {
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
   border-radius: 3px;
   transition-duration: 0.3s;
   transition-timing-function: easein;
 }
-.jewel.textarea textarea:focus {
+.jewel.textarea > textarea:focus {
   border: 1px solid #be390e;
 }
-.jewel.textarea textarea::placeholder, .jewel.textarea 
textarea:-ms-input-placeholder {
+.jewel.textarea > textarea::placeholder, .jewel.textarea > 
textarea:-ms-input-placeholder {
   color: #a6a6a6;
 }
-.jewel.textarea textarea[disabled] {
+.jewel.textarea > textarea[disabled] {
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
   box-shadow: none;
   color: silver;
 }
-.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea 
textarea[disabled]:-ms-input-placeholder {
+.jewel.textarea > textarea[disabled]::placeholder, .jewel.textarea > 
textarea[disabled]:-ms-input-placeholder {
   color: silver;
 }
 
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 218f793..993d5fe 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
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.alert {
   margin: 0;
   padding: 0;
@@ -76,7 +96,7 @@ div {
   white-space: normal;
   color: #808080;
   font-size: 1.1em;
-  font-weight: normal;
+  font-weight: 400;
 }
 .jewel.alert .jewel.controlbar {
   background: linear-gradient(#e6e6e6, #cccccc);
@@ -108,7 +128,6 @@ div {
   border-radius: 3px;
   color: #808080;
   font-family: "Lato", sans-serif;
-  font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -132,7 +151,7 @@ div {
   color: silver;
 }
 .jewel.button[disabled] {
-  font-weight: normal;
+  font-weight: 400;
   text-shadow: unset;
 }
 
@@ -164,24 +183,8 @@ div {
   color: silver;
 }
 
-.jewel.button.xsmall {
-  font-size: 60%;
-}
-
-.jewel.button.small {
-  font-size: 80%;
-}
-
-.jewel.button.large {
-  font-size: 120%;
-}
-
-.jewel.button.xlarge {
-  font-size: 140%;
-}
-
 .jewel.card {
-  font-size: 14px;
+  font-size: 1em;
   font-weight: 400;
   background: #ebebeb;
   border: 0px;
@@ -240,7 +243,7 @@ j|Card {
 
 .jewel.label {
   font-family: "Lato", sans-serif;
-  font-size: 14px;
+  font-size: 1em;
 }
 
 .jewel.list {
@@ -365,57 +368,63 @@ j|Card {
   border-radius: 3px;
 }
 
-.jewel.textinput input {
-  font-family: "Lato", sans-serif;
-  font-size: 14px;
-  font-weight: normal;
+.jewel.textinput {
+  font-weight: 400;
   color: #808080;
+}
+.jewel.textinput > input {
+  font-family: "Lato", sans-serif;
+}
+.jewel.textinput > input {
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
   border-radius: 3px;
   transition-duration: 0.3s;
   transition-timing-function: easein;
 }
-.jewel.textinput input:focus {
+.jewel.textinput > input:focus {
   border: 1px solid #1a6b65;
 }
-.jewel.textinput input::placeholder, .jewel.textinput 
input:-ms-input-placeholder {
+.jewel.textinput > input::placeholder, .jewel.textinput > 
input:-ms-input-placeholder {
   color: #a6a6a6;
 }
-.jewel.textinput input[disabled] {
+.jewel.textinput > input[disabled] {
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
   box-shadow: none;
   color: silver;
 }
-.jewel.textinput input[disabled]::placeholder, .jewel.textinput 
input[disabled]:-ms-input-placeholder {
+.jewel.textinput > input[disabled]::placeholder, .jewel.textinput > 
input[disabled]:-ms-input-placeholder {
   color: silver;
 }
 
-.jewel.textarea textarea {
-  font-family: "Lato", sans-serif;
-  font-size: 14px;
-  font-weight: normal;
+.jewel.textarea {
+  font-weight: 400;
   color: #808080;
+}
+.jewel.textarea > textarea {
+  font-family: "Lato", sans-serif;
+}
+.jewel.textarea > textarea {
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
   border-radius: 3px;
   transition-duration: 0.3s;
   transition-timing-function: easein;
 }
-.jewel.textarea textarea:focus {
+.jewel.textarea > textarea:focus {
   border: 1px solid #1a6b65;
 }
-.jewel.textarea textarea::placeholder, .jewel.textarea 
textarea:-ms-input-placeholder {
+.jewel.textarea > textarea::placeholder, .jewel.textarea > 
textarea:-ms-input-placeholder {
   color: #a6a6a6;
 }
-.jewel.textarea textarea[disabled] {
+.jewel.textarea > textarea[disabled] {
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
   box-shadow: none;
   color: silver;
 }
-.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea 
textarea[disabled]:-ms-input-placeholder {
+.jewel.textarea > textarea[disabled]::placeholder, .jewel.textarea > 
textarea[disabled]:-ms-input-placeholder {
   color: silver;
 }
 
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 4ab10e9..15e2f9c 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
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.alert {
   margin: 0;
   padding: 0;
@@ -76,7 +96,7 @@ div {
   white-space: normal;
   color: #808080;
   font-size: 1.1em;
-  font-weight: normal;
+  font-weight: 400;
 }
 .jewel.alert .jewel.controlbar {
   background: linear-gradient(#e6e6e6, #cccccc);
@@ -108,7 +128,6 @@ div {
   border-radius: 3px;
   color: #808080;
   font-family: "Lato", sans-serif;
-  font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -132,7 +151,7 @@ div {
   color: silver;
 }
 .jewel.button[disabled] {
-  font-weight: normal;
+  font-weight: 400;
   text-shadow: unset;
 }
 
@@ -164,24 +183,8 @@ div {
   color: silver;
 }
 
-.jewel.button.xsmall {
-  font-size: 60%;
-}
-
-.jewel.button.small {
-  font-size: 80%;
-}
-
-.jewel.button.large {
-  font-size: 120%;
-}
-
-.jewel.button.xlarge {
-  font-size: 140%;
-}
-
 .jewel.card {
-  font-size: 14px;
+  font-size: 1em;
   font-weight: 400;
   background: #ebebeb;
   border: 0px;
@@ -240,7 +243,7 @@ j|Card {
 
 .jewel.label {
   font-family: "Lato", sans-serif;
-  font-size: 14px;
+  font-size: 1em;
 }
 
 .jewel.list {
@@ -365,57 +368,63 @@ j|Card {
   border-radius: 3px;
 }
 
-.jewel.textinput input {
-  font-family: "Lato", sans-serif;
-  font-size: 14px;
-  font-weight: normal;
+.jewel.textinput {
+  font-weight: 400;
   color: #808080;
+}
+.jewel.textinput > input {
+  font-family: "Lato", sans-serif;
+}
+.jewel.textinput > input {
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
   border-radius: 3px;
   transition-duration: 0.3s;
   transition-timing-function: easein;
 }
-.jewel.textinput input:focus {
+.jewel.textinput > input:focus {
   border: 1px solid #3c1a55;
 }
-.jewel.textinput input::placeholder, .jewel.textinput 
input:-ms-input-placeholder {
+.jewel.textinput > input::placeholder, .jewel.textinput > 
input:-ms-input-placeholder {
   color: #a6a6a6;
 }
-.jewel.textinput input[disabled] {
+.jewel.textinput > input[disabled] {
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
   box-shadow: none;
   color: silver;
 }
-.jewel.textinput input[disabled]::placeholder, .jewel.textinput 
input[disabled]:-ms-input-placeholder {
+.jewel.textinput > input[disabled]::placeholder, .jewel.textinput > 
input[disabled]:-ms-input-placeholder {
   color: silver;
 }
 
-.jewel.textarea textarea {
-  font-family: "Lato", sans-serif;
-  font-size: 14px;
-  font-weight: normal;
+.jewel.textarea {
+  font-weight: 400;
   color: #808080;
+}
+.jewel.textarea > textarea {
+  font-family: "Lato", sans-serif;
+}
+.jewel.textarea > textarea {
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
   border-radius: 3px;
   transition-duration: 0.3s;
   transition-timing-function: easein;
 }
-.jewel.textarea textarea:focus {
+.jewel.textarea > textarea:focus {
   border: 1px solid #3c1a55;
 }
-.jewel.textarea textarea::placeholder, .jewel.textarea 
textarea:-ms-input-placeholder {
+.jewel.textarea > textarea::placeholder, .jewel.textarea > 
textarea:-ms-input-placeholder {
   color: #a6a6a6;
 }
-.jewel.textarea textarea[disabled] {
+.jewel.textarea > textarea[disabled] {
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
   box-shadow: none;
   color: silver;
 }
-.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea 
textarea[disabled]:-ms-input-placeholder {
+.jewel.textarea > textarea[disabled]::placeholder, .jewel.textarea > 
textarea[disabled]:-ms-input-placeholder {
   color: silver;
 }
 
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 12154ed..4020da5 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
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.alert {
   margin: 0;
   padding: 0;
@@ -76,7 +96,7 @@ div {
   white-space: normal;
   color: #808080;
   font-size: 1.1em;
-  font-weight: normal;
+  font-weight: 400;
 }
 .jewel.alert .jewel.controlbar {
   background: linear-gradient(#e6e6e6, #cccccc);
@@ -108,7 +128,6 @@ div {
   border-radius: 3px;
   color: #808080;
   font-family: "Lato", sans-serif;
-  font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -132,7 +151,7 @@ div {
   color: silver;
 }
 .jewel.button[disabled] {
-  font-weight: normal;
+  font-weight: 400;
   text-shadow: unset;
 }
 
@@ -164,24 +183,8 @@ div {
   color: silver;
 }
 
-.jewel.button.xsmall {
-  font-size: 60%;
-}
-
-.jewel.button.small {
-  font-size: 80%;
-}
-
-.jewel.button.large {
-  font-size: 120%;
-}
-
-.jewel.button.xlarge {
-  font-size: 140%;
-}
-
 .jewel.card {
-  font-size: 14px;
+  font-size: 1em;
   font-weight: 400;
   background: #ebebeb;
   border: 0px;
@@ -240,7 +243,7 @@ j|Card {
 
 .jewel.label {
   font-family: "Lato", sans-serif;
-  font-size: 14px;
+  font-size: 1em;
 }
 
 .jewel.list {
@@ -365,57 +368,63 @@ j|Card {
   border-radius: 3px;
 }
 
-.jewel.textinput input {
-  font-family: "Lato", sans-serif;
-  font-size: 14px;
-  font-weight: normal;
+.jewel.textinput {
+  font-weight: 400;
   color: #808080;
+}
+.jewel.textinput > input {
+  font-family: "Lato", sans-serif;
+}
+.jewel.textinput > input {
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
   border-radius: 3px;
   transition-duration: 0.3s;
   transition-timing-function: easein;
 }
-.jewel.textinput input:focus {
+.jewel.textinput > input:focus {
   border: 1px solid #999207;
 }
-.jewel.textinput input::placeholder, .jewel.textinput 
input:-ms-input-placeholder {
+.jewel.textinput > input::placeholder, .jewel.textinput > 
input:-ms-input-placeholder {
   color: #a6a6a6;
 }
-.jewel.textinput input[disabled] {
+.jewel.textinput > input[disabled] {
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
   box-shadow: none;
   color: silver;
 }
-.jewel.textinput input[disabled]::placeholder, .jewel.textinput 
input[disabled]:-ms-input-placeholder {
+.jewel.textinput > input[disabled]::placeholder, .jewel.textinput > 
input[disabled]:-ms-input-placeholder {
   color: silver;
 }
 
-.jewel.textarea textarea {
-  font-family: "Lato", sans-serif;
-  font-size: 14px;
-  font-weight: normal;
+.jewel.textarea {
+  font-weight: 400;
   color: #808080;
+}
+.jewel.textarea > textarea {
+  font-family: "Lato", sans-serif;
+}
+.jewel.textarea > textarea {
   background: linear-gradient(white, #f3f3f3);
   border: 1px solid #b3b3b3;
   border-radius: 3px;
   transition-duration: 0.3s;
   transition-timing-function: easein;
 }
-.jewel.textarea textarea:focus {
+.jewel.textarea > textarea:focus {
   border: 1px solid #999207;
 }
-.jewel.textarea textarea::placeholder, .jewel.textarea 
textarea:-ms-input-placeholder {
+.jewel.textarea > textarea::placeholder, .jewel.textarea > 
textarea:-ms-input-placeholder {
   color: #a6a6a6;
 }
-.jewel.textarea textarea[disabled] {
+.jewel.textarea > textarea[disabled] {
   background: #f3f3f3;
   border: 1px solid #d9d9d9;
   box-shadow: none;
   color: silver;
 }
-.jewel.textarea textarea[disabled]::placeholder, .jewel.textarea 
textarea[disabled]:-ms-input-placeholder {
+.jewel.textarea > textarea[disabled]::placeholder, .jewel.textarea > 
textarea[disabled]:-ms-input-placeholder {
   color: silver;
 }
 
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Amethyst-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Amethyst-Theme/src/main/resources/defaults.css
index d1414a3..4eda37e 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Amethyst-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Amethyst-Theme/src/main/resources/defaults.css
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.button.secondary {
   background: linear-gradient(#d43bd1, #b427b1);
   border: 1px solid #8a1e88;
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Blue-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Blue-Theme/src/main/resources/defaults.css
index 6787310..39d4cc9 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Blue-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Blue-Theme/src/main/resources/defaults.css
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.button.secondary {
   background: linear-gradient(#54b7f3, #24a3ef);
   border: 1px solid #0f88d1;
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Emerald-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Emerald-Theme/src/main/resources/defaults.css
index a2d1950..d2ce6cc 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Emerald-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Emerald-Theme/src/main/resources/defaults.css
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.button.secondary {
   background: linear-gradient(#98cc50, #7eb435);
   border: 1px solid #638c29;
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Green-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Green-Theme/src/main/resources/defaults.css
index 91cc3e2..0b0cd7e 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Green-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Green-Theme/src/main/resources/defaults.css
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.button.secondary {
   background: linear-gradient(#45c354, #34a241);
   border: 1px solid #277b32;
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Orange-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Orange-Theme/src/main/resources/defaults.css
index d9eb4eb..81a0f79 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Orange-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Orange-Theme/src/main/resources/defaults.css
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.button.secondary {
   background: linear-gradient(#f8a036, #f28809);
   border: 1px solid #c16c07;
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Red-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Red-Theme/src/main/resources/defaults.css
index 9a6c594..13d3f00 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Red-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Red-Theme/src/main/resources/defaults.css
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.button.secondary {
   background: linear-gradient(#ee343b, #dc121a);
   border: 1px solid #ad0e15;
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Sapphire-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Sapphire-Theme/src/main/resources/defaults.css
index 3235b7f..2011e9c 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Sapphire-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Sapphire-Theme/src/main/resources/defaults.css
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.button.secondary {
   background: linear-gradient(#3481d0, #2767a9);
   border: 1px solid #1e4e80;
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Sunflower-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Sunflower-Theme/src/main/resources/defaults.css
index 5770b56..3b3b9b1 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Sunflower-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Sunflower-Theme/src/main/resources/defaults.css
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.button.secondary {
   background: linear-gradient(#f9bb58, #f7a726);
   border: 1px solid #e28f08;
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Topaz-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Topaz-Theme/src/main/resources/defaults.css
index 856112b..b18f050 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Topaz-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Topaz-Theme/src/main/resources/defaults.css
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.button.secondary {
   background: linear-gradient(#f16c42, #ed4812);
   border: 1px solid #be390e;
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Turquoise-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Turquoise-Theme/src/main/resources/defaults.css
index a3c4d59..646fe7b 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Turquoise-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Turquoise-Theme/src/main/resources/defaults.css
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.button.secondary {
   background: linear-gradient(#2ebcb2, #24948c);
   border: 1px solid #1a6b65;
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Violet-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Violet-Theme/src/main/resources/defaults.css
index b42e4e5..0c01751 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Violet-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Violet-Theme/src/main/resources/defaults.css
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.button.secondary {
   background: linear-gradient(#7432a4, #58267c);
   border: 1px solid #3c1a55;
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Yellow-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Yellow-Theme/src/main/resources/defaults.css
index 4afe6d1..79e8e93 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Yellow-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Yellow-Theme/src/main/resources/defaults.css
@@ -48,6 +48,26 @@ div {
   font-size: 14px;
 }
 
+.jewel.xsmall {
+  font-size: 0.6em;
+}
+
+.jewel.small {
+  font-size: 0.8em;
+}
+
+.jewel {
+  font-size: 1em;
+}
+
+.jewel.large {
+  font-size: 1.2em;
+}
+
+.jewel.xlarge {
+  font-size: 1.4em;
+}
+
 .jewel.button.secondary {
   background: linear-gradient(#f4e813, #cac00a);
   border: 1px solid #999207;

-- 
To stop receiving notification emails like this one, please contact
carlosrov...@apache.org.

Reply via email to