[royale-asjs] branch develop updated: fix svg in all themes

carlosrovira Tue, 10 Apr 2018 10:10:12 -0700

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 5ec23e5  fix svg in all themes
5ec23e5 is described below

commit 5ec23e585bc946fda9a20af0c18e0173bf46c036
Author: Carlos Rovira <[email protected]>
AuthorDate: Tue Apr 10 19:05:51 2018 +0200

    fix svg in all themes
---
 .../src/main/resources/defaults.css                          | 12 ++++++------
 .../src/main/resources/defaults.css                          | 12 ++++++------
 .../src/main/resources/defaults.css                          | 12 ++++++------
 .../src/main/resources/defaults.css                          | 12 ++++++------
 .../src/main/resources/defaults.css                          | 12 ++++++------
 .../src/main/resources/defaults.css                          | 12 ++++++------
 .../src/main/resources/defaults.css                          | 12 ++++++------
 .../src/main/resources/defaults.css                          | 12 ++++++------
 .../src/main/resources/defaults.css                          | 12 ++++++------
 .../src/main/resources/defaults.css                          | 12 ++++++------
 .../src/main/resources/defaults.css                          | 12 ++++++------
 .../src/main/resources/defaults.css                          | 12 ++++++------
 .../src/main/resources/defaults.css                          | 12 ++++++------
 .../src/main/resources/defaults.css                          | 12 ++++++------
 .../src/main/resources/defaults.css                          | 12 ++++++------
 .../src/main/resources/defaults.css                          | 12 ++++++------
 .../src/main/resources/defaults.css                          | 12 ++++++------
 .../src/main/resources/defaults.css                          | 12 ++++++------
 .../src/main/resources/defaults.css                          | 12 ++++++------
 .../src/main/resources/defaults.css                          | 12 ++++++------
 .../src/main/resources/defaults.css                          | 12 ++++++------
 .../src/main/resources/defaults.css                          | 12 ++++++------
 .../src/main/resources/defaults.css                          | 12 ++++++------
 .../src/main/resources/defaults.css                          | 12 ++++++------
 24 files changed, 144 insertions(+), 144 deletions(-)

diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Amethyst-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Amethyst-Theme/src/main/resources/defaults.css
index cb8735a..5548d5a 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
@@ -230,14 +230,14 @@ j|Alert {
   border-radius: 3px;
 }
 .jewel.checkbox input:checked, .jewel.checkbox input:checked:active {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#922590' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #595959;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23922590' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #595959;
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center;
   background-attachment: fixed;
 }
 .jewel.checkbox input:checked:checked:focus, .jewel.checkbox 
input:checked:checked:active:focus, .jewel.checkbox 
input:checked:active:checked:focus, .jewel.checkbox 
input:checked:active:checked:active:focus {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#922590' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #d760d4;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23922590' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #d760d4;
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center;
@@ -258,7 +258,7 @@ j|Alert {
 }
 .jewel.checkbox input[disabled]:checked {
   border: 1px solid #0d0d0d;
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#191919' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #404040;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23191919' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #404040;
   background-size: 90%;
   background-position: center;
   background-repeat: no-repeat;
@@ -304,14 +304,14 @@ j|Alert {
   border-radius: 50%;
 }
 .jewel.radiobutton input:checked, .jewel.radiobutton input:checked:active {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#922590' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #595959;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23922590' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #595959;
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
   background-attachment: fixed;
 }
 .jewel.radiobutton input:checked:checked:focus, .jewel.radiobutton 
input:checked:checked:active:focus, .jewel.radiobutton 
input:checked:active:checked:focus, .jewel.radiobutton 
input:checked:active:checked:active:focus {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#922590' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #d760d4;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23922590' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #d760d4;
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
@@ -332,7 +332,7 @@ j|Alert {
 }
 .jewel.radiobutton input[disabled]:checked {
   border: 1px solid #0d0d0d;
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#191919' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #404040;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23191919' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #404040;
   background-size: 60%;
   background-position: center;
   background-repeat: no-repeat;
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 74e4f38..b02a85a 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
@@ -230,14 +230,14 @@ j|Alert {
   border-radius: 3px;
 }
 .jewel.checkbox input:checked, .jewel.checkbox input:checked:active {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#3CADF1' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #595959;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%233CADF1' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #595959;
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center;
   background-attachment: fixed;
 }
 .jewel.checkbox input:checked:checked:focus, .jewel.checkbox 
input:checked:checked:active:focus, .jewel.checkbox 
input:checked:active:checked:focus, .jewel.checkbox 
input:checked:active:checked:active:focus {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#3CADF1' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #b3dffa;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%233CADF1' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #b3dffa;
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center;
@@ -258,7 +258,7 @@ j|Alert {
 }
 .jewel.checkbox input[disabled]:checked {
   border: 1px solid #0d0d0d;
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#191919' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #404040;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23191919' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #404040;
   background-size: 90%;
   background-position: center;
   background-repeat: no-repeat;
@@ -304,14 +304,14 @@ j|Alert {
   border-radius: 50%;
 }
 .jewel.radiobutton input:checked, .jewel.radiobutton input:checked:active {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#3CADF1' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #595959;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%233CADF1' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #595959;
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
   background-attachment: fixed;
 }
 .jewel.radiobutton input:checked:checked:focus, .jewel.radiobutton 
input:checked:checked:active:focus, .jewel.radiobutton 
input:checked:active:checked:focus, .jewel.radiobutton 
input:checked:active:checked:active:focus {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#3CADF1' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #b3dffa;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%233CADF1' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #b3dffa;
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
@@ -332,7 +332,7 @@ j|Alert {
 }
 .jewel.radiobutton input[disabled]:checked {
   border: 1px solid #0d0d0d;
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#191919' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #404040;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23191919' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #404040;
   background-size: 60%;
   background-position: center;
   background-repeat: no-repeat;
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 8bb927a..1020f44 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
@@ -230,14 +230,14 @@ j|Alert {
   border-radius: 3px;
 }
 .jewel.checkbox input:checked, .jewel.checkbox input:checked:active {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#8CC63C' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #595959;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%238CC63C' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #595959;
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center;
   background-attachment: fixed;
 }
 .jewel.checkbox input:checked:checked:focus, .jewel.checkbox 
input:checked:checked:active:focus, .jewel.checkbox 
input:checked:active:checked:focus, .jewel.checkbox 
input:checked:active:checked:active:focus {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#8CC63C' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #c6e39f;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%238CC63C' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #c6e39f;
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center;
@@ -258,7 +258,7 @@ j|Alert {
 }
 .jewel.checkbox input[disabled]:checked {
   border: 1px solid #0d0d0d;
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#191919' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #404040;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23191919' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #404040;
   background-size: 90%;
   background-position: center;
   background-repeat: no-repeat;
@@ -304,14 +304,14 @@ j|Alert {
   border-radius: 50%;
 }
 .jewel.radiobutton input:checked, .jewel.radiobutton input:checked:active {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#8CC63C' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #595959;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%238CC63C' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #595959;
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
   background-attachment: fixed;
 }
 .jewel.radiobutton input:checked:checked:focus, .jewel.radiobutton 
input:checked:checked:active:focus, .jewel.radiobutton 
input:checked:active:checked:focus, .jewel.radiobutton 
input:checked:active:checked:active:focus {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#8CC63C' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #c6e39f;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%238CC63C' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #c6e39f;
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
@@ -332,7 +332,7 @@ j|Alert {
 }
 .jewel.radiobutton input[disabled]:checked {
   border: 1px solid #0d0d0d;
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#191919' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #404040;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23191919' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #404040;
   background-size: 60%;
   background-position: center;
   background-repeat: no-repeat;
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 3f328e2..4fb91d3 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
@@ -230,14 +230,14 @@ j|Alert {
   border-radius: 3px;
 }
 .jewel.checkbox input:checked, .jewel.checkbox input:checked:active {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#3AB549' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #595959;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%233AB549' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #595959;
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center;
   background-attachment: fixed;
 }
 .jewel.checkbox input:checked:checked:focus, .jewel.checkbox 
input:checked:checked:active:focus, .jewel.checkbox 
input:checked:active:checked:focus, .jewel.checkbox 
input:checked:active:checked:active:focus {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#3AB549' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #92dc9b;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%233AB549' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #92dc9b;
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center;
@@ -258,7 +258,7 @@ j|Alert {
 }
 .jewel.checkbox input[disabled]:checked {
   border: 1px solid #0d0d0d;
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#191919' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #404040;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23191919' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #404040;
   background-size: 90%;
   background-position: center;
   background-repeat: no-repeat;
@@ -304,14 +304,14 @@ j|Alert {
   border-radius: 50%;
 }
 .jewel.radiobutton input:checked, .jewel.radiobutton input:checked:active {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#3AB549' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #595959;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%233AB549' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #595959;
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
   background-attachment: fixed;
 }
 .jewel.radiobutton input:checked:checked:focus, .jewel.radiobutton 
input:checked:checked:active:focus, .jewel.radiobutton 
input:checked:active:checked:focus, .jewel.radiobutton 
input:checked:active:checked:active:focus {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#3AB549' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #92dc9b;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%233AB549' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #92dc9b;
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
@@ -332,7 +332,7 @@ j|Alert {
 }
 .jewel.radiobutton input[disabled]:checked {
   border: 1px solid #0d0d0d;
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#191919' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #404040;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23191919' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #404040;
   background-size: 60%;
   background-position: center;
   background-repeat: no-repeat;
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 2c63489..b8a6d8f 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
@@ -230,14 +230,14 @@ j|Alert {
   border-radius: 3px;
 }
 .jewel.checkbox input:checked, .jewel.checkbox input:checked:active {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#F7941D' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #595959;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23F7941D' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #595959;
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center;
   background-attachment: fixed;
 }
 .jewel.checkbox input:checked:checked:focus, .jewel.checkbox 
input:checked:checked:active:focus, .jewel.checkbox 
input:checked:active:checked:focus, .jewel.checkbox 
input:checked:active:checked:active:focus {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#F7941D' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #fbce98;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23F7941D' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #fbce98;
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center;
@@ -258,7 +258,7 @@ j|Alert {
 }
 .jewel.checkbox input[disabled]:checked {
   border: 1px solid #0d0d0d;
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#191919' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #404040;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23191919' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #404040;
   background-size: 90%;
   background-position: center;
   background-repeat: no-repeat;
@@ -304,14 +304,14 @@ j|Alert {
   border-radius: 50%;
 }
 .jewel.radiobutton input:checked, .jewel.radiobutton input:checked:active {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#F7941D' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #595959;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23F7941D' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #595959;
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
   background-attachment: fixed;
 }
 .jewel.radiobutton input:checked:checked:focus, .jewel.radiobutton 
input:checked:checked:active:focus, .jewel.radiobutton 
input:checked:active:checked:focus, .jewel.radiobutton 
input:checked:active:checked:active:focus {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#F7941D' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #fbce98;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23F7941D' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #fbce98;
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
@@ -332,7 +332,7 @@ j|Alert {
 }
 .jewel.radiobutton input[disabled]:checked {
   border: 1px solid #0d0d0d;
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#191919' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #404040;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23191919' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #404040;
   background-size: 60%;
   background-position: center;
   background-repeat: no-repeat;
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 7e14560..3fbceb6 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
@@ -230,14 +230,14 @@ j|Alert {
   border-radius: 3px;
 }
 .jewel.checkbox input:checked, .jewel.checkbox input:checked:active {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#EC1C24' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #595959;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23EC1C24' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #595959;
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center;
   background-attachment: fixed;
 }
 .jewel.checkbox input:checked:checked:focus, .jewel.checkbox 
input:checked:checked:active:focus, .jewel.checkbox 
input:checked:active:checked:focus, .jewel.checkbox 
input:checked:active:checked:active:focus {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#EC1C24' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #f69296;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23EC1C24' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #f69296;
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center;
@@ -258,7 +258,7 @@ j|Alert {
 }
 .jewel.checkbox input[disabled]:checked {
   border: 1px solid #0d0d0d;
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#191919' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #404040;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23191919' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #404040;
   background-size: 90%;
   background-position: center;
   background-repeat: no-repeat;
@@ -304,14 +304,14 @@ j|Alert {
   border-radius: 50%;
 }
 .jewel.radiobutton input:checked, .jewel.radiobutton input:checked:active {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#EC1C24' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #595959;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23EC1C24' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #595959;
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
   background-attachment: fixed;
 }
 .jewel.radiobutton input:checked:checked:focus, .jewel.radiobutton 
input:checked:checked:active:focus, .jewel.radiobutton 
input:checked:active:checked:focus, .jewel.radiobutton 
input:checked:active:checked:active:focus {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#EC1C24' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #f69296;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23EC1C24' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #f69296;
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
@@ -332,7 +332,7 @@ j|Alert {
 }
 .jewel.radiobutton input[disabled]:checked {
   border: 1px solid #0d0d0d;
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#191919' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #404040;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23191919' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #404040;
   background-size: 60%;
   background-position: center;
   background-repeat: no-repeat;
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 7689cfd..effbd77 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
@@ -230,14 +230,14 @@ j|Alert {
   border-radius: 3px;
 }
 .jewel.checkbox input:checked, .jewel.checkbox input:checked:active {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#2C74BE' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #595959;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%232C74BE' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #595959;
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center;
   background-attachment: fixed;
 }
 .jewel.checkbox input:checked:checked:focus, .jewel.checkbox 
input:checked:checked:active:focus, .jewel.checkbox 
input:checked:active:checked:focus, .jewel.checkbox 
input:checked:active:checked:active:focus {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#2C74BE' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #86b4e3;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%232C74BE' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #86b4e3;
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center;
@@ -258,7 +258,7 @@ j|Alert {
 }
 .jewel.checkbox input[disabled]:checked {
   border: 1px solid #0d0d0d;
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#191919' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #404040;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23191919' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #404040;
   background-size: 90%;
   background-position: center;
   background-repeat: no-repeat;
@@ -304,14 +304,14 @@ j|Alert {
   border-radius: 50%;
 }
 .jewel.radiobutton input:checked, .jewel.radiobutton input:checked:active {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#2C74BE' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #595959;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%232C74BE' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #595959;
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
   background-attachment: fixed;
 }
 .jewel.radiobutton input:checked:checked:focus, .jewel.radiobutton 
input:checked:checked:active:focus, .jewel.radiobutton 
input:checked:active:checked:focus, .jewel.radiobutton 
input:checked:active:checked:active:focus {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#2C74BE' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #86b4e3;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%232C74BE' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #86b4e3;
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
@@ -332,7 +332,7 @@ j|Alert {
 }
 .jewel.radiobutton input[disabled]:checked {
   border: 1px solid #0d0d0d;
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#191919' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #404040;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23191919' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #404040;
   background-size: 60%;
   background-position: center;
   background-repeat: no-repeat;
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 f1980f6..30c6c81 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
@@ -230,14 +230,14 @@ j|Alert {
   border-radius: 3px;
 }
 .jewel.checkbox input:checked, .jewel.checkbox input:checked:active {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#F8B13F' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #595959;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23F8B13F' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #595959;
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center;
   background-attachment: fixed;
 }
 .jewel.checkbox input:checked:checked:focus, .jewel.checkbox 
input:checked:checked:active:focus, .jewel.checkbox 
input:checked:active:checked:focus, .jewel.checkbox 
input:checked:active:checked:active:focus {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#F8B13F' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #fce3ba;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23F8B13F' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #fce3ba;
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center;
@@ -258,7 +258,7 @@ j|Alert {
 }
 .jewel.checkbox input[disabled]:checked {
   border: 1px solid #0d0d0d;
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#191919' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #404040;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23191919' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #404040;
   background-size: 90%;
   background-position: center;
   background-repeat: no-repeat;
@@ -304,14 +304,14 @@ j|Alert {
   border-radius: 50%;
 }
 .jewel.radiobutton input:checked, .jewel.radiobutton input:checked:active {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#F8B13F' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #595959;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23F8B13F' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #595959;
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
   background-attachment: fixed;
 }
 .jewel.radiobutton input:checked:checked:focus, .jewel.radiobutton 
input:checked:checked:active:focus, .jewel.radiobutton 
input:checked:active:checked:focus, .jewel.radiobutton 
input:checked:active:checked:active:focus {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#F8B13F' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #fce3ba;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23F8B13F' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #fce3ba;
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
@@ -332,7 +332,7 @@ j|Alert {
 }
 .jewel.radiobutton input[disabled]:checked {
   border: 1px solid #0d0d0d;
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#191919' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #404040;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23191919' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #404040;
   background-size: 60%;
   background-position: center;
   background-repeat: no-repeat;
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 d148583..2356631 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
@@ -230,14 +230,14 @@ j|Alert {
   border-radius: 3px;
 }
 .jewel.checkbox input:checked, .jewel.checkbox input:checked:active {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#EF5A2A' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #595959;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23EF5A2A' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #595959;
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center;
   background-attachment: fixed;
 }
 .jewel.checkbox input:checked:checked:focus, .jewel.checkbox 
input:checked:checked:active:focus, .jewel.checkbox 
input:checked:active:checked:focus, .jewel.checkbox 
input:checked:active:checked:active:focus {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#EF5A2A' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #f8b6a1;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23EF5A2A' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #f8b6a1;
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center;
@@ -258,7 +258,7 @@ j|Alert {
 }
 .jewel.checkbox input[disabled]:checked {
   border: 1px solid #0d0d0d;
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#191919' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #404040;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23191919' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #404040;
   background-size: 90%;
   background-position: center;
   background-repeat: no-repeat;
@@ -304,14 +304,14 @@ j|Alert {
   border-radius: 50%;
 }
 .jewel.radiobutton input:checked, .jewel.radiobutton input:checked:active {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#EF5A2A' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #595959;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23EF5A2A' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #595959;
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
   background-attachment: fixed;
 }
 .jewel.radiobutton input:checked:checked:focus, .jewel.radiobutton 
input:checked:checked:active:focus, .jewel.radiobutton 
input:checked:active:checked:focus, .jewel.radiobutton 
input:checked:active:checked:active:focus {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#EF5A2A' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #f8b6a1;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23EF5A2A' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #f8b6a1;
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
@@ -332,7 +332,7 @@ j|Alert {
 }
 .jewel.radiobutton input[disabled]:checked {
   border: 1px solid #0d0d0d;
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#191919' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #404040;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23191919' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #404040;
   background-size: 60%;
   background-position: center;
   background-repeat: no-repeat;
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 f00e64f..cc9c49c 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
@@ -230,14 +230,14 @@ j|Alert {
   border-radius: 3px;
 }
 .jewel.checkbox input:checked, .jewel.checkbox input:checked:active {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#29A89F' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #595959;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%2329A89F' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #595959;
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center;
   background-attachment: fixed;
 }
 .jewel.checkbox input:checked:checked:focus, .jewel.checkbox 
input:checked:checked:active:focus, .jewel.checkbox 
input:checked:active:checked:focus, .jewel.checkbox 
input:checked:active:checked:active:focus {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#29A89F' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #74ddd5;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%2329A89F' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #74ddd5;
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center;
@@ -258,7 +258,7 @@ j|Alert {
 }
 .jewel.checkbox input[disabled]:checked {
   border: 1px solid #0d0d0d;
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#191919' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #404040;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23191919' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #404040;
   background-size: 90%;
   background-position: center;
   background-repeat: no-repeat;
@@ -304,14 +304,14 @@ j|Alert {
   border-radius: 50%;
 }
 .jewel.radiobutton input:checked, .jewel.radiobutton input:checked:active {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#29A89F' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #595959;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%2329A89F' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #595959;
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
   background-attachment: fixed;
 }
 .jewel.radiobutton input:checked:checked:focus, .jewel.radiobutton 
input:checked:checked:active:focus, .jewel.radiobutton 
input:checked:active:checked:focus, .jewel.radiobutton 
input:checked:active:checked:active:focus {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#29A89F' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #74ddd5;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%2329A89F' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #74ddd5;
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
@@ -332,7 +332,7 @@ j|Alert {
 }
 .jewel.radiobutton input[disabled]:checked {
   border: 1px solid #0d0d0d;
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#191919' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #404040;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23191919' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #404040;
   background-size: 60%;
   background-position: center;
   background-repeat: no-repeat;
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 ba47432..f360627 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
@@ -230,14 +230,14 @@ j|Alert {
   border-radius: 3px;
 }
 .jewel.checkbox input:checked, .jewel.checkbox input:checked:active {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#662C90' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #595959;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23662C90' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #595959;
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center;
   background-attachment: fixed;
 }
 .jewel.checkbox input:checked:checked:focus, .jewel.checkbox 
input:checked:checked:active:focus, .jewel.checkbox 
input:checked:active:checked:focus, .jewel.checkbox 
input:checked:active:checked:active:focus {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#662C90' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #a66ad1;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23662C90' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #a66ad1;
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center;
@@ -258,7 +258,7 @@ j|Alert {
 }
 .jewel.checkbox input[disabled]:checked {
   border: 1px solid #0d0d0d;
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#191919' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #404040;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23191919' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #404040;
   background-size: 90%;
   background-position: center;
   background-repeat: no-repeat;
@@ -304,14 +304,14 @@ j|Alert {
   border-radius: 50%;
 }
 .jewel.radiobutton input:checked, .jewel.radiobutton input:checked:active {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#662C90' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #595959;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23662C90' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #595959;
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
   background-attachment: fixed;
 }
 .jewel.radiobutton input:checked:checked:focus, .jewel.radiobutton 
input:checked:checked:active:focus, .jewel.radiobutton 
input:checked:active:checked:focus, .jewel.radiobutton 
input:checked:active:checked:active:focus {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#662C90' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #a66ad1;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23662C90' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #a66ad1;
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
@@ -332,7 +332,7 @@ j|Alert {
 }
 .jewel.radiobutton input[disabled]:checked {
   border: 1px solid #0d0d0d;
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#191919' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #404040;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23191919' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #404040;
   background-size: 60%;
   background-position: center;
   background-repeat: no-repeat;
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 798d5b3..6d74118 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
@@ -230,14 +230,14 @@ j|Alert {
   border-radius: 3px;
 }
 .jewel.checkbox input:checked, .jewel.checkbox input:checked:active {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#FCEF0A' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #595959;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23FCEF0A' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #595959;
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center;
   background-attachment: fixed;
 }
 .jewel.checkbox input:checked:checked:focus, .jewel.checkbox 
input:checked:checked:active:focus, .jewel.checkbox 
input:checked:active:checked:focus, .jewel.checkbox 
input:checked:active:checked:active:focus {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#FCEF0A' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #fef788;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23FCEF0A' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #fef788;
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center;
@@ -258,7 +258,7 @@ j|Alert {
 }
 .jewel.checkbox input[disabled]:checked {
   border: 1px solid #0d0d0d;
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#191919' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #404040;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23191919' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #404040;
   background-size: 90%;
   background-position: center;
   background-repeat: no-repeat;
@@ -304,14 +304,14 @@ j|Alert {
   border-radius: 50%;
 }
 .jewel.radiobutton input:checked, .jewel.radiobutton input:checked:active {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#FCEF0A' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #595959;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23FCEF0A' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #595959;
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
   background-attachment: fixed;
 }
 .jewel.radiobutton input:checked:checked:focus, .jewel.radiobutton 
input:checked:checked:active:focus, .jewel.radiobutton 
input:checked:active:checked:focus, .jewel.radiobutton 
input:checked:active:checked:active:focus {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#FCEF0A' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #fef788;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23FCEF0A' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #fef788;
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
@@ -332,7 +332,7 @@ j|Alert {
 }
 .jewel.radiobutton input[disabled]:checked {
   border: 1px solid #0d0d0d;
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#191919' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #404040;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23191919' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #404040;
   background-size: 60%;
   background-position: center;
   background-repeat: no-repeat;
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 dcde754..2c8f746 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
@@ -230,14 +230,14 @@ j|Alert {
   border-radius: 3px;
 }
 .jewel.checkbox input:checked, .jewel.checkbox input:checked:active {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#922590' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #d9d9d9;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23922590' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #d9d9d9;
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center;
   background-attachment: fixed;
 }
 .jewel.checkbox input:checked:checked:focus, .jewel.checkbox 
input:checked:checked:active:focus, .jewel.checkbox 
input:checked:active:checked:focus, .jewel.checkbox 
input:checked:active:checked:active:focus {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#922590' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #d760d4;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23922590' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #d760d4;
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center;
@@ -258,7 +258,7 @@ j|Alert {
 }
 .jewel.checkbox input[disabled]:checked {
   border: 1px solid #d9d9d9;
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#cccccc' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #f3f3f3;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23cccccc' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #f3f3f3;
   background-size: 90%;
   background-position: center;
   background-repeat: no-repeat;
@@ -304,14 +304,14 @@ j|Alert {
   border-radius: 50%;
 }
 .jewel.radiobutton input:checked, .jewel.radiobutton input:checked:active {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#922590' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #d9d9d9;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23922590' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #d9d9d9;
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
   background-attachment: fixed;
 }
 .jewel.radiobutton input:checked:checked:focus, .jewel.radiobutton 
input:checked:checked:active:focus, .jewel.radiobutton 
input:checked:active:checked:focus, .jewel.radiobutton 
input:checked:active:checked:active:focus {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#922590' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #d760d4;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23922590' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #d760d4;
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
@@ -332,7 +332,7 @@ j|Alert {
 }
 .jewel.radiobutton input[disabled]:checked {
   border: 1px solid #d9d9d9;
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#cccccc' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #f3f3f3;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23cccccc' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #f3f3f3;
   background-size: 60%;
   background-position: center;
   background-repeat: no-repeat;
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 00d4ba4..8053cb4 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
@@ -230,14 +230,14 @@ j|Alert {
   border-radius: 3px;
 }
 .jewel.checkbox input:checked, .jewel.checkbox input:checked:active {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#3CADF1' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #d9d9d9;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%233CADF1' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #d9d9d9;
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center;
   background-attachment: fixed;
 }
 .jewel.checkbox input:checked:checked:focus, .jewel.checkbox 
input:checked:checked:active:focus, .jewel.checkbox 
input:checked:active:checked:focus, .jewel.checkbox 
input:checked:active:checked:active:focus {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#3CADF1' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #b3dffa;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%233CADF1' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #b3dffa;
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center;
@@ -258,7 +258,7 @@ j|Alert {
 }
 .jewel.checkbox input[disabled]:checked {
   border: 1px solid #d9d9d9;
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#cccccc' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #f3f3f3;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23cccccc' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #f3f3f3;
   background-size: 90%;
   background-position: center;
   background-repeat: no-repeat;
@@ -304,14 +304,14 @@ j|Alert {
   border-radius: 50%;
 }
 .jewel.radiobutton input:checked, .jewel.radiobutton input:checked:active {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#3CADF1' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #d9d9d9;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%233CADF1' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #d9d9d9;
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
   background-attachment: fixed;
 }
 .jewel.radiobutton input:checked:checked:focus, .jewel.radiobutton 
input:checked:checked:active:focus, .jewel.radiobutton 
input:checked:active:checked:focus, .jewel.radiobutton 
input:checked:active:checked:active:focus {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#3CADF1' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #b3dffa;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%233CADF1' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #b3dffa;
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
@@ -332,7 +332,7 @@ j|Alert {
 }
 .jewel.radiobutton input[disabled]:checked {
   border: 1px solid #d9d9d9;
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#cccccc' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #f3f3f3;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23cccccc' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #f3f3f3;
   background-size: 60%;
   background-position: center;
   background-repeat: no-repeat;
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 574338e..5821688 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
@@ -230,14 +230,14 @@ j|Alert {
   border-radius: 3px;
 }
 .jewel.checkbox input:checked, .jewel.checkbox input:checked:active {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#8CC63C' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #d9d9d9;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%238CC63C' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #d9d9d9;
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center;
   background-attachment: fixed;
 }
 .jewel.checkbox input:checked:checked:focus, .jewel.checkbox 
input:checked:checked:active:focus, .jewel.checkbox 
input:checked:active:checked:focus, .jewel.checkbox 
input:checked:active:checked:active:focus {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#8CC63C' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #c6e39f;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%238CC63C' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #c6e39f;
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center;
@@ -258,7 +258,7 @@ j|Alert {
 }
 .jewel.checkbox input[disabled]:checked {
   border: 1px solid #d9d9d9;
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#cccccc' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #f3f3f3;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23cccccc' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #f3f3f3;
   background-size: 90%;
   background-position: center;
   background-repeat: no-repeat;
@@ -304,14 +304,14 @@ j|Alert {
   border-radius: 50%;
 }
 .jewel.radiobutton input:checked, .jewel.radiobutton input:checked:active {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#8CC63C' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #d9d9d9;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%238CC63C' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #d9d9d9;
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
   background-attachment: fixed;
 }
 .jewel.radiobutton input:checked:checked:focus, .jewel.radiobutton 
input:checked:checked:active:focus, .jewel.radiobutton 
input:checked:active:checked:focus, .jewel.radiobutton 
input:checked:active:checked:active:focus {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#8CC63C' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #c6e39f;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%238CC63C' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #c6e39f;
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
@@ -332,7 +332,7 @@ j|Alert {
 }
 .jewel.radiobutton input[disabled]:checked {
   border: 1px solid #d9d9d9;
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#cccccc' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #f3f3f3;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23cccccc' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #f3f3f3;
   background-size: 60%;
   background-position: center;
   background-repeat: no-repeat;
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 a04ddec..dad5bfd 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
@@ -230,14 +230,14 @@ j|Alert {
   border-radius: 3px;
 }
 .jewel.checkbox input:checked, .jewel.checkbox input:checked:active {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#3AB549' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #d9d9d9;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%233AB549' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #d9d9d9;
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center;
   background-attachment: fixed;
 }
 .jewel.checkbox input:checked:checked:focus, .jewel.checkbox 
input:checked:checked:active:focus, .jewel.checkbox 
input:checked:active:checked:focus, .jewel.checkbox 
input:checked:active:checked:active:focus {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#3AB549' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #92dc9b;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%233AB549' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #92dc9b;
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center;
@@ -258,7 +258,7 @@ j|Alert {
 }
 .jewel.checkbox input[disabled]:checked {
   border: 1px solid #d9d9d9;
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#cccccc' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #f3f3f3;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23cccccc' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #f3f3f3;
   background-size: 90%;
   background-position: center;
   background-repeat: no-repeat;
@@ -304,14 +304,14 @@ j|Alert {
   border-radius: 50%;
 }
 .jewel.radiobutton input:checked, .jewel.radiobutton input:checked:active {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#3AB549' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #d9d9d9;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%233AB549' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #d9d9d9;
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
   background-attachment: fixed;
 }
 .jewel.radiobutton input:checked:checked:focus, .jewel.radiobutton 
input:checked:checked:active:focus, .jewel.radiobutton 
input:checked:active:checked:focus, .jewel.radiobutton 
input:checked:active:checked:active:focus {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#3AB549' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #92dc9b;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%233AB549' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #92dc9b;
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
@@ -332,7 +332,7 @@ j|Alert {
 }
 .jewel.radiobutton input[disabled]:checked {
   border: 1px solid #d9d9d9;
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#cccccc' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #f3f3f3;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23cccccc' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #f3f3f3;
   background-size: 60%;
   background-position: center;
   background-repeat: no-repeat;
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 0cd19cd..5cac85f 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
@@ -230,14 +230,14 @@ j|Alert {
   border-radius: 3px;
 }
 .jewel.checkbox input:checked, .jewel.checkbox input:checked:active {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#F7941D' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #d9d9d9;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23F7941D' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #d9d9d9;
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center;
   background-attachment: fixed;
 }
 .jewel.checkbox input:checked:checked:focus, .jewel.checkbox 
input:checked:checked:active:focus, .jewel.checkbox 
input:checked:active:checked:focus, .jewel.checkbox 
input:checked:active:checked:active:focus {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#F7941D' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #fbce98;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23F7941D' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #fbce98;
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center;
@@ -258,7 +258,7 @@ j|Alert {
 }
 .jewel.checkbox input[disabled]:checked {
   border: 1px solid #d9d9d9;
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#cccccc' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #f3f3f3;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23cccccc' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #f3f3f3;
   background-size: 90%;
   background-position: center;
   background-repeat: no-repeat;
@@ -304,14 +304,14 @@ j|Alert {
   border-radius: 50%;
 }
 .jewel.radiobutton input:checked, .jewel.radiobutton input:checked:active {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#F7941D' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #d9d9d9;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23F7941D' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #d9d9d9;
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
   background-attachment: fixed;
 }
 .jewel.radiobutton input:checked:checked:focus, .jewel.radiobutton 
input:checked:checked:active:focus, .jewel.radiobutton 
input:checked:active:checked:focus, .jewel.radiobutton 
input:checked:active:checked:active:focus {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#F7941D' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #fbce98;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23F7941D' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #fbce98;
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
@@ -332,7 +332,7 @@ j|Alert {
 }
 .jewel.radiobutton input[disabled]:checked {
   border: 1px solid #d9d9d9;
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#cccccc' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #f3f3f3;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23cccccc' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #f3f3f3;
   background-size: 60%;
   background-position: center;
   background-repeat: no-repeat;
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 26e0a76..f7ae74b 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
@@ -230,14 +230,14 @@ j|Alert {
   border-radius: 3px;
 }
 .jewel.checkbox input:checked, .jewel.checkbox input:checked:active {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#EC1C24' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #d9d9d9;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23EC1C24' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #d9d9d9;
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center;
   background-attachment: fixed;
 }
 .jewel.checkbox input:checked:checked:focus, .jewel.checkbox 
input:checked:checked:active:focus, .jewel.checkbox 
input:checked:active:checked:focus, .jewel.checkbox 
input:checked:active:checked:active:focus {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#EC1C24' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #f69296;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23EC1C24' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #f69296;
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center;
@@ -258,7 +258,7 @@ j|Alert {
 }
 .jewel.checkbox input[disabled]:checked {
   border: 1px solid #d9d9d9;
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#cccccc' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #f3f3f3;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23cccccc' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #f3f3f3;
   background-size: 90%;
   background-position: center;
   background-repeat: no-repeat;
@@ -304,14 +304,14 @@ j|Alert {
   border-radius: 50%;
 }
 .jewel.radiobutton input:checked, .jewel.radiobutton input:checked:active {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#EC1C24' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #d9d9d9;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23EC1C24' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #d9d9d9;
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
   background-attachment: fixed;
 }
 .jewel.radiobutton input:checked:checked:focus, .jewel.radiobutton 
input:checked:checked:active:focus, .jewel.radiobutton 
input:checked:active:checked:focus, .jewel.radiobutton 
input:checked:active:checked:active:focus {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#EC1C24' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #f69296;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23EC1C24' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #f69296;
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
@@ -332,7 +332,7 @@ j|Alert {
 }
 .jewel.radiobutton input[disabled]:checked {
   border: 1px solid #d9d9d9;
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#cccccc' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #f3f3f3;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23cccccc' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #f3f3f3;
   background-size: 60%;
   background-position: center;
   background-repeat: no-repeat;
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 124b943..3670cc5 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
@@ -230,14 +230,14 @@ j|Alert {
   border-radius: 3px;
 }
 .jewel.checkbox input:checked, .jewel.checkbox input:checked:active {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#2C74BE' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #d9d9d9;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%232C74BE' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #d9d9d9;
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center;
   background-attachment: fixed;
 }
 .jewel.checkbox input:checked:checked:focus, .jewel.checkbox 
input:checked:checked:active:focus, .jewel.checkbox 
input:checked:active:checked:focus, .jewel.checkbox 
input:checked:active:checked:active:focus {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#2C74BE' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #86b4e3;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%232C74BE' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #86b4e3;
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center;
@@ -258,7 +258,7 @@ j|Alert {
 }
 .jewel.checkbox input[disabled]:checked {
   border: 1px solid #d9d9d9;
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#cccccc' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #f3f3f3;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23cccccc' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #f3f3f3;
   background-size: 90%;
   background-position: center;
   background-repeat: no-repeat;
@@ -304,14 +304,14 @@ j|Alert {
   border-radius: 50%;
 }
 .jewel.radiobutton input:checked, .jewel.radiobutton input:checked:active {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#2C74BE' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #d9d9d9;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%232C74BE' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #d9d9d9;
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
   background-attachment: fixed;
 }
 .jewel.radiobutton input:checked:checked:focus, .jewel.radiobutton 
input:checked:checked:active:focus, .jewel.radiobutton 
input:checked:active:checked:focus, .jewel.radiobutton 
input:checked:active:checked:active:focus {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#2C74BE' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #86b4e3;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%232C74BE' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #86b4e3;
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
@@ -332,7 +332,7 @@ j|Alert {
 }
 .jewel.radiobutton input[disabled]:checked {
   border: 1px solid #d9d9d9;
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#cccccc' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #f3f3f3;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23cccccc' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #f3f3f3;
   background-size: 60%;
   background-position: center;
   background-repeat: no-repeat;
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 7856be4..4766bdb 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
@@ -230,14 +230,14 @@ j|Alert {
   border-radius: 3px;
 }
 .jewel.checkbox input:checked, .jewel.checkbox input:checked:active {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#F8B13F' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #d9d9d9;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23F8B13F' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #d9d9d9;
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center;
   background-attachment: fixed;
 }
 .jewel.checkbox input:checked:checked:focus, .jewel.checkbox 
input:checked:checked:active:focus, .jewel.checkbox 
input:checked:active:checked:focus, .jewel.checkbox 
input:checked:active:checked:active:focus {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#F8B13F' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #fce3ba;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23F8B13F' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #fce3ba;
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center;
@@ -258,7 +258,7 @@ j|Alert {
 }
 .jewel.checkbox input[disabled]:checked {
   border: 1px solid #d9d9d9;
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#cccccc' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #f3f3f3;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23cccccc' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #f3f3f3;
   background-size: 90%;
   background-position: center;
   background-repeat: no-repeat;
@@ -304,14 +304,14 @@ j|Alert {
   border-radius: 50%;
 }
 .jewel.radiobutton input:checked, .jewel.radiobutton input:checked:active {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#F8B13F' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #d9d9d9;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23F8B13F' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #d9d9d9;
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
   background-attachment: fixed;
 }
 .jewel.radiobutton input:checked:checked:focus, .jewel.radiobutton 
input:checked:checked:active:focus, .jewel.radiobutton 
input:checked:active:checked:focus, .jewel.radiobutton 
input:checked:active:checked:active:focus {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#F8B13F' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #fce3ba;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23F8B13F' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #fce3ba;
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
@@ -332,7 +332,7 @@ j|Alert {
 }
 .jewel.radiobutton input[disabled]:checked {
   border: 1px solid #d9d9d9;
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#cccccc' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #f3f3f3;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23cccccc' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #f3f3f3;
   background-size: 60%;
   background-position: center;
   background-repeat: no-repeat;
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 746c4d9..17fc87d 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
@@ -230,14 +230,14 @@ j|Alert {
   border-radius: 3px;
 }
 .jewel.checkbox input:checked, .jewel.checkbox input:checked:active {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#EF5A2A' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #d9d9d9;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23EF5A2A' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #d9d9d9;
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center;
   background-attachment: fixed;
 }
 .jewel.checkbox input:checked:checked:focus, .jewel.checkbox 
input:checked:checked:active:focus, .jewel.checkbox 
input:checked:active:checked:focus, .jewel.checkbox 
input:checked:active:checked:active:focus {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#EF5A2A' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #f8b6a1;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23EF5A2A' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #f8b6a1;
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center;
@@ -258,7 +258,7 @@ j|Alert {
 }
 .jewel.checkbox input[disabled]:checked {
   border: 1px solid #d9d9d9;
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#cccccc' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #f3f3f3;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23cccccc' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #f3f3f3;
   background-size: 90%;
   background-position: center;
   background-repeat: no-repeat;
@@ -304,14 +304,14 @@ j|Alert {
   border-radius: 50%;
 }
 .jewel.radiobutton input:checked, .jewel.radiobutton input:checked:active {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#EF5A2A' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #d9d9d9;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23EF5A2A' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #d9d9d9;
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
   background-attachment: fixed;
 }
 .jewel.radiobutton input:checked:checked:focus, .jewel.radiobutton 
input:checked:checked:active:focus, .jewel.radiobutton 
input:checked:active:checked:focus, .jewel.radiobutton 
input:checked:active:checked:active:focus {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#EF5A2A' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #f8b6a1;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23EF5A2A' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #f8b6a1;
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
@@ -332,7 +332,7 @@ j|Alert {
 }
 .jewel.radiobutton input[disabled]:checked {
   border: 1px solid #d9d9d9;
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#cccccc' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #f3f3f3;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23cccccc' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #f3f3f3;
   background-size: 60%;
   background-position: center;
   background-repeat: no-repeat;
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 e02bdb6..fe61e62 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
@@ -230,14 +230,14 @@ j|Alert {
   border-radius: 3px;
 }
 .jewel.checkbox input:checked, .jewel.checkbox input:checked:active {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#29A89F' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #d9d9d9;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%2329A89F' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #d9d9d9;
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center;
   background-attachment: fixed;
 }
 .jewel.checkbox input:checked:checked:focus, .jewel.checkbox 
input:checked:checked:active:focus, .jewel.checkbox 
input:checked:active:checked:focus, .jewel.checkbox 
input:checked:active:checked:active:focus {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#29A89F' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #74ddd5;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%2329A89F' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #74ddd5;
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center;
@@ -258,7 +258,7 @@ j|Alert {
 }
 .jewel.checkbox input[disabled]:checked {
   border: 1px solid #d9d9d9;
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#cccccc' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #f3f3f3;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23cccccc' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #f3f3f3;
   background-size: 90%;
   background-position: center;
   background-repeat: no-repeat;
@@ -304,14 +304,14 @@ j|Alert {
   border-radius: 50%;
 }
 .jewel.radiobutton input:checked, .jewel.radiobutton input:checked:active {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#29A89F' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #d9d9d9;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%2329A89F' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #d9d9d9;
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
   background-attachment: fixed;
 }
 .jewel.radiobutton input:checked:checked:focus, .jewel.radiobutton 
input:checked:checked:active:focus, .jewel.radiobutton 
input:checked:active:checked:focus, .jewel.radiobutton 
input:checked:active:checked:active:focus {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#29A89F' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #74ddd5;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%2329A89F' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #74ddd5;
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
@@ -332,7 +332,7 @@ j|Alert {
 }
 .jewel.radiobutton input[disabled]:checked {
   border: 1px solid #d9d9d9;
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#cccccc' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #f3f3f3;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23cccccc' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #f3f3f3;
   background-size: 60%;
   background-position: center;
   background-repeat: no-repeat;
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 116584b..4279fdb 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
@@ -230,14 +230,14 @@ j|Alert {
   border-radius: 3px;
 }
 .jewel.checkbox input:checked, .jewel.checkbox input:checked:active {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#662C90' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #d9d9d9;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23662C90' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #d9d9d9;
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center;
   background-attachment: fixed;
 }
 .jewel.checkbox input:checked:checked:focus, .jewel.checkbox 
input:checked:checked:active:focus, .jewel.checkbox 
input:checked:active:checked:focus, .jewel.checkbox 
input:checked:active:checked:active:focus {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#662C90' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #a66ad1;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23662C90' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #a66ad1;
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center;
@@ -258,7 +258,7 @@ j|Alert {
 }
 .jewel.checkbox input[disabled]:checked {
   border: 1px solid #d9d9d9;
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#cccccc' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #f3f3f3;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23cccccc' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #f3f3f3;
   background-size: 90%;
   background-position: center;
   background-repeat: no-repeat;
@@ -304,14 +304,14 @@ j|Alert {
   border-radius: 50%;
 }
 .jewel.radiobutton input:checked, .jewel.radiobutton input:checked:active {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#662C90' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #d9d9d9;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23662C90' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #d9d9d9;
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
   background-attachment: fixed;
 }
 .jewel.radiobutton input:checked:checked:focus, .jewel.radiobutton 
input:checked:checked:active:focus, .jewel.radiobutton 
input:checked:active:checked:focus, .jewel.radiobutton 
input:checked:active:checked:active:focus {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#662C90' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #a66ad1;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23662C90' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #a66ad1;
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
@@ -332,7 +332,7 @@ j|Alert {
 }
 .jewel.radiobutton input[disabled]:checked {
   border: 1px solid #d9d9d9;
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#cccccc' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #f3f3f3;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23cccccc' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #f3f3f3;
   background-size: 60%;
   background-position: center;
   background-repeat: no-repeat;
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 be856bd..03a4d13 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
@@ -230,14 +230,14 @@ j|Alert {
   border-radius: 3px;
 }
 .jewel.checkbox input:checked, .jewel.checkbox input:checked:active {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#FCEF0A' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #d9d9d9;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23FCEF0A' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #d9d9d9;
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center;
   background-attachment: fixed;
 }
 .jewel.checkbox input:checked:checked:focus, .jewel.checkbox 
input:checked:checked:active:focus, .jewel.checkbox 
input:checked:active:checked:focus, .jewel.checkbox 
input:checked:active:checked:active:focus {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#FCEF0A' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #fef788;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23FCEF0A' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #fef788;
   background-repeat: no-repeat;
   background-size: 90%;
   background-position: center;
@@ -258,7 +258,7 @@ j|Alert {
 }
 .jewel.checkbox input[disabled]:checked {
   border: 1px solid #d9d9d9;
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='#cccccc' points='3 13 
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #f3f3f3;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, 
-290)'><g transform='translate(760, 285)'><polygon fill='%23cccccc' points='3 
13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #f3f3f3;
   background-size: 90%;
   background-position: center;
   background-repeat: no-repeat;
@@ -304,14 +304,14 @@ j|Alert {
   border-radius: 50%;
 }
 .jewel.radiobutton input:checked, .jewel.radiobutton input:checked:active {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#FCEF0A' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #d9d9d9;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23FCEF0A' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #d9d9d9;
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
   background-attachment: fixed;
 }
 .jewel.radiobutton input:checked:checked:focus, .jewel.radiobutton 
input:checked:checked:active:focus, .jewel.radiobutton 
input:checked:active:checked:focus, .jewel.radiobutton 
input:checked:active:checked:active:focus {
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#FCEF0A' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #fef788;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23FCEF0A' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #fef788;
   background-repeat: no-repeat;
   background-size: 60%;
   background-position: center;
@@ -332,7 +332,7 @@ j|Alert {
 }
 .jewel.radiobutton input[disabled]:checked {
   border: 1px solid #d9d9d9;
-  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='#cccccc' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #f3f3f3;
+  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616, 
-350)'><g transform='translate(611, 345)'><circle fill='%23cccccc' cx='11' 
cy='11' r='6'></circle></g></g></svg>"), #f3f3f3;
   background-size: 60%;
   background-position: center;
   background-repeat: no-repeat;

-- 
To stop receiving notification emails like this one, please contact
[email protected].

[royale-asjs] branch develop updated: fix svg in all themes

Reply via email to