You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@royale.apache.org by ca...@apache.org on 2021/01/05 14:57:27 UTC

[royale-asjs] branch develop updated: jewel-theme: finish Switch/SwitchRadio styles to make first more "squared" while radio remains "rounded"

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 9ee070d  jewel-theme: finish Switch/SwitchRadio styles to make first more "squared" while radio remains "rounded"
9ee070d is described below

commit 9ee070d695f9e20623539dde17797ae6e52dddff
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Tue Jan 5 15:57:17 2021 +0100

    jewel-theme: finish Switch/SwitchRadio styles to make first more "squared" while radio remains "rounded"
---
 .../src/main/resources/defaults.css                            | 10 ++++++++--
 .../src/main/resources/defaults.css                            | 10 ++++++++--
 .../src/main/resources/defaults.css                            | 10 ++++++++--
 .../src/main/resources/defaults.css                            | 10 ++++++++--
 .../src/main/resources/defaults.css                            | 10 ++++++++--
 .../src/main/resources/defaults.css                            | 10 ++++++++--
 .../src/main/resources/defaults.css                            | 10 ++++++++--
 .../src/main/resources/defaults.css                            | 10 ++++++++--
 .../src/main/resources/defaults.css                            | 10 ++++++++--
 .../src/main/resources/defaults.css                            | 10 ++++++++--
 .../src/main/resources/defaults.css                            | 10 ++++++++--
 .../src/main/resources/defaults.css                            | 10 ++++++++--
 .../src/main/resources/defaults.css                            | 10 ++++++++--
 .../src/main/resources/defaults.css                            | 10 ++++++++--
 .../src/main/resources/defaults.css                            | 10 ++++++++--
 .../src/main/resources/defaults.css                            | 10 ++++++++--
 .../src/main/resources/defaults.css                            | 10 ++++++++--
 .../src/main/resources/defaults.css                            | 10 ++++++++--
 .../src/main/resources/defaults.css                            | 10 ++++++++--
 .../src/main/resources/defaults.css                            | 10 ++++++++--
 .../src/main/resources/defaults.css                            | 10 ++++++++--
 .../src/main/resources/defaults.css                            | 10 ++++++++--
 .../src/main/resources/defaults.css                            | 10 ++++++++--
 .../src/main/resources/defaults.css                            | 10 ++++++++--
 .../src/main/resources/defaults.css                            | 10 ++++++++--
 .../src/main/resources/defaults.css                            | 10 ++++++++--
 .../src/main/resources/defaults.css                            | 10 ++++++++--
 .../src/main/resources/defaults.css                            | 10 ++++++++--
 .../src/main/resources/defaults.css                            | 10 ++++++++--
 .../src/main/resources/defaults.css                            | 10 ++++++++--
 .../src/main/resources/defaults.css                            | 10 ++++++++--
 .../src/main/resources/defaults.css                            | 10 ++++++++--
 .../src/main/resources/defaults.css                            | 10 ++++++++--
 .../src/main/resources/defaults.css                            | 10 ++++++++--
 .../src/main/resources/defaults.css                            | 10 ++++++++--
 .../src/main/resources/defaults.css                            | 10 ++++++++--
 36 files changed, 288 insertions(+), 72 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 c931f1b..7d1cf31 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
@@ -462,18 +462,24 @@ j|CardActions {
 .jewel.switch .switch {
   background: linear-gradient(#595959, #737373);
   box-shadow: 0px 0px 0px 1px #4c4c4c;
-  border-radius: 20px;
   transition: 0.4s;
+  border-radius: 3px;
 }
 .jewel.switch .switch::before {
   background: #f9e2f8;
   box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.1);
   transition: 0.4s;
-  border-radius: 50%;
+  border-radius: 3px;
 }
 .jewel.switch .label {
   padding-left: 8px;
 }
+.jewel.switch.radio .switch {
+  border-radius: 20px;
+}
+.jewel.switch.radio .switch::before {
+  border-radius: 50%;
+}
 
 .jewel.combobox .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
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 3ad216d..5c5dc84 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
@@ -462,18 +462,24 @@ j|CardActions {
 .jewel.switch .switch {
   background: linear-gradient(#595959, #737373);
   box-shadow: 0px 0px 0px 1px #4c4c4c;
-  border-radius: 20px;
   transition: 0.4s;
+  border-radius: 3px;
 }
 .jewel.switch .switch::before {
   background: white;
   box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.1);
   transition: 0.4s;
-  border-radius: 50%;
+  border-radius: 3px;
 }
 .jewel.switch .label {
   padding-left: 8px;
 }
+.jewel.switch.radio .switch {
+  border-radius: 20px;
+}
+.jewel.switch.radio .switch::before {
+  border-radius: 50%;
+}
 
 .jewel.combobox .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
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 84b3272..4e9be06 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
@@ -462,18 +462,24 @@ j|CardActions {
 .jewel.switch .switch {
   background: linear-gradient(#595959, #737373);
   box-shadow: 0px 0px 0px 1px #4c4c4c;
-  border-radius: 20px;
   transition: 0.4s;
+  border-radius: 3px;
 }
 .jewel.switch .switch::before {
   background: #f5faee;
   box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.1);
   transition: 0.4s;
-  border-radius: 50%;
+  border-radius: 3px;
 }
 .jewel.switch .label {
   padding-left: 8px;
 }
+.jewel.switch.radio .switch {
+  border-radius: 20px;
+}
+.jewel.switch.radio .switch::before {
+  border-radius: 50%;
+}
 
 .jewel.combobox .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
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 36c9799..66a24af 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
@@ -462,18 +462,24 @@ j|CardActions {
 .jewel.switch .switch {
   background: linear-gradient(#595959, #737373);
   box-shadow: 0px 0px 0px 1px #4c4c4c;
-  border-radius: 20px;
   transition: 0.4s;
+  border-radius: 3px;
 }
 .jewel.switch .switch::before {
   background: #e0f5e2;
   box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.1);
   transition: 0.4s;
-  border-radius: 50%;
+  border-radius: 3px;
 }
 .jewel.switch .label {
   padding-left: 8px;
 }
+.jewel.switch.radio .switch {
+  border-radius: 20px;
+}
+.jewel.switch.radio .switch::before {
+  border-radius: 50%;
+}
 
 .jewel.combobox .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
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 80b9c28..c5303e1 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
@@ -462,18 +462,24 @@ j|CardActions {
 .jewel.switch .switch {
   background: linear-gradient(#595959, #737373);
   box-shadow: 0px 0px 0px 1px #4c4c4c;
-  border-radius: 20px;
   transition: 0.4s;
+  border-radius: 3px;
 }
 .jewel.switch .switch::before {
   background: #fffdfb;
   box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.1);
   transition: 0.4s;
-  border-radius: 50%;
+  border-radius: 3px;
 }
 .jewel.switch .label {
   padding-left: 8px;
 }
+.jewel.switch.radio .switch {
+  border-radius: 20px;
+}
+.jewel.switch.radio .switch::before {
+  border-radius: 50%;
+}
 
 .jewel.combobox .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
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 5538b0f..3bd3218 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
@@ -462,18 +462,24 @@ j|CardActions {
 .jewel.switch .switch {
   background: linear-gradient(#595959, #737373);
   box-shadow: 0px 0px 0px 1px #4c4c4c;
-  border-radius: 20px;
   transition: 0.4s;
+  border-radius: 3px;
 }
 .jewel.switch .switch::before {
   background: #fef0f0;
   box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.1);
   transition: 0.4s;
-  border-radius: 50%;
+  border-radius: 3px;
 }
 .jewel.switch .label {
   padding-left: 8px;
 }
+.jewel.switch.radio .switch {
+  border-radius: 20px;
+}
+.jewel.switch.radio .switch::before {
+  border-radius: 50%;
+}
 
 .jewel.combobox .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
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 e72a290..919cd66 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
@@ -462,18 +462,24 @@ j|CardActions {
 .jewel.switch .switch {
   background: linear-gradient(#595959, #737373);
   box-shadow: 0px 0px 0px 1px #4c4c4c;
-  border-radius: 20px;
   transition: 0.4s;
+  border-radius: 3px;
 }
 .jewel.switch .switch::before {
   background: #d9e8f6;
   box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.1);
   transition: 0.4s;
-  border-radius: 50%;
+  border-radius: 3px;
 }
 .jewel.switch .label {
   padding-left: 8px;
 }
+.jewel.switch.radio .switch {
+  border-radius: 20px;
+}
+.jewel.switch.radio .switch::before {
+  border-radius: 50%;
+}
 
 .jewel.combobox .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
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 422945a..ff967bf 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
@@ -462,18 +462,24 @@ j|CardActions {
 .jewel.switch .switch {
   background: linear-gradient(#595959, #737373);
   box-shadow: 0px 0px 0px 1px #4c4c4c;
-  border-radius: 20px;
   transition: 0.4s;
+  border-radius: 3px;
 }
 .jewel.switch .switch::before {
   background: white;
   box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.1);
   transition: 0.4s;
-  border-radius: 50%;
+  border-radius: 3px;
 }
 .jewel.switch .label {
   padding-left: 8px;
 }
+.jewel.switch.radio .switch {
+  border-radius: 20px;
+}
+.jewel.switch.radio .switch::before {
+  border-radius: 50%;
+}
 
 .jewel.combobox .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
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 8abac2a..c3b60c4 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
@@ -462,18 +462,24 @@ j|CardActions {
 .jewel.switch .switch {
   background: linear-gradient(#595959, #737373);
   box-shadow: 0px 0px 0px 1px #4c4c4c;
-  border-radius: 20px;
   transition: 0.4s;
+  border-radius: 3px;
 }
 .jewel.switch .switch::before {
   background: white;
   box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.1);
   transition: 0.4s;
-  border-radius: 50%;
+  border-radius: 3px;
 }
 .jewel.switch .label {
   padding-left: 8px;
 }
+.jewel.switch.radio .switch {
+  border-radius: 20px;
+}
+.jewel.switch.radio .switch::before {
+  border-radius: 50%;
+}
 
 .jewel.combobox .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
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 a1a3ad5..866edc0 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
@@ -462,18 +462,24 @@ j|CardActions {
 .jewel.switch .switch {
   background: linear-gradient(#595959, #737373);
   box-shadow: 0px 0px 0px 1px #4c4c4c;
-  border-radius: 20px;
   transition: 0.4s;
+  border-radius: 3px;
 }
 .jewel.switch .switch::before {
   background: #c6f1ee;
   box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.1);
   transition: 0.4s;
-  border-radius: 50%;
+  border-radius: 3px;
 }
 .jewel.switch .label {
   padding-left: 8px;
 }
+.jewel.switch.radio .switch {
+  border-radius: 20px;
+}
+.jewel.switch.radio .switch::before {
+  border-radius: 50%;
+}
 
 .jewel.combobox .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
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 d632bf9..908a073 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
@@ -462,18 +462,24 @@ j|CardActions {
 .jewel.switch .switch {
   background: linear-gradient(#595959, #737373);
   box-shadow: 0px 0px 0px 1px #4c4c4c;
-  border-radius: 20px;
   transition: 0.4s;
+  border-radius: 3px;
 }
 .jewel.switch .switch::before {
   background: #d5b8e9;
   box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.1);
   transition: 0.4s;
-  border-radius: 50%;
+  border-radius: 3px;
 }
 .jewel.switch .label {
   padding-left: 8px;
 }
+.jewel.switch.radio .switch {
+  border-radius: 20px;
+}
+.jewel.switch.radio .switch::before {
+  border-radius: 50%;
+}
 
 .jewel.combobox .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
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 8ed7f7f..c605dba 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
@@ -462,18 +462,24 @@ j|CardActions {
 .jewel.switch .switch {
   background: linear-gradient(#595959, #737373);
   box-shadow: 0px 0px 0px 1px #4c4c4c;
-  border-radius: 20px;
   transition: 0.4s;
+  border-radius: 3px;
 }
 .jewel.switch .switch::before {
   background: #fdfbd6;
   box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.1);
   transition: 0.4s;
-  border-radius: 50%;
+  border-radius: 3px;
 }
 .jewel.switch .label {
   padding-left: 8px;
 }
+.jewel.switch.radio .switch {
+  border-radius: 20px;
+}
+.jewel.switch.radio .switch::before {
+  border-radius: 50%;
+}
 
 .jewel.combobox .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
diff --git a/frameworks/themes/Jewel-Light-Flat-Primary-Amethyst-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Primary-Amethyst-Theme/src/main/resources/defaults.css
index da38750..10937df 100644
--- a/frameworks/themes/Jewel-Light-Flat-Primary-Amethyst-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Primary-Amethyst-Theme/src/main/resources/defaults.css
@@ -464,18 +464,24 @@ j|CardActions {
 .jewel.switch .switch {
   background: linear-gradient(#d9d9d9, #d9d9d9);
   box-shadow: 0px 0px 0px 1px #cccccc;
-  border-radius: 20px;
   transition: 0.4s;
+  border-radius: 3px;
 }
 .jewel.switch .switch::before {
   background: white;
   box-shadow: none;
   transition: 0.4s;
-  border-radius: 50%;
+  border-radius: 3px;
 }
 .jewel.switch .label {
   padding-left: 8px;
 }
+.jewel.switch.radio .switch {
+  border-radius: 20px;
+}
+.jewel.switch.radio .switch::before {
+  border-radius: 50%;
+}
 
 .jewel.combobox .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
diff --git a/frameworks/themes/Jewel-Light-Flat-Primary-Blue-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Primary-Blue-Theme/src/main/resources/defaults.css
index ad48868..634fc37 100644
--- a/frameworks/themes/Jewel-Light-Flat-Primary-Blue-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Primary-Blue-Theme/src/main/resources/defaults.css
@@ -464,18 +464,24 @@ j|CardActions {
 .jewel.switch .switch {
   background: linear-gradient(#d9d9d9, #d9d9d9);
   box-shadow: 0px 0px 0px 1px #cccccc;
-  border-radius: 20px;
   transition: 0.4s;
+  border-radius: 3px;
 }
 .jewel.switch .switch::before {
   background: white;
   box-shadow: none;
   transition: 0.4s;
-  border-radius: 50%;
+  border-radius: 3px;
 }
 .jewel.switch .label {
   padding-left: 8px;
 }
+.jewel.switch.radio .switch {
+  border-radius: 20px;
+}
+.jewel.switch.radio .switch::before {
+  border-radius: 50%;
+}
 
 .jewel.combobox .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
diff --git a/frameworks/themes/Jewel-Light-Flat-Primary-Emerald-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Primary-Emerald-Theme/src/main/resources/defaults.css
index 08c059c..bd61cc9 100644
--- a/frameworks/themes/Jewel-Light-Flat-Primary-Emerald-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Primary-Emerald-Theme/src/main/resources/defaults.css
@@ -464,18 +464,24 @@ j|CardActions {
 .jewel.switch .switch {
   background: linear-gradient(#d9d9d9, #d9d9d9);
   box-shadow: 0px 0px 0px 1px #cccccc;
-  border-radius: 20px;
   transition: 0.4s;
+  border-radius: 3px;
 }
 .jewel.switch .switch::before {
   background: white;
   box-shadow: none;
   transition: 0.4s;
-  border-radius: 50%;
+  border-radius: 3px;
 }
 .jewel.switch .label {
   padding-left: 8px;
 }
+.jewel.switch.radio .switch {
+  border-radius: 20px;
+}
+.jewel.switch.radio .switch::before {
+  border-radius: 50%;
+}
 
 .jewel.combobox .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
diff --git a/frameworks/themes/Jewel-Light-Flat-Primary-Green-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Primary-Green-Theme/src/main/resources/defaults.css
index 3c9f772..10d6c59 100644
--- a/frameworks/themes/Jewel-Light-Flat-Primary-Green-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Primary-Green-Theme/src/main/resources/defaults.css
@@ -464,18 +464,24 @@ j|CardActions {
 .jewel.switch .switch {
   background: linear-gradient(#d9d9d9, #d9d9d9);
   box-shadow: 0px 0px 0px 1px #cccccc;
-  border-radius: 20px;
   transition: 0.4s;
+  border-radius: 3px;
 }
 .jewel.switch .switch::before {
   background: white;
   box-shadow: none;
   transition: 0.4s;
-  border-radius: 50%;
+  border-radius: 3px;
 }
 .jewel.switch .label {
   padding-left: 8px;
 }
+.jewel.switch.radio .switch {
+  border-radius: 20px;
+}
+.jewel.switch.radio .switch::before {
+  border-radius: 50%;
+}
 
 .jewel.combobox .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
diff --git a/frameworks/themes/Jewel-Light-Flat-Primary-Orange-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Primary-Orange-Theme/src/main/resources/defaults.css
index 33d9521..c7f2123 100644
--- a/frameworks/themes/Jewel-Light-Flat-Primary-Orange-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Primary-Orange-Theme/src/main/resources/defaults.css
@@ -464,18 +464,24 @@ j|CardActions {
 .jewel.switch .switch {
   background: linear-gradient(#d9d9d9, #d9d9d9);
   box-shadow: 0px 0px 0px 1px #cccccc;
-  border-radius: 20px;
   transition: 0.4s;
+  border-radius: 3px;
 }
 .jewel.switch .switch::before {
   background: white;
   box-shadow: none;
   transition: 0.4s;
-  border-radius: 50%;
+  border-radius: 3px;
 }
 .jewel.switch .label {
   padding-left: 8px;
 }
+.jewel.switch.radio .switch {
+  border-radius: 20px;
+}
+.jewel.switch.radio .switch::before {
+  border-radius: 50%;
+}
 
 .jewel.combobox .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
diff --git a/frameworks/themes/Jewel-Light-Flat-Primary-Red-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Primary-Red-Theme/src/main/resources/defaults.css
index 89ed35c..a8b0643 100644
--- a/frameworks/themes/Jewel-Light-Flat-Primary-Red-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Primary-Red-Theme/src/main/resources/defaults.css
@@ -464,18 +464,24 @@ j|CardActions {
 .jewel.switch .switch {
   background: linear-gradient(#d9d9d9, #d9d9d9);
   box-shadow: 0px 0px 0px 1px #cccccc;
-  border-radius: 20px;
   transition: 0.4s;
+  border-radius: 3px;
 }
 .jewel.switch .switch::before {
   background: white;
   box-shadow: none;
   transition: 0.4s;
-  border-radius: 50%;
+  border-radius: 3px;
 }
 .jewel.switch .label {
   padding-left: 8px;
 }
+.jewel.switch.radio .switch {
+  border-radius: 20px;
+}
+.jewel.switch.radio .switch::before {
+  border-radius: 50%;
+}
 
 .jewel.combobox .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
diff --git a/frameworks/themes/Jewel-Light-Flat-Primary-Sapphire-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Primary-Sapphire-Theme/src/main/resources/defaults.css
index ea9e4b8..247f54f 100644
--- a/frameworks/themes/Jewel-Light-Flat-Primary-Sapphire-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Primary-Sapphire-Theme/src/main/resources/defaults.css
@@ -464,18 +464,24 @@ j|CardActions {
 .jewel.switch .switch {
   background: linear-gradient(#d9d9d9, #d9d9d9);
   box-shadow: 0px 0px 0px 1px #cccccc;
-  border-radius: 20px;
   transition: 0.4s;
+  border-radius: 3px;
 }
 .jewel.switch .switch::before {
   background: white;
   box-shadow: none;
   transition: 0.4s;
-  border-radius: 50%;
+  border-radius: 3px;
 }
 .jewel.switch .label {
   padding-left: 8px;
 }
+.jewel.switch.radio .switch {
+  border-radius: 20px;
+}
+.jewel.switch.radio .switch::before {
+  border-radius: 50%;
+}
 
 .jewel.combobox .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
diff --git a/frameworks/themes/Jewel-Light-Flat-Primary-Sunflower-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Primary-Sunflower-Theme/src/main/resources/defaults.css
index 4b6efb8..bf2ed93 100644
--- a/frameworks/themes/Jewel-Light-Flat-Primary-Sunflower-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Primary-Sunflower-Theme/src/main/resources/defaults.css
@@ -464,18 +464,24 @@ j|CardActions {
 .jewel.switch .switch {
   background: linear-gradient(#d9d9d9, #d9d9d9);
   box-shadow: 0px 0px 0px 1px #cccccc;
-  border-radius: 20px;
   transition: 0.4s;
+  border-radius: 3px;
 }
 .jewel.switch .switch::before {
   background: white;
   box-shadow: none;
   transition: 0.4s;
-  border-radius: 50%;
+  border-radius: 3px;
 }
 .jewel.switch .label {
   padding-left: 8px;
 }
+.jewel.switch.radio .switch {
+  border-radius: 20px;
+}
+.jewel.switch.radio .switch::before {
+  border-radius: 50%;
+}
 
 .jewel.combobox .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
diff --git a/frameworks/themes/Jewel-Light-Flat-Primary-Topaz-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Primary-Topaz-Theme/src/main/resources/defaults.css
index 4c73d75..b4aa938 100644
--- a/frameworks/themes/Jewel-Light-Flat-Primary-Topaz-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Primary-Topaz-Theme/src/main/resources/defaults.css
@@ -464,18 +464,24 @@ j|CardActions {
 .jewel.switch .switch {
   background: linear-gradient(#d9d9d9, #d9d9d9);
   box-shadow: 0px 0px 0px 1px #cccccc;
-  border-radius: 20px;
   transition: 0.4s;
+  border-radius: 3px;
 }
 .jewel.switch .switch::before {
   background: white;
   box-shadow: none;
   transition: 0.4s;
-  border-radius: 50%;
+  border-radius: 3px;
 }
 .jewel.switch .label {
   padding-left: 8px;
 }
+.jewel.switch.radio .switch {
+  border-radius: 20px;
+}
+.jewel.switch.radio .switch::before {
+  border-radius: 50%;
+}
 
 .jewel.combobox .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
diff --git a/frameworks/themes/Jewel-Light-Flat-Primary-Turquoise-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Primary-Turquoise-Theme/src/main/resources/defaults.css
index e145da7..bd352a7 100644
--- a/frameworks/themes/Jewel-Light-Flat-Primary-Turquoise-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Primary-Turquoise-Theme/src/main/resources/defaults.css
@@ -464,18 +464,24 @@ j|CardActions {
 .jewel.switch .switch {
   background: linear-gradient(#d9d9d9, #d9d9d9);
   box-shadow: 0px 0px 0px 1px #cccccc;
-  border-radius: 20px;
   transition: 0.4s;
+  border-radius: 3px;
 }
 .jewel.switch .switch::before {
   background: white;
   box-shadow: none;
   transition: 0.4s;
-  border-radius: 50%;
+  border-radius: 3px;
 }
 .jewel.switch .label {
   padding-left: 8px;
 }
+.jewel.switch.radio .switch {
+  border-radius: 20px;
+}
+.jewel.switch.radio .switch::before {
+  border-radius: 50%;
+}
 
 .jewel.combobox .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
diff --git a/frameworks/themes/Jewel-Light-Flat-Primary-Violet-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Primary-Violet-Theme/src/main/resources/defaults.css
index 2e4e0ac..0141f53 100644
--- a/frameworks/themes/Jewel-Light-Flat-Primary-Violet-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Primary-Violet-Theme/src/main/resources/defaults.css
@@ -464,18 +464,24 @@ j|CardActions {
 .jewel.switch .switch {
   background: linear-gradient(#d9d9d9, #d9d9d9);
   box-shadow: 0px 0px 0px 1px #cccccc;
-  border-radius: 20px;
   transition: 0.4s;
+  border-radius: 3px;
 }
 .jewel.switch .switch::before {
   background: white;
   box-shadow: none;
   transition: 0.4s;
-  border-radius: 50%;
+  border-radius: 3px;
 }
 .jewel.switch .label {
   padding-left: 8px;
 }
+.jewel.switch.radio .switch {
+  border-radius: 20px;
+}
+.jewel.switch.radio .switch::before {
+  border-radius: 50%;
+}
 
 .jewel.combobox .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
diff --git a/frameworks/themes/Jewel-Light-Flat-Primary-Yellow-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-Flat-Primary-Yellow-Theme/src/main/resources/defaults.css
index 5a925e7..b3adace 100644
--- a/frameworks/themes/Jewel-Light-Flat-Primary-Yellow-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-Flat-Primary-Yellow-Theme/src/main/resources/defaults.css
@@ -464,18 +464,24 @@ j|CardActions {
 .jewel.switch .switch {
   background: linear-gradient(#d9d9d9, #d9d9d9);
   box-shadow: 0px 0px 0px 1px #cccccc;
-  border-radius: 20px;
   transition: 0.4s;
+  border-radius: 3px;
 }
 .jewel.switch .switch::before {
   background: white;
   box-shadow: none;
   transition: 0.4s;
-  border-radius: 50%;
+  border-radius: 3px;
 }
 .jewel.switch .label {
   padding-left: 8px;
 }
+.jewel.switch.radio .switch {
+  border-radius: 20px;
+}
+.jewel.switch.radio .switch::before {
+  border-radius: 50%;
+}
 
 .jewel.combobox .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
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 4eebba6..f59e136 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
@@ -462,18 +462,24 @@ j|CardActions {
 .jewel.switch .switch {
   background: linear-gradient(#d9d9d9, #f3f3f3);
   box-shadow: 0px 0px 0px 1px #cccccc;
-  border-radius: 20px;
   transition: 0.4s;
+  border-radius: 3px;
 }
 .jewel.switch .switch::before {
   background: #f9e2f8;
   box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.1);
   transition: 0.4s;
-  border-radius: 50%;
+  border-radius: 3px;
 }
 .jewel.switch .label {
   padding-left: 8px;
 }
+.jewel.switch.radio .switch {
+  border-radius: 20px;
+}
+.jewel.switch.radio .switch::before {
+  border-radius: 50%;
+}
 
 .jewel.combobox .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
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 2ef7078..9aefce1 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
@@ -462,18 +462,24 @@ j|CardActions {
 .jewel.switch .switch {
   background: linear-gradient(#d9d9d9, #f3f3f3);
   box-shadow: 0px 0px 0px 1px #cccccc;
-  border-radius: 20px;
   transition: 0.4s;
+  border-radius: 3px;
 }
 .jewel.switch .switch::before {
   background: white;
   box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.1);
   transition: 0.4s;
-  border-radius: 50%;
+  border-radius: 3px;
 }
 .jewel.switch .label {
   padding-left: 8px;
 }
+.jewel.switch.radio .switch {
+  border-radius: 20px;
+}
+.jewel.switch.radio .switch::before {
+  border-radius: 50%;
+}
 
 .jewel.combobox .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
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 f1714b8..edda6c6 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
@@ -462,18 +462,24 @@ j|CardActions {
 .jewel.switch .switch {
   background: linear-gradient(#d9d9d9, #f3f3f3);
   box-shadow: 0px 0px 0px 1px #cccccc;
-  border-radius: 20px;
   transition: 0.4s;
+  border-radius: 3px;
 }
 .jewel.switch .switch::before {
   background: #f5faee;
   box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.1);
   transition: 0.4s;
-  border-radius: 50%;
+  border-radius: 3px;
 }
 .jewel.switch .label {
   padding-left: 8px;
 }
+.jewel.switch.radio .switch {
+  border-radius: 20px;
+}
+.jewel.switch.radio .switch::before {
+  border-radius: 50%;
+}
 
 .jewel.combobox .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
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 d53332f..77ed8eb 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
@@ -462,18 +462,24 @@ j|CardActions {
 .jewel.switch .switch {
   background: linear-gradient(#d9d9d9, #f3f3f3);
   box-shadow: 0px 0px 0px 1px #cccccc;
-  border-radius: 20px;
   transition: 0.4s;
+  border-radius: 3px;
 }
 .jewel.switch .switch::before {
   background: #e0f5e2;
   box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.1);
   transition: 0.4s;
-  border-radius: 50%;
+  border-radius: 3px;
 }
 .jewel.switch .label {
   padding-left: 8px;
 }
+.jewel.switch.radio .switch {
+  border-radius: 20px;
+}
+.jewel.switch.radio .switch::before {
+  border-radius: 50%;
+}
 
 .jewel.combobox .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
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 0d22e60..6438a98 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
@@ -462,18 +462,24 @@ j|CardActions {
 .jewel.switch .switch {
   background: linear-gradient(#d9d9d9, #f3f3f3);
   box-shadow: 0px 0px 0px 1px #cccccc;
-  border-radius: 20px;
   transition: 0.4s;
+  border-radius: 3px;
 }
 .jewel.switch .switch::before {
   background: #fffdfb;
   box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.1);
   transition: 0.4s;
-  border-radius: 50%;
+  border-radius: 3px;
 }
 .jewel.switch .label {
   padding-left: 8px;
 }
+.jewel.switch.radio .switch {
+  border-radius: 20px;
+}
+.jewel.switch.radio .switch::before {
+  border-radius: 50%;
+}
 
 .jewel.combobox .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
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 395be2f..45772dd 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
@@ -462,18 +462,24 @@ j|CardActions {
 .jewel.switch .switch {
   background: linear-gradient(#d9d9d9, #f3f3f3);
   box-shadow: 0px 0px 0px 1px #cccccc;
-  border-radius: 20px;
   transition: 0.4s;
+  border-radius: 3px;
 }
 .jewel.switch .switch::before {
   background: #fef0f0;
   box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.1);
   transition: 0.4s;
-  border-radius: 50%;
+  border-radius: 3px;
 }
 .jewel.switch .label {
   padding-left: 8px;
 }
+.jewel.switch.radio .switch {
+  border-radius: 20px;
+}
+.jewel.switch.radio .switch::before {
+  border-radius: 50%;
+}
 
 .jewel.combobox .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
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 4c21e71..b796526 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
@@ -462,18 +462,24 @@ j|CardActions {
 .jewel.switch .switch {
   background: linear-gradient(#d9d9d9, #f3f3f3);
   box-shadow: 0px 0px 0px 1px #cccccc;
-  border-radius: 20px;
   transition: 0.4s;
+  border-radius: 3px;
 }
 .jewel.switch .switch::before {
   background: #d9e8f6;
   box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.1);
   transition: 0.4s;
-  border-radius: 50%;
+  border-radius: 3px;
 }
 .jewel.switch .label {
   padding-left: 8px;
 }
+.jewel.switch.radio .switch {
+  border-radius: 20px;
+}
+.jewel.switch.radio .switch::before {
+  border-radius: 50%;
+}
 
 .jewel.combobox .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
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 065a161..99117e4 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
@@ -462,18 +462,24 @@ j|CardActions {
 .jewel.switch .switch {
   background: linear-gradient(#d9d9d9, #f3f3f3);
   box-shadow: 0px 0px 0px 1px #cccccc;
-  border-radius: 20px;
   transition: 0.4s;
+  border-radius: 3px;
 }
 .jewel.switch .switch::before {
   background: white;
   box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.1);
   transition: 0.4s;
-  border-radius: 50%;
+  border-radius: 3px;
 }
 .jewel.switch .label {
   padding-left: 8px;
 }
+.jewel.switch.radio .switch {
+  border-radius: 20px;
+}
+.jewel.switch.radio .switch::before {
+  border-radius: 50%;
+}
 
 .jewel.combobox .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
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 1c03001..02cdee7 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
@@ -462,18 +462,24 @@ j|CardActions {
 .jewel.switch .switch {
   background: linear-gradient(#d9d9d9, #f3f3f3);
   box-shadow: 0px 0px 0px 1px #cccccc;
-  border-radius: 20px;
   transition: 0.4s;
+  border-radius: 3px;
 }
 .jewel.switch .switch::before {
   background: white;
   box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.1);
   transition: 0.4s;
-  border-radius: 50%;
+  border-radius: 3px;
 }
 .jewel.switch .label {
   padding-left: 8px;
 }
+.jewel.switch.radio .switch {
+  border-radius: 20px;
+}
+.jewel.switch.radio .switch::before {
+  border-radius: 50%;
+}
 
 .jewel.combobox .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
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 1917cd1..d5410d4 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
@@ -462,18 +462,24 @@ j|CardActions {
 .jewel.switch .switch {
   background: linear-gradient(#d9d9d9, #f3f3f3);
   box-shadow: 0px 0px 0px 1px #cccccc;
-  border-radius: 20px;
   transition: 0.4s;
+  border-radius: 3px;
 }
 .jewel.switch .switch::before {
   background: #c6f1ee;
   box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.1);
   transition: 0.4s;
-  border-radius: 50%;
+  border-radius: 3px;
 }
 .jewel.switch .label {
   padding-left: 8px;
 }
+.jewel.switch.radio .switch {
+  border-radius: 20px;
+}
+.jewel.switch.radio .switch::before {
+  border-radius: 50%;
+}
 
 .jewel.combobox .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
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 0c43a51..11dce35 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
@@ -462,18 +462,24 @@ j|CardActions {
 .jewel.switch .switch {
   background: linear-gradient(#d9d9d9, #f3f3f3);
   box-shadow: 0px 0px 0px 1px #cccccc;
-  border-radius: 20px;
   transition: 0.4s;
+  border-radius: 3px;
 }
 .jewel.switch .switch::before {
   background: #d5b8e9;
   box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.1);
   transition: 0.4s;
-  border-radius: 50%;
+  border-radius: 3px;
 }
 .jewel.switch .label {
   padding-left: 8px;
 }
+.jewel.switch.radio .switch {
+  border-radius: 20px;
+}
+.jewel.switch.radio .switch::before {
+  border-radius: 50%;
+}
 
 .jewel.combobox .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;
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 a9ec00a..99a0ad8 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
@@ -462,18 +462,24 @@ j|CardActions {
 .jewel.switch .switch {
   background: linear-gradient(#d9d9d9, #f3f3f3);
   box-shadow: 0px 0px 0px 1px #cccccc;
-  border-radius: 20px;
   transition: 0.4s;
+  border-radius: 3px;
 }
 .jewel.switch .switch::before {
   background: #fdfbd6;
   box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.1);
   transition: 0.4s;
-  border-radius: 50%;
+  border-radius: 3px;
 }
 .jewel.switch .label {
   padding-left: 8px;
 }
+.jewel.switch.radio .switch {
+  border-radius: 20px;
+}
+.jewel.switch.radio .switch::before {
+  border-radius: 50%;
+}
 
 .jewel.combobox .jewel.textinput input {
   border-radius: 0.25rem 0px 0px 0.25rem;