This is an automated email from the ASF dual-hosted git repository.

hiedra 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 a6a6df6ed5 JewelTheme: Secondary theme for Jewel radiobutton. CSS's
a6a6df6ed5 is described below

commit a6a6df6ed5d167e75996c0dba6f819109cdf77d0
Author: hiedra <mjest...@iest.com>
AuthorDate: Mon Jun 2 22:28:32 2025 +0200

    JewelTheme: Secondary theme for Jewel radiobutton. CSS's
---
 .../src/main/resources/defaults.css                | 23 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 23 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 23 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 23 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 23 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 23 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 23 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 23 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 23 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 23 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 23 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 23 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 23 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 23 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 23 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 23 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 23 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 23 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 23 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 23 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 23 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 23 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 23 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 23 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 23 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 23 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 23 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 23 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 23 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 23 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 23 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 23 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 23 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 23 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 23 ++++++++++++++++++++++
 .../src/main/resources/defaults.css                | 23 ++++++++++++++++++++++
 .../JewelTheme/src/main/resources/defaults.css     | 23 ++++++++++++++++++++++
 37 files changed, 851 insertions(+)

diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Amethyst-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Amethyst-Theme/src/main/resources/defaults.css
index c3cb2738ba..10c47217e8 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Amethyst-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Amethyst-Theme/src/main/resources/defaults.css
@@ -207,6 +207,29 @@
   border-top-color: #C92CC6;
 }
 
+.jewel.radiobutton.secondary input + span::before {
+  background: linear-gradient(#7f7f7f, #737373);
+  border: 1px solid #333333;
+}
+.jewel.radiobutton.secondary input + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23C92CC6' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+  border: 1px solid transparent;
+}
+.jewel.radiobutton.secondary input:focus + span::before, 
.jewel.radiobutton.secondary input:checked:focus + span::before, 
.jewel.radiobutton.secondary input:checked:active:focus + span::before {
+  background: linear-gradient(#eba3ea, #e279e0);
+  border: 1px solid #8a1e88;
+}
+.jewel.radiobutton.secondary input[disabled] + span::before {
+  background: #404040;
+  border: 1px solid #0d0d0d;
+}
+.jewel.radiobutton.secondary input[disabled] + span {
+  color: #737373;
+}
+.jewel.radiobutton.secondary input[disabled] + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23191919' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+}
+
 .jewel.snackbar.secondary .jewel.snackbar-content {
   background: linear-gradient(#d43bd1, #b427b1);
   border: 1px solid #8a1e88;
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Blue-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Blue-Theme/src/main/resources/defaults.css
index ad20bdebca..7d71eb48c5 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Blue-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Blue-Theme/src/main/resources/defaults.css
@@ -207,6 +207,29 @@
   border-top-color: #3CADF1;
 }
 
+.jewel.radiobutton.secondary input + span::before {
+  background: linear-gradient(#7f7f7f, #737373);
+  border: 1px solid #333333;
+}
+.jewel.radiobutton.secondary input + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%233CADF1' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+  border: 1px solid transparent;
+}
+.jewel.radiobutton.secondary input:focus + span::before, 
.jewel.radiobutton.secondary input:checked:focus + span::before, 
.jewel.radiobutton.secondary input:checked:active:focus + span::before {
+  background: linear-gradient(#cbe9fb, #9bd5f8);
+  border: 1px solid #0f88d1;
+}
+.jewel.radiobutton.secondary input[disabled] + span::before {
+  background: #404040;
+  border: 1px solid #0d0d0d;
+}
+.jewel.radiobutton.secondary input[disabled] + span {
+  color: #737373;
+}
+.jewel.radiobutton.secondary input[disabled] + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23191919' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+}
+
 .jewel.snackbar.secondary .jewel.snackbar-content {
   background: linear-gradient(#54b7f3, #24a3ef);
   border: 1px solid #0f88d1;
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Emerald-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Emerald-Theme/src/main/resources/defaults.css
index 12c2253065..964a12c8d6 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Emerald-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Emerald-Theme/src/main/resources/defaults.css
@@ -207,6 +207,29 @@
   border-top-color: #8CC63C;
 }
 
+.jewel.radiobutton.secondary input + span::before {
+  background: linear-gradient(#7f7f7f, #737373);
+  border: 1px solid #333333;
+}
+.jewel.radiobutton.secondary input + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%238CC63C' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+  border: 1px solid transparent;
+}
+.jewel.radiobutton.secondary input:focus + span::before, 
.jewel.radiobutton.secondary input:checked:focus + span::before, 
.jewel.radiobutton.secondary input:checked:active:focus + span::before {
+  background: linear-gradient(#d2e9b2, #bbdd8b);
+  border: 1px solid #638c29;
+}
+.jewel.radiobutton.secondary input[disabled] + span::before {
+  background: #404040;
+  border: 1px solid #0d0d0d;
+}
+.jewel.radiobutton.secondary input[disabled] + span {
+  color: #737373;
+}
+.jewel.radiobutton.secondary input[disabled] + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23191919' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+}
+
 .jewel.snackbar.secondary .jewel.snackbar-content {
   background: linear-gradient(#98cc50, #7eb435);
   border: 1px solid #638c29;
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Green-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Green-Theme/src/main/resources/defaults.css
index c626fd2c6d..d908a0fe7d 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Green-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Green-Theme/src/main/resources/defaults.css
@@ -207,6 +207,29 @@
   border-top-color: #3AB549;
 }
 
+.jewel.radiobutton.secondary input + span::before {
+  background: linear-gradient(#7f7f7f, #737373);
+  border: 1px solid #333333;
+}
+.jewel.radiobutton.secondary input + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%233AB549' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+  border: 1px solid transparent;
+}
+.jewel.radiobutton.secondary input:focus + span::before, 
.jewel.radiobutton.secondary input:checked:focus + span::before, 
.jewel.radiobutton.secondary input:checked:active:focus + span::before {
+  background: linear-gradient(#a6e2ad, #7fd68a);
+  border: 1px solid #277b32;
+}
+.jewel.radiobutton.secondary input[disabled] + span::before {
+  background: #404040;
+  border: 1px solid #0d0d0d;
+}
+.jewel.radiobutton.secondary input[disabled] + span {
+  color: #737373;
+}
+.jewel.radiobutton.secondary input[disabled] + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23191919' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+}
+
 .jewel.snackbar.secondary .jewel.snackbar-content {
   background: linear-gradient(#45c354, #34a241);
   border: 1px solid #277b32;
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Orange-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Orange-Theme/src/main/resources/defaults.css
index 39f6313911..129875fad1 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Orange-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Orange-Theme/src/main/resources/defaults.css
@@ -207,6 +207,29 @@
   border-top-color: #F7941D;
 }
 
+.jewel.radiobutton.secondary input + span::before {
+  background: linear-gradient(#7f7f7f, #737373);
+  border: 1px solid #333333;
+}
+.jewel.radiobutton.secondary input + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23F7941D' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+  border: 1px solid transparent;
+}
+.jewel.radiobutton.secondary input:focus + span::before, 
.jewel.radiobutton.secondary input:checked:focus + span::before, 
.jewel.radiobutton.secondary input:checked:active:focus + span::before {
+  background: linear-gradient(#fcdab1, #fac380);
+  border: 1px solid #c16c07;
+}
+.jewel.radiobutton.secondary input[disabled] + span::before {
+  background: #404040;
+  border: 1px solid #0d0d0d;
+}
+.jewel.radiobutton.secondary input[disabled] + span {
+  color: #737373;
+}
+.jewel.radiobutton.secondary input[disabled] + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23191919' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+}
+
 .jewel.snackbar.secondary .jewel.snackbar-content {
   background: linear-gradient(#f8a036, #f28809);
   border: 1px solid #c16c07;
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Red-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Red-Theme/src/main/resources/defaults.css
index 1087466998..6b0bcf372f 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Red-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Red-Theme/src/main/resources/defaults.css
@@ -207,6 +207,29 @@
   border-top-color: #EC1C24;
 }
 
+.jewel.radiobutton.secondary input + span::before {
+  background: linear-gradient(#7f7f7f, #737373);
+  border: 1px solid #333333;
+}
+.jewel.radiobutton.secondary input + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23EC1C24' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+  border: 1px solid transparent;
+}
+.jewel.radiobutton.secondary input:focus + span::before, 
.jewel.radiobutton.secondary input:checked:focus + span::before, 
.jewel.radiobutton.secondary input:checked:active:focus + span::before {
+  background: linear-gradient(#f8a9ac, #f47a7f);
+  border: 1px solid #ad0e15;
+}
+.jewel.radiobutton.secondary input[disabled] + span::before {
+  background: #404040;
+  border: 1px solid #0d0d0d;
+}
+.jewel.radiobutton.secondary input[disabled] + span {
+  color: #737373;
+}
+.jewel.radiobutton.secondary input[disabled] + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23191919' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+}
+
 .jewel.snackbar.secondary .jewel.snackbar-content {
   background: linear-gradient(#ee343b, #dc121a);
   border: 1px solid #ad0e15;
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Sapphire-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Sapphire-Theme/src/main/resources/defaults.css
index 35bad0377e..522e33e9d4 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Sapphire-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Sapphire-Theme/src/main/resources/defaults.css
@@ -207,6 +207,29 @@
   border-top-color: #2C74BE;
 }
 
+.jewel.radiobutton.secondary input + span::before {
+  background: linear-gradient(#7f7f7f, #737373);
+  border: 1px solid #333333;
+}
+.jewel.radiobutton.secondary input + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%232C74BE' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+  border: 1px solid transparent;
+}
+.jewel.radiobutton.secondary input:focus + span::before, 
.jewel.radiobutton.secondary input:checked:focus + span::before, 
.jewel.radiobutton.secondary input:checked:active:focus + span::before {
+  background: linear-gradient(#9bc1e8, #72a7de);
+  border: 1px solid #1e4e80;
+}
+.jewel.radiobutton.secondary input[disabled] + span::before {
+  background: #404040;
+  border: 1px solid #0d0d0d;
+}
+.jewel.radiobutton.secondary input[disabled] + span {
+  color: #737373;
+}
+.jewel.radiobutton.secondary input[disabled] + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23191919' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+}
+
 .jewel.snackbar.secondary .jewel.snackbar-content {
   background: linear-gradient(#3481d0, #2767a9);
   border: 1px solid #1e4e80;
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Sunflower-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Sunflower-Theme/src/main/resources/defaults.css
index 855ffc74f4..9c8318a8df 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Sunflower-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Sunflower-Theme/src/main/resources/defaults.css
@@ -207,6 +207,29 @@
   border-top-color: #F8B13F;
 }
 
+.jewel.radiobutton.secondary input + span::before {
+  background: linear-gradient(#7f7f7f, #737373);
+  border: 1px solid #333333;
+}
+.jewel.radiobutton.secondary input + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23F8B13F' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+  border: 1px solid transparent;
+}
+.jewel.radiobutton.secondary input:focus + span::before, 
.jewel.radiobutton.secondary input:checked:focus + span::before, 
.jewel.radiobutton.secondary input:checked:active:focus + span::before {
+  background: linear-gradient(#fdedd3, #fcd9a1);
+  border: 1px solid #e28f08;
+}
+.jewel.radiobutton.secondary input[disabled] + span::before {
+  background: #404040;
+  border: 1px solid #0d0d0d;
+}
+.jewel.radiobutton.secondary input[disabled] + span {
+  color: #737373;
+}
+.jewel.radiobutton.secondary input[disabled] + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23191919' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+}
+
 .jewel.snackbar.secondary .jewel.snackbar-content {
   background: linear-gradient(#f9bb58, #f7a726);
   border: 1px solid #e28f08;
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Topaz-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Topaz-Theme/src/main/resources/defaults.css
index 4ee06190c1..19acd519d4 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Topaz-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Topaz-Theme/src/main/resources/defaults.css
@@ -207,6 +207,29 @@
   border-top-color: #EF5A2A;
 }
 
+.jewel.radiobutton.secondary input + span::before {
+  background: linear-gradient(#7f7f7f, #737373);
+  border: 1px solid #333333;
+}
+.jewel.radiobutton.secondary input + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23EF5A2A' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+  border: 1px solid transparent;
+}
+.jewel.radiobutton.secondary input:focus + span::before, 
.jewel.radiobutton.secondary input:checked:focus + span::before, 
.jewel.radiobutton.secondary input:checked:active:focus + span::before {
+  background: linear-gradient(#fac8b8, #f6a389);
+  border: 1px solid #be390e;
+}
+.jewel.radiobutton.secondary input[disabled] + span::before {
+  background: #404040;
+  border: 1px solid #0d0d0d;
+}
+.jewel.radiobutton.secondary input[disabled] + span {
+  color: #737373;
+}
+.jewel.radiobutton.secondary input[disabled] + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23191919' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+}
+
 .jewel.snackbar.secondary .jewel.snackbar-content {
   background: linear-gradient(#f16c42, #ed4812);
   border: 1px solid #be390e;
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Turquoise-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Turquoise-Theme/src/main/resources/defaults.css
index 8d69e5efcf..82ff23803e 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Turquoise-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Turquoise-Theme/src/main/resources/defaults.css
@@ -207,6 +207,29 @@
   border-top-color: #29A89F;
 }
 
+.jewel.radiobutton.secondary input + span::before {
+  background: linear-gradient(#7f7f7f, #737373);
+  border: 1px solid #333333;
+}
+.jewel.radiobutton.secondary input + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%2329A89F' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+  border: 1px solid transparent;
+}
+.jewel.radiobutton.secondary input:focus + span::before, 
.jewel.radiobutton.secondary input:checked:focus + span::before, 
.jewel.radiobutton.secondary input:checked:active:focus + span::before {
+  background: linear-gradient(#88e2dc, #5fd8cf);
+  border: 1px solid #1a6b65;
+}
+.jewel.radiobutton.secondary input[disabled] + span::before {
+  background: #404040;
+  border: 1px solid #0d0d0d;
+}
+.jewel.radiobutton.secondary input[disabled] + span {
+  color: #737373;
+}
+.jewel.radiobutton.secondary input[disabled] + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23191919' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+}
+
 .jewel.snackbar.secondary .jewel.snackbar-content {
   background: linear-gradient(#2ebcb2, #24948c);
   border: 1px solid #1a6b65;
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Violet-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Violet-Theme/src/main/resources/defaults.css
index f0167638d7..800489394f 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Violet-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Violet-Theme/src/main/resources/defaults.css
@@ -207,6 +207,29 @@
   border-top-color: #662C90;
 }
 
+.jewel.radiobutton.secondary input + span::before {
+  background: linear-gradient(#7f7f7f, #737373);
+  border: 1px solid #333333;
+}
+.jewel.radiobutton.secondary input + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23662C90' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+  border: 1px solid transparent;
+}
+.jewel.radiobutton.secondary input:focus + span::before, 
.jewel.radiobutton.secondary input:checked:focus + span::before, 
.jewel.radiobutton.secondary input:checked:active:focus + span::before {
+  background: linear-gradient(#b27ed7, #9a56cc);
+  border: 1px solid #3c1a55;
+}
+.jewel.radiobutton.secondary input[disabled] + span::before {
+  background: #404040;
+  border: 1px solid #0d0d0d;
+}
+.jewel.radiobutton.secondary input[disabled] + span {
+  color: #737373;
+}
+.jewel.radiobutton.secondary input[disabled] + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23191919' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+}
+
 .jewel.snackbar.secondary .jewel.snackbar-content {
   background: linear-gradient(#7432a4, #58267c);
   border: 1px solid #3c1a55;
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Yellow-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Yellow-Theme/src/main/resources/defaults.css
index b2153b9ae2..2d7ab34003 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Yellow-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Yellow-Theme/src/main/resources/defaults.css
@@ -207,6 +207,29 @@
   border-top-color: #E2D70B;
 }
 
+.jewel.radiobutton.secondary input + span::before {
+  background: linear-gradient(#7f7f7f, #737373);
+  border: 1px solid #333333;
+}
+.jewel.radiobutton.secondary input + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23E2D70B' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+  border: 1px solid transparent;
+}
+.jewel.radiobutton.secondary input:focus + span::before, 
.jewel.radiobutton.secondary input:checked:focus + span::before, 
.jewel.radiobutton.secondary input:checked:active:focus + span::before {
+  background: linear-gradient(#f9f48d, #f7ef5c);
+  border: 1px solid #999207;
+}
+.jewel.radiobutton.secondary input[disabled] + span::before {
+  background: #404040;
+  border: 1px solid #0d0d0d;
+}
+.jewel.radiobutton.secondary input[disabled] + span {
+  color: #737373;
+}
+.jewel.radiobutton.secondary input[disabled] + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23191919' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+}
+
 .jewel.snackbar.secondary .jewel.snackbar-content {
   background: linear-gradient(#f4e813, #cac00a);
   border: 1px solid #999207;
diff --git 
a/frameworks/themes/Jewel-Light-Flat-Secondary-Amethyst-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Light-Flat-Secondary-Amethyst-Theme/src/main/resources/defaults.css
index 55a363aeb6..1eb57d531f 100644
--- 
a/frameworks/themes/Jewel-Light-Flat-Secondary-Amethyst-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Light-Flat-Secondary-Amethyst-Theme/src/main/resources/defaults.css
@@ -208,6 +208,29 @@
   border-top-color: #C92CC6;
 }
 
+.jewel.radiobutton.secondary input + span::before {
+  background: white;
+  border: 1px solid #d9d9d9;
+}
+.jewel.radiobutton.secondary input + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23C92CC6' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+  border: 1px solid transparent;
+}
+.jewel.radiobutton.secondary input:focus + span::before, 
.jewel.radiobutton.secondary input:checked:focus + span::before, 
.jewel.radiobutton.secondary input:checked:active:focus + span::before {
+  background: #e68ee5;
+  border: 1px solid #C92CC6;
+}
+.jewel.radiobutton.secondary input[disabled] + span::before {
+  background: #f3f3f3;
+  border: 1px solid #d9d9d9;
+}
+.jewel.radiobutton.secondary input[disabled] + span {
+  color: silver;
+}
+.jewel.radiobutton.secondary input[disabled] + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23cccccc' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+}
+
 .jewel.snackbar.secondary .jewel.snackbar-content {
   background: #C92CC6;
   border: 0px solid;
diff --git 
a/frameworks/themes/Jewel-Light-Flat-Secondary-Blue-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Light-Flat-Secondary-Blue-Theme/src/main/resources/defaults.css
index 303882a1ca..9da2c43e93 100644
--- 
a/frameworks/themes/Jewel-Light-Flat-Secondary-Blue-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Light-Flat-Secondary-Blue-Theme/src/main/resources/defaults.css
@@ -208,6 +208,29 @@
   border-top-color: #3CADF1;
 }
 
+.jewel.radiobutton.secondary input + span::before {
+  background: white;
+  border: 1px solid #d9d9d9;
+}
+.jewel.radiobutton.secondary input + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%233CADF1' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+  border: 1px solid transparent;
+}
+.jewel.radiobutton.secondary input:focus + span::before, 
.jewel.radiobutton.secondary input:checked:focus + span::before, 
.jewel.radiobutton.secondary input:checked:active:focus + span::before {
+  background: #b3dffa;
+  border: 1px solid #3CADF1;
+}
+.jewel.radiobutton.secondary input[disabled] + span::before {
+  background: #f3f3f3;
+  border: 1px solid #d9d9d9;
+}
+.jewel.radiobutton.secondary input[disabled] + span {
+  color: silver;
+}
+.jewel.radiobutton.secondary input[disabled] + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23cccccc' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+}
+
 .jewel.snackbar.secondary .jewel.snackbar-content {
   background: #3CADF1;
   border: 0px solid;
diff --git 
a/frameworks/themes/Jewel-Light-Flat-Secondary-Emerald-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Light-Flat-Secondary-Emerald-Theme/src/main/resources/defaults.css
index 43579b44fc..63946745c2 100644
--- 
a/frameworks/themes/Jewel-Light-Flat-Secondary-Emerald-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Light-Flat-Secondary-Emerald-Theme/src/main/resources/defaults.css
@@ -208,6 +208,29 @@
   border-top-color: #8CC63C;
 }
 
+.jewel.radiobutton.secondary input + span::before {
+  background: white;
+  border: 1px solid #d9d9d9;
+}
+.jewel.radiobutton.secondary input + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%238CC63C' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+  border: 1px solid transparent;
+}
+.jewel.radiobutton.secondary input:focus + span::before, 
.jewel.radiobutton.secondary input:checked:focus + span::before, 
.jewel.radiobutton.secondary input:checked:active:focus + span::before {
+  background: #c6e39f;
+  border: 1px solid #8CC63C;
+}
+.jewel.radiobutton.secondary input[disabled] + span::before {
+  background: #f3f3f3;
+  border: 1px solid #d9d9d9;
+}
+.jewel.radiobutton.secondary input[disabled] + span {
+  color: silver;
+}
+.jewel.radiobutton.secondary input[disabled] + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23cccccc' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+}
+
 .jewel.snackbar.secondary .jewel.snackbar-content {
   background: #8CC63C;
   border: 0px solid;
diff --git 
a/frameworks/themes/Jewel-Light-Flat-Secondary-Green-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Light-Flat-Secondary-Green-Theme/src/main/resources/defaults.css
index e83165c69d..c4d97215aa 100644
--- 
a/frameworks/themes/Jewel-Light-Flat-Secondary-Green-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Light-Flat-Secondary-Green-Theme/src/main/resources/defaults.css
@@ -208,6 +208,29 @@
   border-top-color: #3AB549;
 }
 
+.jewel.radiobutton.secondary input + span::before {
+  background: white;
+  border: 1px solid #d9d9d9;
+}
+.jewel.radiobutton.secondary input + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%233AB549' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+  border: 1px solid transparent;
+}
+.jewel.radiobutton.secondary input:focus + span::before, 
.jewel.radiobutton.secondary input:checked:focus + span::before, 
.jewel.radiobutton.secondary input:checked:active:focus + span::before {
+  background: #92dc9b;
+  border: 1px solid #3AB549;
+}
+.jewel.radiobutton.secondary input[disabled] + span::before {
+  background: #f3f3f3;
+  border: 1px solid #d9d9d9;
+}
+.jewel.radiobutton.secondary input[disabled] + span {
+  color: silver;
+}
+.jewel.radiobutton.secondary input[disabled] + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23cccccc' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+}
+
 .jewel.snackbar.secondary .jewel.snackbar-content {
   background: #3AB549;
   border: 0px solid;
diff --git 
a/frameworks/themes/Jewel-Light-Flat-Secondary-Orange-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Light-Flat-Secondary-Orange-Theme/src/main/resources/defaults.css
index b964ffc151..1b003d590e 100644
--- 
a/frameworks/themes/Jewel-Light-Flat-Secondary-Orange-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Light-Flat-Secondary-Orange-Theme/src/main/resources/defaults.css
@@ -208,6 +208,29 @@
   border-top-color: #F7941D;
 }
 
+.jewel.radiobutton.secondary input + span::before {
+  background: white;
+  border: 1px solid #d9d9d9;
+}
+.jewel.radiobutton.secondary input + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23F7941D' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+  border: 1px solid transparent;
+}
+.jewel.radiobutton.secondary input:focus + span::before, 
.jewel.radiobutton.secondary input:checked:focus + span::before, 
.jewel.radiobutton.secondary input:checked:active:focus + span::before {
+  background: #fbce98;
+  border: 1px solid #F7941D;
+}
+.jewel.radiobutton.secondary input[disabled] + span::before {
+  background: #f3f3f3;
+  border: 1px solid #d9d9d9;
+}
+.jewel.radiobutton.secondary input[disabled] + span {
+  color: silver;
+}
+.jewel.radiobutton.secondary input[disabled] + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23cccccc' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+}
+
 .jewel.snackbar.secondary .jewel.snackbar-content {
   background: #F7941D;
   border: 0px solid;
diff --git 
a/frameworks/themes/Jewel-Light-Flat-Secondary-Red-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Light-Flat-Secondary-Red-Theme/src/main/resources/defaults.css
index db25fff691..0c590e4163 100644
--- 
a/frameworks/themes/Jewel-Light-Flat-Secondary-Red-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Light-Flat-Secondary-Red-Theme/src/main/resources/defaults.css
@@ -208,6 +208,29 @@
   border-top-color: #EC1C24;
 }
 
+.jewel.radiobutton.secondary input + span::before {
+  background: white;
+  border: 1px solid #d9d9d9;
+}
+.jewel.radiobutton.secondary input + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23EC1C24' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+  border: 1px solid transparent;
+}
+.jewel.radiobutton.secondary input:focus + span::before, 
.jewel.radiobutton.secondary input:checked:focus + span::before, 
.jewel.radiobutton.secondary input:checked:active:focus + span::before {
+  background: #f69296;
+  border: 1px solid #EC1C24;
+}
+.jewel.radiobutton.secondary input[disabled] + span::before {
+  background: #f3f3f3;
+  border: 1px solid #d9d9d9;
+}
+.jewel.radiobutton.secondary input[disabled] + span {
+  color: silver;
+}
+.jewel.radiobutton.secondary input[disabled] + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23cccccc' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+}
+
 .jewel.snackbar.secondary .jewel.snackbar-content {
   background: #EC1C24;
   border: 0px solid;
diff --git 
a/frameworks/themes/Jewel-Light-Flat-Secondary-Sapphire-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Light-Flat-Secondary-Sapphire-Theme/src/main/resources/defaults.css
index 7e1125a137..0e1c7dbe54 100644
--- 
a/frameworks/themes/Jewel-Light-Flat-Secondary-Sapphire-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Light-Flat-Secondary-Sapphire-Theme/src/main/resources/defaults.css
@@ -208,6 +208,29 @@
   border-top-color: #2C74BE;
 }
 
+.jewel.radiobutton.secondary input + span::before {
+  background: white;
+  border: 1px solid #d9d9d9;
+}
+.jewel.radiobutton.secondary input + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%232C74BE' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+  border: 1px solid transparent;
+}
+.jewel.radiobutton.secondary input:focus + span::before, 
.jewel.radiobutton.secondary input:checked:focus + span::before, 
.jewel.radiobutton.secondary input:checked:active:focus + span::before {
+  background: #86b4e3;
+  border: 1px solid #2C74BE;
+}
+.jewel.radiobutton.secondary input[disabled] + span::before {
+  background: #f3f3f3;
+  border: 1px solid #d9d9d9;
+}
+.jewel.radiobutton.secondary input[disabled] + span {
+  color: silver;
+}
+.jewel.radiobutton.secondary input[disabled] + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23cccccc' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+}
+
 .jewel.snackbar.secondary .jewel.snackbar-content {
   background: #2C74BE;
   border: 0px solid;
diff --git 
a/frameworks/themes/Jewel-Light-Flat-Secondary-Sunflower-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Light-Flat-Secondary-Sunflower-Theme/src/main/resources/defaults.css
index b01faa1364..167f134060 100644
--- 
a/frameworks/themes/Jewel-Light-Flat-Secondary-Sunflower-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Light-Flat-Secondary-Sunflower-Theme/src/main/resources/defaults.css
@@ -208,6 +208,29 @@
   border-top-color: #F8B13F;
 }
 
+.jewel.radiobutton.secondary input + span::before {
+  background: white;
+  border: 1px solid #d9d9d9;
+}
+.jewel.radiobutton.secondary input + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23F8B13F' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+  border: 1px solid transparent;
+}
+.jewel.radiobutton.secondary input:focus + span::before, 
.jewel.radiobutton.secondary input:checked:focus + span::before, 
.jewel.radiobutton.secondary input:checked:active:focus + span::before {
+  background: #fce3ba;
+  border: 1px solid #F8B13F;
+}
+.jewel.radiobutton.secondary input[disabled] + span::before {
+  background: #f3f3f3;
+  border: 1px solid #d9d9d9;
+}
+.jewel.radiobutton.secondary input[disabled] + span {
+  color: silver;
+}
+.jewel.radiobutton.secondary input[disabled] + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23cccccc' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+}
+
 .jewel.snackbar.secondary .jewel.snackbar-content {
   background: #F8B13F;
   border: 0px solid;
diff --git 
a/frameworks/themes/Jewel-Light-Flat-Secondary-Topaz-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Light-Flat-Secondary-Topaz-Theme/src/main/resources/defaults.css
index 2d6beed328..44a6bc12cc 100644
--- 
a/frameworks/themes/Jewel-Light-Flat-Secondary-Topaz-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Light-Flat-Secondary-Topaz-Theme/src/main/resources/defaults.css
@@ -208,6 +208,29 @@
   border-top-color: #EF5A2A;
 }
 
+.jewel.radiobutton.secondary input + span::before {
+  background: white;
+  border: 1px solid #d9d9d9;
+}
+.jewel.radiobutton.secondary input + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23EF5A2A' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+  border: 1px solid transparent;
+}
+.jewel.radiobutton.secondary input:focus + span::before, 
.jewel.radiobutton.secondary input:checked:focus + span::before, 
.jewel.radiobutton.secondary input:checked:active:focus + span::before {
+  background: #f8b6a1;
+  border: 1px solid #EF5A2A;
+}
+.jewel.radiobutton.secondary input[disabled] + span::before {
+  background: #f3f3f3;
+  border: 1px solid #d9d9d9;
+}
+.jewel.radiobutton.secondary input[disabled] + span {
+  color: silver;
+}
+.jewel.radiobutton.secondary input[disabled] + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23cccccc' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+}
+
 .jewel.snackbar.secondary .jewel.snackbar-content {
   background: #EF5A2A;
   border: 0px solid;
diff --git 
a/frameworks/themes/Jewel-Light-Flat-Secondary-Turquoise-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Light-Flat-Secondary-Turquoise-Theme/src/main/resources/defaults.css
index a87fa763f2..294ee72475 100644
--- 
a/frameworks/themes/Jewel-Light-Flat-Secondary-Turquoise-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Light-Flat-Secondary-Turquoise-Theme/src/main/resources/defaults.css
@@ -208,6 +208,29 @@
   border-top-color: #29A89F;
 }
 
+.jewel.radiobutton.secondary input + span::before {
+  background: white;
+  border: 1px solid #d9d9d9;
+}
+.jewel.radiobutton.secondary input + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%2329A89F' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+  border: 1px solid transparent;
+}
+.jewel.radiobutton.secondary input:focus + span::before, 
.jewel.radiobutton.secondary input:checked:focus + span::before, 
.jewel.radiobutton.secondary input:checked:active:focus + span::before {
+  background: #74ddd5;
+  border: 1px solid #29A89F;
+}
+.jewel.radiobutton.secondary input[disabled] + span::before {
+  background: #f3f3f3;
+  border: 1px solid #d9d9d9;
+}
+.jewel.radiobutton.secondary input[disabled] + span {
+  color: silver;
+}
+.jewel.radiobutton.secondary input[disabled] + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23cccccc' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+}
+
 .jewel.snackbar.secondary .jewel.snackbar-content {
   background: #29A89F;
   border: 0px solid;
diff --git 
a/frameworks/themes/Jewel-Light-Flat-Secondary-Violet-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Light-Flat-Secondary-Violet-Theme/src/main/resources/defaults.css
index 1d34e9d3e4..373424eadb 100644
--- 
a/frameworks/themes/Jewel-Light-Flat-Secondary-Violet-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Light-Flat-Secondary-Violet-Theme/src/main/resources/defaults.css
@@ -208,6 +208,29 @@
   border-top-color: #662C90;
 }
 
+.jewel.radiobutton.secondary input + span::before {
+  background: white;
+  border: 1px solid #d9d9d9;
+}
+.jewel.radiobutton.secondary input + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23662C90' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+  border: 1px solid transparent;
+}
+.jewel.radiobutton.secondary input:focus + span::before, 
.jewel.radiobutton.secondary input:checked:focus + span::before, 
.jewel.radiobutton.secondary input:checked:active:focus + span::before {
+  background: #a66ad1;
+  border: 1px solid #662C90;
+}
+.jewel.radiobutton.secondary input[disabled] + span::before {
+  background: #f3f3f3;
+  border: 1px solid #d9d9d9;
+}
+.jewel.radiobutton.secondary input[disabled] + span {
+  color: silver;
+}
+.jewel.radiobutton.secondary input[disabled] + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23cccccc' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+}
+
 .jewel.snackbar.secondary .jewel.snackbar-content {
   background: #662C90;
   border: 0px solid;
diff --git 
a/frameworks/themes/Jewel-Light-Flat-Secondary-Yellow-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Light-Flat-Secondary-Yellow-Theme/src/main/resources/defaults.css
index a7bd9b5350..ed9ecb3775 100644
--- 
a/frameworks/themes/Jewel-Light-Flat-Secondary-Yellow-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Light-Flat-Secondary-Yellow-Theme/src/main/resources/defaults.css
@@ -208,6 +208,29 @@
   border-top-color: #E2D70B;
 }
 
+.jewel.radiobutton.secondary input + span::before {
+  background: white;
+  border: 1px solid #d9d9d9;
+}
+.jewel.radiobutton.secondary input + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23E2D70B' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+  border: 1px solid transparent;
+}
+.jewel.radiobutton.secondary input:focus + span::before, 
.jewel.radiobutton.secondary input:checked:focus + span::before, 
.jewel.radiobutton.secondary input:checked:active:focus + span::before {
+  background: #f8f174;
+  border: 1px solid #E2D70B;
+}
+.jewel.radiobutton.secondary input[disabled] + span::before {
+  background: #f3f3f3;
+  border: 1px solid #d9d9d9;
+}
+.jewel.radiobutton.secondary input[disabled] + span {
+  color: silver;
+}
+.jewel.radiobutton.secondary input[disabled] + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23cccccc' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+}
+
 .jewel.snackbar.secondary .jewel.snackbar-content {
   background: #E2D70B;
   border: 0px solid;
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Amethyst-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Amethyst-Theme/src/main/resources/defaults.css
index 7e7bdc3b92..8f46d159fe 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Amethyst-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Amethyst-Theme/src/main/resources/defaults.css
@@ -207,6 +207,29 @@
   border-top-color: #C92CC6;
 }
 
+.jewel.radiobutton.secondary input + span::before {
+  background: linear-gradient(white, #f3f3f3);
+  border: 1px solid #b3b3b3;
+}
+.jewel.radiobutton.secondary input + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23C92CC6' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+  border: 1px solid transparent;
+}
+.jewel.radiobutton.secondary input:focus + span::before, 
.jewel.radiobutton.secondary input:checked:focus + span::before, 
.jewel.radiobutton.secondary input:checked:active:focus + span::before {
+  background: linear-gradient(#eba3ea, #e279e0);
+  border: 1px solid #8a1e88;
+}
+.jewel.radiobutton.secondary input[disabled] + span::before {
+  background: #f3f3f3;
+  border: 1px solid #d9d9d9;
+}
+.jewel.radiobutton.secondary input[disabled] + span {
+  color: silver;
+}
+.jewel.radiobutton.secondary input[disabled] + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23cccccc' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+}
+
 .jewel.snackbar.secondary .jewel.snackbar-content {
   background: linear-gradient(#d43bd1, #b427b1);
   border: 1px solid #8a1e88;
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Blue-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Blue-Theme/src/main/resources/defaults.css
index f72d684e6b..10a846555b 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Blue-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Blue-Theme/src/main/resources/defaults.css
@@ -207,6 +207,29 @@
   border-top-color: #3CADF1;
 }
 
+.jewel.radiobutton.secondary input + span::before {
+  background: linear-gradient(white, #f3f3f3);
+  border: 1px solid #b3b3b3;
+}
+.jewel.radiobutton.secondary input + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%233CADF1' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+  border: 1px solid transparent;
+}
+.jewel.radiobutton.secondary input:focus + span::before, 
.jewel.radiobutton.secondary input:checked:focus + span::before, 
.jewel.radiobutton.secondary input:checked:active:focus + span::before {
+  background: linear-gradient(#cbe9fb, #9bd5f8);
+  border: 1px solid #0f88d1;
+}
+.jewel.radiobutton.secondary input[disabled] + span::before {
+  background: #f3f3f3;
+  border: 1px solid #d9d9d9;
+}
+.jewel.radiobutton.secondary input[disabled] + span {
+  color: silver;
+}
+.jewel.radiobutton.secondary input[disabled] + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23cccccc' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+}
+
 .jewel.snackbar.secondary .jewel.snackbar-content {
   background: linear-gradient(#54b7f3, #24a3ef);
   border: 1px solid #0f88d1;
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Emerald-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Emerald-Theme/src/main/resources/defaults.css
index 9a9ddfa344..690d3d94e1 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Emerald-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Emerald-Theme/src/main/resources/defaults.css
@@ -207,6 +207,29 @@
   border-top-color: #8CC63C;
 }
 
+.jewel.radiobutton.secondary input + span::before {
+  background: linear-gradient(white, #f3f3f3);
+  border: 1px solid #b3b3b3;
+}
+.jewel.radiobutton.secondary input + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%238CC63C' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+  border: 1px solid transparent;
+}
+.jewel.radiobutton.secondary input:focus + span::before, 
.jewel.radiobutton.secondary input:checked:focus + span::before, 
.jewel.radiobutton.secondary input:checked:active:focus + span::before {
+  background: linear-gradient(#d2e9b2, #bbdd8b);
+  border: 1px solid #638c29;
+}
+.jewel.radiobutton.secondary input[disabled] + span::before {
+  background: #f3f3f3;
+  border: 1px solid #d9d9d9;
+}
+.jewel.radiobutton.secondary input[disabled] + span {
+  color: silver;
+}
+.jewel.radiobutton.secondary input[disabled] + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23cccccc' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+}
+
 .jewel.snackbar.secondary .jewel.snackbar-content {
   background: linear-gradient(#98cc50, #7eb435);
   border: 1px solid #638c29;
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Green-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Green-Theme/src/main/resources/defaults.css
index c7619d998a..67b2b78daa 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Green-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Green-Theme/src/main/resources/defaults.css
@@ -207,6 +207,29 @@
   border-top-color: #3AB549;
 }
 
+.jewel.radiobutton.secondary input + span::before {
+  background: linear-gradient(white, #f3f3f3);
+  border: 1px solid #b3b3b3;
+}
+.jewel.radiobutton.secondary input + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%233AB549' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+  border: 1px solid transparent;
+}
+.jewel.radiobutton.secondary input:focus + span::before, 
.jewel.radiobutton.secondary input:checked:focus + span::before, 
.jewel.radiobutton.secondary input:checked:active:focus + span::before {
+  background: linear-gradient(#a6e2ad, #7fd68a);
+  border: 1px solid #277b32;
+}
+.jewel.radiobutton.secondary input[disabled] + span::before {
+  background: #f3f3f3;
+  border: 1px solid #d9d9d9;
+}
+.jewel.radiobutton.secondary input[disabled] + span {
+  color: silver;
+}
+.jewel.radiobutton.secondary input[disabled] + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23cccccc' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+}
+
 .jewel.snackbar.secondary .jewel.snackbar-content {
   background: linear-gradient(#45c354, #34a241);
   border: 1px solid #277b32;
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Orange-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Orange-Theme/src/main/resources/defaults.css
index 1e26957501..d54832611c 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Orange-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Orange-Theme/src/main/resources/defaults.css
@@ -207,6 +207,29 @@
   border-top-color: #F7941D;
 }
 
+.jewel.radiobutton.secondary input + span::before {
+  background: linear-gradient(white, #f3f3f3);
+  border: 1px solid #b3b3b3;
+}
+.jewel.radiobutton.secondary input + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23F7941D' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+  border: 1px solid transparent;
+}
+.jewel.radiobutton.secondary input:focus + span::before, 
.jewel.radiobutton.secondary input:checked:focus + span::before, 
.jewel.radiobutton.secondary input:checked:active:focus + span::before {
+  background: linear-gradient(#fcdab1, #fac380);
+  border: 1px solid #c16c07;
+}
+.jewel.radiobutton.secondary input[disabled] + span::before {
+  background: #f3f3f3;
+  border: 1px solid #d9d9d9;
+}
+.jewel.radiobutton.secondary input[disabled] + span {
+  color: silver;
+}
+.jewel.radiobutton.secondary input[disabled] + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23cccccc' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+}
+
 .jewel.snackbar.secondary .jewel.snackbar-content {
   background: linear-gradient(#f8a036, #f28809);
   border: 1px solid #c16c07;
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Red-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Red-Theme/src/main/resources/defaults.css
index a4ae00e422..d00ae39ca7 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Red-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Red-Theme/src/main/resources/defaults.css
@@ -207,6 +207,29 @@
   border-top-color: #EC1C24;
 }
 
+.jewel.radiobutton.secondary input + span::before {
+  background: linear-gradient(white, #f3f3f3);
+  border: 1px solid #b3b3b3;
+}
+.jewel.radiobutton.secondary input + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23EC1C24' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+  border: 1px solid transparent;
+}
+.jewel.radiobutton.secondary input:focus + span::before, 
.jewel.radiobutton.secondary input:checked:focus + span::before, 
.jewel.radiobutton.secondary input:checked:active:focus + span::before {
+  background: linear-gradient(#f8a9ac, #f47a7f);
+  border: 1px solid #ad0e15;
+}
+.jewel.radiobutton.secondary input[disabled] + span::before {
+  background: #f3f3f3;
+  border: 1px solid #d9d9d9;
+}
+.jewel.radiobutton.secondary input[disabled] + span {
+  color: silver;
+}
+.jewel.radiobutton.secondary input[disabled] + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23cccccc' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+}
+
 .jewel.snackbar.secondary .jewel.snackbar-content {
   background: linear-gradient(#ee343b, #dc121a);
   border: 1px solid #ad0e15;
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Sapphire-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Sapphire-Theme/src/main/resources/defaults.css
index 0602e2c668..9855347109 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Sapphire-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Sapphire-Theme/src/main/resources/defaults.css
@@ -207,6 +207,29 @@
   border-top-color: #2C74BE;
 }
 
+.jewel.radiobutton.secondary input + span::before {
+  background: linear-gradient(white, #f3f3f3);
+  border: 1px solid #b3b3b3;
+}
+.jewel.radiobutton.secondary input + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%232C74BE' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+  border: 1px solid transparent;
+}
+.jewel.radiobutton.secondary input:focus + span::before, 
.jewel.radiobutton.secondary input:checked:focus + span::before, 
.jewel.radiobutton.secondary input:checked:active:focus + span::before {
+  background: linear-gradient(#9bc1e8, #72a7de);
+  border: 1px solid #1e4e80;
+}
+.jewel.radiobutton.secondary input[disabled] + span::before {
+  background: #f3f3f3;
+  border: 1px solid #d9d9d9;
+}
+.jewel.radiobutton.secondary input[disabled] + span {
+  color: silver;
+}
+.jewel.radiobutton.secondary input[disabled] + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23cccccc' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+}
+
 .jewel.snackbar.secondary .jewel.snackbar-content {
   background: linear-gradient(#3481d0, #2767a9);
   border: 1px solid #1e4e80;
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Sunflower-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Sunflower-Theme/src/main/resources/defaults.css
index e229554ed2..856debf598 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Sunflower-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Sunflower-Theme/src/main/resources/defaults.css
@@ -207,6 +207,29 @@
   border-top-color: #F8B13F;
 }
 
+.jewel.radiobutton.secondary input + span::before {
+  background: linear-gradient(white, #f3f3f3);
+  border: 1px solid #b3b3b3;
+}
+.jewel.radiobutton.secondary input + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23F8B13F' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+  border: 1px solid transparent;
+}
+.jewel.radiobutton.secondary input:focus + span::before, 
.jewel.radiobutton.secondary input:checked:focus + span::before, 
.jewel.radiobutton.secondary input:checked:active:focus + span::before {
+  background: linear-gradient(#fdedd3, #fcd9a1);
+  border: 1px solid #e28f08;
+}
+.jewel.radiobutton.secondary input[disabled] + span::before {
+  background: #f3f3f3;
+  border: 1px solid #d9d9d9;
+}
+.jewel.radiobutton.secondary input[disabled] + span {
+  color: silver;
+}
+.jewel.radiobutton.secondary input[disabled] + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23cccccc' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+}
+
 .jewel.snackbar.secondary .jewel.snackbar-content {
   background: linear-gradient(#f9bb58, #f7a726);
   border: 1px solid #e28f08;
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Topaz-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Topaz-Theme/src/main/resources/defaults.css
index 46efb69b02..256d9de4a7 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Topaz-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Topaz-Theme/src/main/resources/defaults.css
@@ -207,6 +207,29 @@
   border-top-color: #EF5A2A;
 }
 
+.jewel.radiobutton.secondary input + span::before {
+  background: linear-gradient(white, #f3f3f3);
+  border: 1px solid #b3b3b3;
+}
+.jewel.radiobutton.secondary input + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23EF5A2A' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+  border: 1px solid transparent;
+}
+.jewel.radiobutton.secondary input:focus + span::before, 
.jewel.radiobutton.secondary input:checked:focus + span::before, 
.jewel.radiobutton.secondary input:checked:active:focus + span::before {
+  background: linear-gradient(#fac8b8, #f6a389);
+  border: 1px solid #be390e;
+}
+.jewel.radiobutton.secondary input[disabled] + span::before {
+  background: #f3f3f3;
+  border: 1px solid #d9d9d9;
+}
+.jewel.radiobutton.secondary input[disabled] + span {
+  color: silver;
+}
+.jewel.radiobutton.secondary input[disabled] + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23cccccc' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+}
+
 .jewel.snackbar.secondary .jewel.snackbar-content {
   background: linear-gradient(#f16c42, #ed4812);
   border: 1px solid #be390e;
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Turquoise-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Turquoise-Theme/src/main/resources/defaults.css
index 9be0a165f0..3cc8b910ec 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Turquoise-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Turquoise-Theme/src/main/resources/defaults.css
@@ -207,6 +207,29 @@
   border-top-color: #29A89F;
 }
 
+.jewel.radiobutton.secondary input + span::before {
+  background: linear-gradient(white, #f3f3f3);
+  border: 1px solid #b3b3b3;
+}
+.jewel.radiobutton.secondary input + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%2329A89F' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+  border: 1px solid transparent;
+}
+.jewel.radiobutton.secondary input:focus + span::before, 
.jewel.radiobutton.secondary input:checked:focus + span::before, 
.jewel.radiobutton.secondary input:checked:active:focus + span::before {
+  background: linear-gradient(#88e2dc, #5fd8cf);
+  border: 1px solid #1a6b65;
+}
+.jewel.radiobutton.secondary input[disabled] + span::before {
+  background: #f3f3f3;
+  border: 1px solid #d9d9d9;
+}
+.jewel.radiobutton.secondary input[disabled] + span {
+  color: silver;
+}
+.jewel.radiobutton.secondary input[disabled] + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23cccccc' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+}
+
 .jewel.snackbar.secondary .jewel.snackbar-content {
   background: linear-gradient(#2ebcb2, #24948c);
   border: 1px solid #1a6b65;
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Violet-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Violet-Theme/src/main/resources/defaults.css
index 587226c4ed..a8c884aa7f 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Violet-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Violet-Theme/src/main/resources/defaults.css
@@ -207,6 +207,29 @@
   border-top-color: #662C90;
 }
 
+.jewel.radiobutton.secondary input + span::before {
+  background: linear-gradient(white, #f3f3f3);
+  border: 1px solid #b3b3b3;
+}
+.jewel.radiobutton.secondary input + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23662C90' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+  border: 1px solid transparent;
+}
+.jewel.radiobutton.secondary input:focus + span::before, 
.jewel.radiobutton.secondary input:checked:focus + span::before, 
.jewel.radiobutton.secondary input:checked:active:focus + span::before {
+  background: linear-gradient(#b27ed7, #9a56cc);
+  border: 1px solid #3c1a55;
+}
+.jewel.radiobutton.secondary input[disabled] + span::before {
+  background: #f3f3f3;
+  border: 1px solid #d9d9d9;
+}
+.jewel.radiobutton.secondary input[disabled] + span {
+  color: silver;
+}
+.jewel.radiobutton.secondary input[disabled] + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23cccccc' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+}
+
 .jewel.snackbar.secondary .jewel.snackbar-content {
   background: linear-gradient(#7432a4, #58267c);
   border: 1px solid #3c1a55;
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Yellow-Theme/src/main/resources/defaults.css
 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Yellow-Theme/src/main/resources/defaults.css
index cb5eceb7a2..935b1451a7 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Yellow-Theme/src/main/resources/defaults.css
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Yellow-Theme/src/main/resources/defaults.css
@@ -207,6 +207,29 @@
   border-top-color: #E2D70B;
 }
 
+.jewel.radiobutton.secondary input + span::before {
+  background: linear-gradient(white, #f3f3f3);
+  border: 1px solid #b3b3b3;
+}
+.jewel.radiobutton.secondary input + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23E2D70B' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+  border: 1px solid transparent;
+}
+.jewel.radiobutton.secondary input:focus + span::before, 
.jewel.radiobutton.secondary input:checked:focus + span::before, 
.jewel.radiobutton.secondary input:checked:active:focus + span::before {
+  background: linear-gradient(#f9f48d, #f7ef5c);
+  border: 1px solid #999207;
+}
+.jewel.radiobutton.secondary input[disabled] + span::before {
+  background: #f3f3f3;
+  border: 1px solid #d9d9d9;
+}
+.jewel.radiobutton.secondary input[disabled] + span {
+  color: silver;
+}
+.jewel.radiobutton.secondary input[disabled] + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23cccccc' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+}
+
 .jewel.snackbar.secondary .jewel.snackbar-content {
   background: linear-gradient(#f4e813, #cac00a);
   border: 1px solid #999207;
diff --git a/frameworks/themes/JewelTheme/src/main/resources/defaults.css 
b/frameworks/themes/JewelTheme/src/main/resources/defaults.css
index 9818bcbd83..7b28cb160b 100644
--- a/frameworks/themes/JewelTheme/src/main/resources/defaults.css
+++ b/frameworks/themes/JewelTheme/src/main/resources/defaults.css
@@ -2136,6 +2136,29 @@ j|Wizard {
   border-top-color: #EF5A2A;
 }
 
+.jewel.radiobutton.secondary input + span::before {
+  background: linear-gradient(white, #f3f3f3);
+  border: 1px solid #b3b3b3;
+}
+.jewel.radiobutton.secondary input + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23EF5A2A' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+  border: 1px solid transparent;
+}
+.jewel.radiobutton.secondary input:focus + span::before, 
.jewel.radiobutton.secondary input:checked:focus + span::before, 
.jewel.radiobutton.secondary input:checked:active:focus + span::before {
+  background: linear-gradient(#fac8b8, #f6a389);
+  border: 1px solid #be390e;
+}
+.jewel.radiobutton.secondary input[disabled] + span::before {
+  background: #f3f3f3;
+  border: 1px solid #d9d9d9;
+}
+.jewel.radiobutton.secondary input[disabled] + span {
+  color: silver;
+}
+.jewel.radiobutton.secondary input[disabled] + span::after {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' 
xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='22' height='22' 
fill-opacity='0'/%3E%3Ccircle fill='%23cccccc' cx='11' cy='11' 
r='6'/%3E%3C/svg%3E") no-repeat center center;
+}
+
 .jewel.snackbar.secondary .jewel.snackbar-content {
   background: linear-gradient(#f16c42, #ed4812);
   border: 1px solid #be390e;

Reply via email to