You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@royale.apache.org by ca...@apache.org on 2020/01/10 19:19:46 UTC
[royale-asjs] branch develop updated: jewel-themes: update
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 dba0c21 jewel-themes: update
new 672bbc5 Merge branch 'develop' of https://github.com/apache/royale-asjs into develop
dba0c21 is described below
commit dba0c214fe6d303796ee1de3b7cfe4abf1b37449
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Fri Jan 10 20:19:07 2020 +0100
jewel-themes: update
---
.../Jewel-Light-NoFlat-Primary-Amethyst-Theme/defaults.css | 14 ++++++++++----
.../Jewel-Light-NoFlat-Primary-Blue-Theme/defaults.css | 14 ++++++++++----
.../Jewel-Light-NoFlat-Primary-Emerald-Theme/defaults.css | 14 ++++++++++----
.../Jewel-Light-NoFlat-Primary-Green-Theme/defaults.css | 14 ++++++++++----
.../Jewel-Light-NoFlat-Primary-Orange-Theme/defaults.css | 14 ++++++++++----
.../Jewel-Light-NoFlat-Primary-Red-Theme/defaults.css | 14 ++++++++++----
.../Jewel-Light-NoFlat-Primary-Sapphire-Theme/defaults.css | 14 ++++++++++----
.../defaults.css | 14 ++++++++++----
.../Jewel-Light-NoFlat-Primary-Topaz-Theme/defaults.css | 14 ++++++++++----
.../defaults.css | 14 ++++++++++----
.../Jewel-Light-NoFlat-Primary-Violet-Theme/defaults.css | 14 ++++++++++----
.../Jewel-Light-NoFlat-Primary-Yellow-Theme/defaults.css | 14 ++++++++++----
.../src/main/resources/defaults.css | 14 ++++++++++----
.../src/main/resources/defaults.css | 14 ++++++++++----
.../src/main/resources/defaults.css | 14 ++++++++++----
.../src/main/resources/defaults.css | 14 ++++++++++----
.../src/main/resources/defaults.css | 14 ++++++++++----
.../src/main/resources/defaults.css | 14 ++++++++++----
.../src/main/resources/defaults.css | 14 ++++++++++----
.../src/main/resources/defaults.css | 14 ++++++++++----
.../src/main/resources/defaults.css | 14 ++++++++++----
.../src/main/resources/defaults.css | 14 ++++++++++----
.../src/main/resources/defaults.css | 14 ++++++++++----
.../src/main/resources/defaults.css | 14 ++++++++++----
.../src/main/resources/defaults.css | 14 ++++++++++----
.../src/main/resources/defaults.css | 14 ++++++++++----
.../src/main/resources/defaults.css | 14 ++++++++++----
.../src/main/resources/defaults.css | 14 ++++++++++----
.../src/main/resources/defaults.css | 14 ++++++++++----
.../src/main/resources/defaults.css | 14 ++++++++++----
.../src/main/resources/defaults.css | 14 ++++++++++----
.../src/main/resources/defaults.css | 14 ++++++++++----
.../src/main/resources/defaults.css | 14 ++++++++++----
.../src/main/resources/defaults.css | 14 ++++++++++----
.../src/main/resources/defaults.css | 14 ++++++++++----
.../src/main/resources/defaults.css | 14 ++++++++++----
.../themes/JewelTheme/src/main/resources/defaults.css | 2 +-
37 files changed, 361 insertions(+), 145 deletions(-)
diff --git a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Amethyst-Theme/defaults.css b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Amethyst-Theme/defaults.css
index d2a1d4b..b0a4377 100644
--- a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Amethyst-Theme/defaults.css
+++ b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Amethyst-Theme/defaults.css
@@ -253,7 +253,8 @@ j|Card {
}
.jewel.checkbox 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%3Cpolygon fill='%23C92CC6' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
- border: 1px solid transparent;
+ border: 1px solid #d9d9d9;
+ border-radius: 3px;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -263,10 +264,12 @@ j|Card {
.jewel.checkbox input:focus + span::before, .jewel.checkbox input:checked:focus + span::before, .jewel.checkbox input:checked:active:focus + span::before {
background: linear-gradient(#eba3ea, #e279e0);
border: 1px solid #8a1e88;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span::before {
background: #f3f3f3;
border: 1px solid #d9d9d9;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span {
color: silver;
@@ -323,7 +326,7 @@ j|Card {
.jewel.datagrid .jewel.list.column {
border-radius: 0px;
border-bottom-width: 0px;
- box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
+ box-shadow: inset 0px 0.5px 0px 0px rgba(0, 0, 0, 0.25);
}
.jewel.datagrid .jewel.list.column.first {
border-bottom-left-radius: 0.25rem;
@@ -513,17 +516,17 @@ j|Card {
.jewel.dropdownlist {
background-color: white;
+ border: 1px solid #b3b3b3;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23C92CC6' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
background-size: 1.08em;
background-position: right 0.7em center;
background-repeat: no-repeat;
- border: 1px solid #b3b3b3;
border-radius: 0.25rem;
}
.jewel.dropdownlist[disabled] {
background-color: #f3f3f3;
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
border: 1px solid #d9d9d9;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
box-shadow: none;
color: silver;
}
@@ -753,6 +756,7 @@ j|FormItem {
.jewel.radiobutton 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;
+ border-radius: 50%;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -762,10 +766,12 @@ j|FormItem {
.jewel.radiobutton input:focus + span::before, .jewel.radiobutton input:checked:focus + span::before, .jewel.radiobutton input:checked:active:focus + span::before {
background: linear-gradient(#eba3ea, #e279e0);
border: 1px solid #8a1e88;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span::before {
background: #f3f3f3;
border: 1px solid #d9d9d9;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span {
color: silver;
diff --git a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Blue-Theme/defaults.css b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Blue-Theme/defaults.css
index d327bb5..041a1ed 100644
--- a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Blue-Theme/defaults.css
+++ b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Blue-Theme/defaults.css
@@ -253,7 +253,8 @@ j|Card {
}
.jewel.checkbox 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%3Cpolygon fill='%233CADF1' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
- border: 1px solid transparent;
+ border: 1px solid #d9d9d9;
+ border-radius: 3px;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -263,10 +264,12 @@ j|Card {
.jewel.checkbox input:focus + span::before, .jewel.checkbox input:checked:focus + span::before, .jewel.checkbox input:checked:active:focus + span::before {
background: linear-gradient(#cbe9fb, #9bd5f8);
border: 1px solid #0f88d1;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span::before {
background: #f3f3f3;
border: 1px solid #d9d9d9;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span {
color: silver;
@@ -323,7 +326,7 @@ j|Card {
.jewel.datagrid .jewel.list.column {
border-radius: 0px;
border-bottom-width: 0px;
- box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
+ box-shadow: inset 0px 0.5px 0px 0px rgba(0, 0, 0, 0.25);
}
.jewel.datagrid .jewel.list.column.first {
border-bottom-left-radius: 0.25rem;
@@ -513,17 +516,17 @@ j|Card {
.jewel.dropdownlist {
background-color: white;
+ border: 1px solid #b3b3b3;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%233CADF1' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
background-size: 1.08em;
background-position: right 0.7em center;
background-repeat: no-repeat;
- border: 1px solid #b3b3b3;
border-radius: 0.25rem;
}
.jewel.dropdownlist[disabled] {
background-color: #f3f3f3;
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
border: 1px solid #d9d9d9;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
box-shadow: none;
color: silver;
}
@@ -753,6 +756,7 @@ j|FormItem {
.jewel.radiobutton 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;
+ border-radius: 50%;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -762,10 +766,12 @@ j|FormItem {
.jewel.radiobutton input:focus + span::before, .jewel.radiobutton input:checked:focus + span::before, .jewel.radiobutton input:checked:active:focus + span::before {
background: linear-gradient(#cbe9fb, #9bd5f8);
border: 1px solid #0f88d1;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span::before {
background: #f3f3f3;
border: 1px solid #d9d9d9;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span {
color: silver;
diff --git a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/defaults.css b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/defaults.css
index b263acf..bc782b8 100644
--- a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/defaults.css
+++ b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/defaults.css
@@ -253,7 +253,8 @@ j|Card {
}
.jewel.checkbox 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%3Cpolygon fill='%238CC63C' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
- border: 1px solid transparent;
+ border: 1px solid #d9d9d9;
+ border-radius: 3px;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -263,10 +264,12 @@ j|Card {
.jewel.checkbox input:focus + span::before, .jewel.checkbox input:checked:focus + span::before, .jewel.checkbox input:checked:active:focus + span::before {
background: linear-gradient(#d2e9b2, #bbdd8b);
border: 1px solid #638c29;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span::before {
background: #f3f3f3;
border: 1px solid #d9d9d9;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span {
color: silver;
@@ -323,7 +326,7 @@ j|Card {
.jewel.datagrid .jewel.list.column {
border-radius: 0px;
border-bottom-width: 0px;
- box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
+ box-shadow: inset 0px 0.5px 0px 0px rgba(0, 0, 0, 0.25);
}
.jewel.datagrid .jewel.list.column.first {
border-bottom-left-radius: 0.25rem;
@@ -513,17 +516,17 @@ j|Card {
.jewel.dropdownlist {
background-color: white;
+ border: 1px solid #b3b3b3;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%238CC63C' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
background-size: 1.08em;
background-position: right 0.7em center;
background-repeat: no-repeat;
- border: 1px solid #b3b3b3;
border-radius: 0.25rem;
}
.jewel.dropdownlist[disabled] {
background-color: #f3f3f3;
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
border: 1px solid #d9d9d9;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
box-shadow: none;
color: silver;
}
@@ -753,6 +756,7 @@ j|FormItem {
.jewel.radiobutton 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;
+ border-radius: 50%;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -762,10 +766,12 @@ j|FormItem {
.jewel.radiobutton input:focus + span::before, .jewel.radiobutton input:checked:focus + span::before, .jewel.radiobutton input:checked:active:focus + span::before {
background: linear-gradient(#d2e9b2, #bbdd8b);
border: 1px solid #638c29;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span::before {
background: #f3f3f3;
border: 1px solid #d9d9d9;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span {
color: silver;
diff --git a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Green-Theme/defaults.css b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Green-Theme/defaults.css
index 5d3c6ee..d37252f 100644
--- a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Green-Theme/defaults.css
+++ b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Green-Theme/defaults.css
@@ -253,7 +253,8 @@ j|Card {
}
.jewel.checkbox 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%3Cpolygon fill='%233AB549' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
- border: 1px solid transparent;
+ border: 1px solid #d9d9d9;
+ border-radius: 3px;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -263,10 +264,12 @@ j|Card {
.jewel.checkbox input:focus + span::before, .jewel.checkbox input:checked:focus + span::before, .jewel.checkbox input:checked:active:focus + span::before {
background: linear-gradient(#a6e2ad, #7fd68a);
border: 1px solid #277b32;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span::before {
background: #f3f3f3;
border: 1px solid #d9d9d9;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span {
color: silver;
@@ -323,7 +326,7 @@ j|Card {
.jewel.datagrid .jewel.list.column {
border-radius: 0px;
border-bottom-width: 0px;
- box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
+ box-shadow: inset 0px 0.5px 0px 0px rgba(0, 0, 0, 0.25);
}
.jewel.datagrid .jewel.list.column.first {
border-bottom-left-radius: 0.25rem;
@@ -513,17 +516,17 @@ j|Card {
.jewel.dropdownlist {
background-color: white;
+ border: 1px solid #b3b3b3;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%233AB549' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
background-size: 1.08em;
background-position: right 0.7em center;
background-repeat: no-repeat;
- border: 1px solid #b3b3b3;
border-radius: 0.25rem;
}
.jewel.dropdownlist[disabled] {
background-color: #f3f3f3;
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
border: 1px solid #d9d9d9;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
box-shadow: none;
color: silver;
}
@@ -753,6 +756,7 @@ j|FormItem {
.jewel.radiobutton 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;
+ border-radius: 50%;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -762,10 +766,12 @@ j|FormItem {
.jewel.radiobutton input:focus + span::before, .jewel.radiobutton input:checked:focus + span::before, .jewel.radiobutton input:checked:active:focus + span::before {
background: linear-gradient(#a6e2ad, #7fd68a);
border: 1px solid #277b32;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span::before {
background: #f3f3f3;
border: 1px solid #d9d9d9;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span {
color: silver;
diff --git a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Orange-Theme/defaults.css b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Orange-Theme/defaults.css
index 7c28323..a829c62 100644
--- a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Orange-Theme/defaults.css
+++ b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Orange-Theme/defaults.css
@@ -253,7 +253,8 @@ j|Card {
}
.jewel.checkbox 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%3Cpolygon fill='%23F7941D' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
- border: 1px solid transparent;
+ border: 1px solid #d9d9d9;
+ border-radius: 3px;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -263,10 +264,12 @@ j|Card {
.jewel.checkbox input:focus + span::before, .jewel.checkbox input:checked:focus + span::before, .jewel.checkbox input:checked:active:focus + span::before {
background: linear-gradient(#fcdab1, #fac380);
border: 1px solid #c16c07;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span::before {
background: #f3f3f3;
border: 1px solid #d9d9d9;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span {
color: silver;
@@ -323,7 +326,7 @@ j|Card {
.jewel.datagrid .jewel.list.column {
border-radius: 0px;
border-bottom-width: 0px;
- box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
+ box-shadow: inset 0px 0.5px 0px 0px rgba(0, 0, 0, 0.25);
}
.jewel.datagrid .jewel.list.column.first {
border-bottom-left-radius: 0.25rem;
@@ -513,17 +516,17 @@ j|Card {
.jewel.dropdownlist {
background-color: white;
+ border: 1px solid #b3b3b3;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23F7941D' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
background-size: 1.08em;
background-position: right 0.7em center;
background-repeat: no-repeat;
- border: 1px solid #b3b3b3;
border-radius: 0.25rem;
}
.jewel.dropdownlist[disabled] {
background-color: #f3f3f3;
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
border: 1px solid #d9d9d9;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
box-shadow: none;
color: silver;
}
@@ -753,6 +756,7 @@ j|FormItem {
.jewel.radiobutton 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;
+ border-radius: 50%;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -762,10 +766,12 @@ j|FormItem {
.jewel.radiobutton input:focus + span::before, .jewel.radiobutton input:checked:focus + span::before, .jewel.radiobutton input:checked:active:focus + span::before {
background: linear-gradient(#fcdab1, #fac380);
border: 1px solid #c16c07;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span::before {
background: #f3f3f3;
border: 1px solid #d9d9d9;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span {
color: silver;
diff --git a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Red-Theme/defaults.css b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Red-Theme/defaults.css
index c5ec7b0..f219d84 100644
--- a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Red-Theme/defaults.css
+++ b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Red-Theme/defaults.css
@@ -253,7 +253,8 @@ j|Card {
}
.jewel.checkbox 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%3Cpolygon fill='%23EC1C24' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
- border: 1px solid transparent;
+ border: 1px solid #d9d9d9;
+ border-radius: 3px;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -263,10 +264,12 @@ j|Card {
.jewel.checkbox input:focus + span::before, .jewel.checkbox input:checked:focus + span::before, .jewel.checkbox input:checked:active:focus + span::before {
background: linear-gradient(#f8a9ac, #f47a7f);
border: 1px solid #ad0e15;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span::before {
background: #f3f3f3;
border: 1px solid #d9d9d9;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span {
color: silver;
@@ -323,7 +326,7 @@ j|Card {
.jewel.datagrid .jewel.list.column {
border-radius: 0px;
border-bottom-width: 0px;
- box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
+ box-shadow: inset 0px 0.5px 0px 0px rgba(0, 0, 0, 0.25);
}
.jewel.datagrid .jewel.list.column.first {
border-bottom-left-radius: 0.25rem;
@@ -513,17 +516,17 @@ j|Card {
.jewel.dropdownlist {
background-color: white;
+ border: 1px solid #b3b3b3;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23EC1C24' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
background-size: 1.08em;
background-position: right 0.7em center;
background-repeat: no-repeat;
- border: 1px solid #b3b3b3;
border-radius: 0.25rem;
}
.jewel.dropdownlist[disabled] {
background-color: #f3f3f3;
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
border: 1px solid #d9d9d9;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
box-shadow: none;
color: silver;
}
@@ -753,6 +756,7 @@ j|FormItem {
.jewel.radiobutton 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;
+ border-radius: 50%;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -762,10 +766,12 @@ j|FormItem {
.jewel.radiobutton input:focus + span::before, .jewel.radiobutton input:checked:focus + span::before, .jewel.radiobutton input:checked:active:focus + span::before {
background: linear-gradient(#f8a9ac, #f47a7f);
border: 1px solid #ad0e15;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span::before {
background: #f3f3f3;
border: 1px solid #d9d9d9;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span {
color: silver;
diff --git a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Sapphire-Theme/defaults.css b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Sapphire-Theme/defaults.css
index 1fc85ca..05c069f 100644
--- a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Sapphire-Theme/defaults.css
+++ b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Sapphire-Theme/defaults.css
@@ -253,7 +253,8 @@ j|Card {
}
.jewel.checkbox 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%3Cpolygon fill='%232C74BE' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
- border: 1px solid transparent;
+ border: 1px solid #d9d9d9;
+ border-radius: 3px;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -263,10 +264,12 @@ j|Card {
.jewel.checkbox input:focus + span::before, .jewel.checkbox input:checked:focus + span::before, .jewel.checkbox input:checked:active:focus + span::before {
background: linear-gradient(#9bc1e8, #72a7de);
border: 1px solid #1e4e80;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span::before {
background: #f3f3f3;
border: 1px solid #d9d9d9;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span {
color: silver;
@@ -323,7 +326,7 @@ j|Card {
.jewel.datagrid .jewel.list.column {
border-radius: 0px;
border-bottom-width: 0px;
- box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
+ box-shadow: inset 0px 0.5px 0px 0px rgba(0, 0, 0, 0.25);
}
.jewel.datagrid .jewel.list.column.first {
border-bottom-left-radius: 0.25rem;
@@ -513,17 +516,17 @@ j|Card {
.jewel.dropdownlist {
background-color: white;
+ border: 1px solid #b3b3b3;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%232C74BE' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
background-size: 1.08em;
background-position: right 0.7em center;
background-repeat: no-repeat;
- border: 1px solid #b3b3b3;
border-radius: 0.25rem;
}
.jewel.dropdownlist[disabled] {
background-color: #f3f3f3;
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
border: 1px solid #d9d9d9;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
box-shadow: none;
color: silver;
}
@@ -753,6 +756,7 @@ j|FormItem {
.jewel.radiobutton 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;
+ border-radius: 50%;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -762,10 +766,12 @@ j|FormItem {
.jewel.radiobutton input:focus + span::before, .jewel.radiobutton input:checked:focus + span::before, .jewel.radiobutton input:checked:active:focus + span::before {
background: linear-gradient(#9bc1e8, #72a7de);
border: 1px solid #1e4e80;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span::before {
background: #f3f3f3;
border: 1px solid #d9d9d9;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span {
color: silver;
diff --git a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Sunflower-Theme/defaults.css b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Sunflower-Theme/defaults.css
index 22a240c..9e966d6 100644
--- a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Sunflower-Theme/defaults.css
+++ b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Sunflower-Theme/defaults.css
@@ -253,7 +253,8 @@ j|Card {
}
.jewel.checkbox 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%3Cpolygon fill='%23F8B13F' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
- border: 1px solid transparent;
+ border: 1px solid #d9d9d9;
+ border-radius: 3px;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -263,10 +264,12 @@ j|Card {
.jewel.checkbox input:focus + span::before, .jewel.checkbox input:checked:focus + span::before, .jewel.checkbox input:checked:active:focus + span::before {
background: linear-gradient(#fdedd3, #fcd9a1);
border: 1px solid #e28f08;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span::before {
background: #f3f3f3;
border: 1px solid #d9d9d9;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span {
color: silver;
@@ -323,7 +326,7 @@ j|Card {
.jewel.datagrid .jewel.list.column {
border-radius: 0px;
border-bottom-width: 0px;
- box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
+ box-shadow: inset 0px 0.5px 0px 0px rgba(0, 0, 0, 0.25);
}
.jewel.datagrid .jewel.list.column.first {
border-bottom-left-radius: 0.25rem;
@@ -513,17 +516,17 @@ j|Card {
.jewel.dropdownlist {
background-color: white;
+ border: 1px solid #b3b3b3;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23F8B13F' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
background-size: 1.08em;
background-position: right 0.7em center;
background-repeat: no-repeat;
- border: 1px solid #b3b3b3;
border-radius: 0.25rem;
}
.jewel.dropdownlist[disabled] {
background-color: #f3f3f3;
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
border: 1px solid #d9d9d9;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
box-shadow: none;
color: silver;
}
@@ -753,6 +756,7 @@ j|FormItem {
.jewel.radiobutton 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;
+ border-radius: 50%;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -762,10 +766,12 @@ j|FormItem {
.jewel.radiobutton input:focus + span::before, .jewel.radiobutton input:checked:focus + span::before, .jewel.radiobutton input:checked:active:focus + span::before {
background: linear-gradient(#fdedd3, #fcd9a1);
border: 1px solid #e28f08;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span::before {
background: #f3f3f3;
border: 1px solid #d9d9d9;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span {
color: silver;
diff --git a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Topaz-Theme/defaults.css b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Topaz-Theme/defaults.css
index 379307f..89e9028 100644
--- a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Topaz-Theme/defaults.css
+++ b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Topaz-Theme/defaults.css
@@ -253,7 +253,8 @@ j|Card {
}
.jewel.checkbox 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%3Cpolygon fill='%23EF5A2A' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
- border: 1px solid transparent;
+ border: 1px solid #d9d9d9;
+ border-radius: 3px;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -263,10 +264,12 @@ j|Card {
.jewel.checkbox input:focus + span::before, .jewel.checkbox input:checked:focus + span::before, .jewel.checkbox input:checked:active:focus + span::before {
background: linear-gradient(#fac8b8, #f6a389);
border: 1px solid #be390e;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span::before {
background: #f3f3f3;
border: 1px solid #d9d9d9;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span {
color: silver;
@@ -323,7 +326,7 @@ j|Card {
.jewel.datagrid .jewel.list.column {
border-radius: 0px;
border-bottom-width: 0px;
- box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
+ box-shadow: inset 0px 0.5px 0px 0px rgba(0, 0, 0, 0.25);
}
.jewel.datagrid .jewel.list.column.first {
border-bottom-left-radius: 0.25rem;
@@ -513,17 +516,17 @@ j|Card {
.jewel.dropdownlist {
background-color: white;
+ border: 1px solid #b3b3b3;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23EF5A2A' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
background-size: 1.08em;
background-position: right 0.7em center;
background-repeat: no-repeat;
- border: 1px solid #b3b3b3;
border-radius: 0.25rem;
}
.jewel.dropdownlist[disabled] {
background-color: #f3f3f3;
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
border: 1px solid #d9d9d9;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
box-shadow: none;
color: silver;
}
@@ -753,6 +756,7 @@ j|FormItem {
.jewel.radiobutton 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;
+ border-radius: 50%;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -762,10 +766,12 @@ j|FormItem {
.jewel.radiobutton input:focus + span::before, .jewel.radiobutton input:checked:focus + span::before, .jewel.radiobutton input:checked:active:focus + span::before {
background: linear-gradient(#fac8b8, #f6a389);
border: 1px solid #be390e;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span::before {
background: #f3f3f3;
border: 1px solid #d9d9d9;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span {
color: silver;
diff --git a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Turquoise-Theme/defaults.css b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Turquoise-Theme/defaults.css
index d743c9b..eb4f825 100644
--- a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Turquoise-Theme/defaults.css
+++ b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Turquoise-Theme/defaults.css
@@ -253,7 +253,8 @@ j|Card {
}
.jewel.checkbox 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%3Cpolygon fill='%2329A89F' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
- border: 1px solid transparent;
+ border: 1px solid #d9d9d9;
+ border-radius: 3px;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -263,10 +264,12 @@ j|Card {
.jewel.checkbox input:focus + span::before, .jewel.checkbox input:checked:focus + span::before, .jewel.checkbox input:checked:active:focus + span::before {
background: linear-gradient(#88e2dc, #5fd8cf);
border: 1px solid #1a6b65;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span::before {
background: #f3f3f3;
border: 1px solid #d9d9d9;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span {
color: silver;
@@ -323,7 +326,7 @@ j|Card {
.jewel.datagrid .jewel.list.column {
border-radius: 0px;
border-bottom-width: 0px;
- box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
+ box-shadow: inset 0px 0.5px 0px 0px rgba(0, 0, 0, 0.25);
}
.jewel.datagrid .jewel.list.column.first {
border-bottom-left-radius: 0.25rem;
@@ -513,17 +516,17 @@ j|Card {
.jewel.dropdownlist {
background-color: white;
+ border: 1px solid #b3b3b3;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%2329A89F' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
background-size: 1.08em;
background-position: right 0.7em center;
background-repeat: no-repeat;
- border: 1px solid #b3b3b3;
border-radius: 0.25rem;
}
.jewel.dropdownlist[disabled] {
background-color: #f3f3f3;
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
border: 1px solid #d9d9d9;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
box-shadow: none;
color: silver;
}
@@ -753,6 +756,7 @@ j|FormItem {
.jewel.radiobutton 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;
+ border-radius: 50%;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -762,10 +766,12 @@ j|FormItem {
.jewel.radiobutton input:focus + span::before, .jewel.radiobutton input:checked:focus + span::before, .jewel.radiobutton input:checked:active:focus + span::before {
background: linear-gradient(#88e2dc, #5fd8cf);
border: 1px solid #1a6b65;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span::before {
background: #f3f3f3;
border: 1px solid #d9d9d9;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span {
color: silver;
diff --git a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Violet-Theme/defaults.css b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Violet-Theme/defaults.css
index 6062be0..1c1ca36 100644
--- a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Violet-Theme/defaults.css
+++ b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Violet-Theme/defaults.css
@@ -253,7 +253,8 @@ j|Card {
}
.jewel.checkbox 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%3Cpolygon fill='%23662C90' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
- border: 1px solid transparent;
+ border: 1px solid #d9d9d9;
+ border-radius: 3px;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -263,10 +264,12 @@ j|Card {
.jewel.checkbox input:focus + span::before, .jewel.checkbox input:checked:focus + span::before, .jewel.checkbox input:checked:active:focus + span::before {
background: linear-gradient(#b27ed7, #9a56cc);
border: 1px solid #3c1a55;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span::before {
background: #f3f3f3;
border: 1px solid #d9d9d9;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span {
color: silver;
@@ -323,7 +326,7 @@ j|Card {
.jewel.datagrid .jewel.list.column {
border-radius: 0px;
border-bottom-width: 0px;
- box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
+ box-shadow: inset 0px 0.5px 0px 0px rgba(0, 0, 0, 0.25);
}
.jewel.datagrid .jewel.list.column.first {
border-bottom-left-radius: 0.25rem;
@@ -513,17 +516,17 @@ j|Card {
.jewel.dropdownlist {
background-color: white;
+ border: 1px solid #b3b3b3;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23662C90' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
background-size: 1.08em;
background-position: right 0.7em center;
background-repeat: no-repeat;
- border: 1px solid #b3b3b3;
border-radius: 0.25rem;
}
.jewel.dropdownlist[disabled] {
background-color: #f3f3f3;
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
border: 1px solid #d9d9d9;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
box-shadow: none;
color: silver;
}
@@ -753,6 +756,7 @@ j|FormItem {
.jewel.radiobutton 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;
+ border-radius: 50%;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -762,10 +766,12 @@ j|FormItem {
.jewel.radiobutton input:focus + span::before, .jewel.radiobutton input:checked:focus + span::before, .jewel.radiobutton input:checked:active:focus + span::before {
background: linear-gradient(#b27ed7, #9a56cc);
border: 1px solid #3c1a55;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span::before {
background: #f3f3f3;
border: 1px solid #d9d9d9;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span {
color: silver;
diff --git a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Yellow-Theme/defaults.css b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Yellow-Theme/defaults.css
index 68bed38..b11fbcd 100644
--- a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Yellow-Theme/defaults.css
+++ b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Yellow-Theme/defaults.css
@@ -253,7 +253,8 @@ j|Card {
}
.jewel.checkbox 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%3Cpolygon fill='%23E2D70B' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
- border: 1px solid transparent;
+ border: 1px solid #d9d9d9;
+ border-radius: 3px;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -263,10 +264,12 @@ j|Card {
.jewel.checkbox input:focus + span::before, .jewel.checkbox input:checked:focus + span::before, .jewel.checkbox input:checked:active:focus + span::before {
background: linear-gradient(#f9f48d, #f7ef5c);
border: 1px solid #999207;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span::before {
background: #f3f3f3;
border: 1px solid #d9d9d9;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span {
color: silver;
@@ -323,7 +326,7 @@ j|Card {
.jewel.datagrid .jewel.list.column {
border-radius: 0px;
border-bottom-width: 0px;
- box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
+ box-shadow: inset 0px 0.5px 0px 0px rgba(0, 0, 0, 0.25);
}
.jewel.datagrid .jewel.list.column.first {
border-bottom-left-radius: 0.25rem;
@@ -513,17 +516,17 @@ j|Card {
.jewel.dropdownlist {
background-color: white;
+ border: 1px solid #b3b3b3;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23E2D70B' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
background-size: 1.08em;
background-position: right 0.7em center;
background-repeat: no-repeat;
- border: 1px solid #b3b3b3;
border-radius: 0.25rem;
}
.jewel.dropdownlist[disabled] {
background-color: #f3f3f3;
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
border: 1px solid #d9d9d9;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
box-shadow: none;
color: silver;
}
@@ -753,6 +756,7 @@ j|FormItem {
.jewel.radiobutton 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;
+ border-radius: 50%;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -762,10 +766,12 @@ j|FormItem {
.jewel.radiobutton input:focus + span::before, .jewel.radiobutton input:checked:focus + span::before, .jewel.radiobutton input:checked:active:focus + span::before {
background: linear-gradient(#f9f48d, #f7ef5c);
border: 1px solid #999207;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span::before {
background: #f3f3f3;
border: 1px solid #d9d9d9;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span {
color: silver;
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 184d3fc..b78b845 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
@@ -254,7 +254,8 @@ j|Card {
}
.jewel.checkbox 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%3Cpolygon fill='%23C92CC6' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
- border: 1px solid transparent;
+ border: 1px solid #595959;
+ border-radius: 3px;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -264,10 +265,12 @@ j|Card {
.jewel.checkbox input:focus + span::before, .jewel.checkbox input:checked:focus + span::before, .jewel.checkbox input:checked:active:focus + span::before {
background: linear-gradient(#eba3ea, #e279e0);
border: 1px solid #8a1e88;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span::before {
background: #404040;
border: 1px solid #0d0d0d;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span {
color: #737373;
@@ -324,7 +327,7 @@ j|Card {
.jewel.datagrid .jewel.list.column {
border-radius: 0px;
border-bottom-width: 0px;
- box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
+ box-shadow: inset 0px 0.5px 0px 0px rgba(0, 0, 0, 0.25);
}
.jewel.datagrid .jewel.list.column.first {
border-bottom-left-radius: 0.25rem;
@@ -514,17 +517,17 @@ j|Card {
.jewel.dropdownlist {
background-color: #7f7f7f;
+ border: 1px solid #333333;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23C92CC6' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
background-size: 1.08em;
background-position: right 0.7em center;
background-repeat: no-repeat;
- border: 1px solid #333333;
border-radius: 0.25rem;
}
.jewel.dropdownlist[disabled] {
background-color: #404040;
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23191919' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
border: 1px solid #0d0d0d;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23191919' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
box-shadow: none;
color: #737373;
}
@@ -754,6 +757,7 @@ j|FormItem {
.jewel.radiobutton 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;
+ border-radius: 50%;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -763,10 +767,12 @@ j|FormItem {
.jewel.radiobutton input:focus + span::before, .jewel.radiobutton input:checked:focus + span::before, .jewel.radiobutton input:checked:active:focus + span::before {
background: linear-gradient(#eba3ea, #e279e0);
border: 1px solid #8a1e88;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span::before {
background: #404040;
border: 1px solid #0d0d0d;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span {
color: #737373;
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Blue-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Blue-Theme/src/main/resources/defaults.css
index bf86d12..baeaa28 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
@@ -254,7 +254,8 @@ j|Card {
}
.jewel.checkbox 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%3Cpolygon fill='%233CADF1' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
- border: 1px solid transparent;
+ border: 1px solid #595959;
+ border-radius: 3px;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -264,10 +265,12 @@ j|Card {
.jewel.checkbox input:focus + span::before, .jewel.checkbox input:checked:focus + span::before, .jewel.checkbox input:checked:active:focus + span::before {
background: linear-gradient(#cbe9fb, #9bd5f8);
border: 1px solid #0f88d1;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span::before {
background: #404040;
border: 1px solid #0d0d0d;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span {
color: #737373;
@@ -324,7 +327,7 @@ j|Card {
.jewel.datagrid .jewel.list.column {
border-radius: 0px;
border-bottom-width: 0px;
- box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
+ box-shadow: inset 0px 0.5px 0px 0px rgba(0, 0, 0, 0.25);
}
.jewel.datagrid .jewel.list.column.first {
border-bottom-left-radius: 0.25rem;
@@ -514,17 +517,17 @@ j|Card {
.jewel.dropdownlist {
background-color: #7f7f7f;
+ border: 1px solid #333333;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%233CADF1' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
background-size: 1.08em;
background-position: right 0.7em center;
background-repeat: no-repeat;
- border: 1px solid #333333;
border-radius: 0.25rem;
}
.jewel.dropdownlist[disabled] {
background-color: #404040;
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23191919' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
border: 1px solid #0d0d0d;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23191919' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
box-shadow: none;
color: #737373;
}
@@ -754,6 +757,7 @@ j|FormItem {
.jewel.radiobutton 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;
+ border-radius: 50%;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -763,10 +767,12 @@ j|FormItem {
.jewel.radiobutton input:focus + span::before, .jewel.radiobutton input:checked:focus + span::before, .jewel.radiobutton input:checked:active:focus + span::before {
background: linear-gradient(#cbe9fb, #9bd5f8);
border: 1px solid #0f88d1;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span::before {
background: #404040;
border: 1px solid #0d0d0d;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span {
color: #737373;
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Emerald-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Emerald-Theme/src/main/resources/defaults.css
index 4abf263..04d7899 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
@@ -254,7 +254,8 @@ j|Card {
}
.jewel.checkbox 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%3Cpolygon fill='%238CC63C' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
- border: 1px solid transparent;
+ border: 1px solid #595959;
+ border-radius: 3px;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -264,10 +265,12 @@ j|Card {
.jewel.checkbox input:focus + span::before, .jewel.checkbox input:checked:focus + span::before, .jewel.checkbox input:checked:active:focus + span::before {
background: linear-gradient(#d2e9b2, #bbdd8b);
border: 1px solid #638c29;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span::before {
background: #404040;
border: 1px solid #0d0d0d;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span {
color: #737373;
@@ -324,7 +327,7 @@ j|Card {
.jewel.datagrid .jewel.list.column {
border-radius: 0px;
border-bottom-width: 0px;
- box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
+ box-shadow: inset 0px 0.5px 0px 0px rgba(0, 0, 0, 0.25);
}
.jewel.datagrid .jewel.list.column.first {
border-bottom-left-radius: 0.25rem;
@@ -514,17 +517,17 @@ j|Card {
.jewel.dropdownlist {
background-color: #7f7f7f;
+ border: 1px solid #333333;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%238CC63C' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
background-size: 1.08em;
background-position: right 0.7em center;
background-repeat: no-repeat;
- border: 1px solid #333333;
border-radius: 0.25rem;
}
.jewel.dropdownlist[disabled] {
background-color: #404040;
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23191919' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
border: 1px solid #0d0d0d;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23191919' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
box-shadow: none;
color: #737373;
}
@@ -754,6 +757,7 @@ j|FormItem {
.jewel.radiobutton 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;
+ border-radius: 50%;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -763,10 +767,12 @@ j|FormItem {
.jewel.radiobutton input:focus + span::before, .jewel.radiobutton input:checked:focus + span::before, .jewel.radiobutton input:checked:active:focus + span::before {
background: linear-gradient(#d2e9b2, #bbdd8b);
border: 1px solid #638c29;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span::before {
background: #404040;
border: 1px solid #0d0d0d;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span {
color: #737373;
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Green-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Green-Theme/src/main/resources/defaults.css
index 4bb2b6b..864d404 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
@@ -254,7 +254,8 @@ j|Card {
}
.jewel.checkbox 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%3Cpolygon fill='%233AB549' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
- border: 1px solid transparent;
+ border: 1px solid #595959;
+ border-radius: 3px;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -264,10 +265,12 @@ j|Card {
.jewel.checkbox input:focus + span::before, .jewel.checkbox input:checked:focus + span::before, .jewel.checkbox input:checked:active:focus + span::before {
background: linear-gradient(#a6e2ad, #7fd68a);
border: 1px solid #277b32;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span::before {
background: #404040;
border: 1px solid #0d0d0d;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span {
color: #737373;
@@ -324,7 +327,7 @@ j|Card {
.jewel.datagrid .jewel.list.column {
border-radius: 0px;
border-bottom-width: 0px;
- box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
+ box-shadow: inset 0px 0.5px 0px 0px rgba(0, 0, 0, 0.25);
}
.jewel.datagrid .jewel.list.column.first {
border-bottom-left-radius: 0.25rem;
@@ -514,17 +517,17 @@ j|Card {
.jewel.dropdownlist {
background-color: #7f7f7f;
+ border: 1px solid #333333;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%233AB549' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
background-size: 1.08em;
background-position: right 0.7em center;
background-repeat: no-repeat;
- border: 1px solid #333333;
border-radius: 0.25rem;
}
.jewel.dropdownlist[disabled] {
background-color: #404040;
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23191919' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
border: 1px solid #0d0d0d;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23191919' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
box-shadow: none;
color: #737373;
}
@@ -754,6 +757,7 @@ j|FormItem {
.jewel.radiobutton 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;
+ border-radius: 50%;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -763,10 +767,12 @@ j|FormItem {
.jewel.radiobutton input:focus + span::before, .jewel.radiobutton input:checked:focus + span::before, .jewel.radiobutton input:checked:active:focus + span::before {
background: linear-gradient(#a6e2ad, #7fd68a);
border: 1px solid #277b32;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span::before {
background: #404040;
border: 1px solid #0d0d0d;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span {
color: #737373;
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Orange-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Orange-Theme/src/main/resources/defaults.css
index 5c72743..fbb0997 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
@@ -254,7 +254,8 @@ j|Card {
}
.jewel.checkbox 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%3Cpolygon fill='%23F7941D' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
- border: 1px solid transparent;
+ border: 1px solid #595959;
+ border-radius: 3px;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -264,10 +265,12 @@ j|Card {
.jewel.checkbox input:focus + span::before, .jewel.checkbox input:checked:focus + span::before, .jewel.checkbox input:checked:active:focus + span::before {
background: linear-gradient(#fcdab1, #fac380);
border: 1px solid #c16c07;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span::before {
background: #404040;
border: 1px solid #0d0d0d;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span {
color: #737373;
@@ -324,7 +327,7 @@ j|Card {
.jewel.datagrid .jewel.list.column {
border-radius: 0px;
border-bottom-width: 0px;
- box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
+ box-shadow: inset 0px 0.5px 0px 0px rgba(0, 0, 0, 0.25);
}
.jewel.datagrid .jewel.list.column.first {
border-bottom-left-radius: 0.25rem;
@@ -514,17 +517,17 @@ j|Card {
.jewel.dropdownlist {
background-color: #7f7f7f;
+ border: 1px solid #333333;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23F7941D' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
background-size: 1.08em;
background-position: right 0.7em center;
background-repeat: no-repeat;
- border: 1px solid #333333;
border-radius: 0.25rem;
}
.jewel.dropdownlist[disabled] {
background-color: #404040;
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23191919' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
border: 1px solid #0d0d0d;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23191919' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
box-shadow: none;
color: #737373;
}
@@ -754,6 +757,7 @@ j|FormItem {
.jewel.radiobutton 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;
+ border-radius: 50%;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -763,10 +767,12 @@ j|FormItem {
.jewel.radiobutton input:focus + span::before, .jewel.radiobutton input:checked:focus + span::before, .jewel.radiobutton input:checked:active:focus + span::before {
background: linear-gradient(#fcdab1, #fac380);
border: 1px solid #c16c07;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span::before {
background: #404040;
border: 1px solid #0d0d0d;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span {
color: #737373;
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Red-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Red-Theme/src/main/resources/defaults.css
index bbf5a60..365c5d5 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
@@ -254,7 +254,8 @@ j|Card {
}
.jewel.checkbox 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%3Cpolygon fill='%23EC1C24' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
- border: 1px solid transparent;
+ border: 1px solid #595959;
+ border-radius: 3px;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -264,10 +265,12 @@ j|Card {
.jewel.checkbox input:focus + span::before, .jewel.checkbox input:checked:focus + span::before, .jewel.checkbox input:checked:active:focus + span::before {
background: linear-gradient(#f8a9ac, #f47a7f);
border: 1px solid #ad0e15;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span::before {
background: #404040;
border: 1px solid #0d0d0d;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span {
color: #737373;
@@ -324,7 +327,7 @@ j|Card {
.jewel.datagrid .jewel.list.column {
border-radius: 0px;
border-bottom-width: 0px;
- box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
+ box-shadow: inset 0px 0.5px 0px 0px rgba(0, 0, 0, 0.25);
}
.jewel.datagrid .jewel.list.column.first {
border-bottom-left-radius: 0.25rem;
@@ -514,17 +517,17 @@ j|Card {
.jewel.dropdownlist {
background-color: #7f7f7f;
+ border: 1px solid #333333;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23EC1C24' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
background-size: 1.08em;
background-position: right 0.7em center;
background-repeat: no-repeat;
- border: 1px solid #333333;
border-radius: 0.25rem;
}
.jewel.dropdownlist[disabled] {
background-color: #404040;
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23191919' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
border: 1px solid #0d0d0d;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23191919' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
box-shadow: none;
color: #737373;
}
@@ -754,6 +757,7 @@ j|FormItem {
.jewel.radiobutton 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;
+ border-radius: 50%;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -763,10 +767,12 @@ j|FormItem {
.jewel.radiobutton input:focus + span::before, .jewel.radiobutton input:checked:focus + span::before, .jewel.radiobutton input:checked:active:focus + span::before {
background: linear-gradient(#f8a9ac, #f47a7f);
border: 1px solid #ad0e15;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span::before {
background: #404040;
border: 1px solid #0d0d0d;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span {
color: #737373;
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sapphire-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sapphire-Theme/src/main/resources/defaults.css
index c3f7829..9ab6266 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
@@ -254,7 +254,8 @@ j|Card {
}
.jewel.checkbox 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%3Cpolygon fill='%232C74BE' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
- border: 1px solid transparent;
+ border: 1px solid #595959;
+ border-radius: 3px;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -264,10 +265,12 @@ j|Card {
.jewel.checkbox input:focus + span::before, .jewel.checkbox input:checked:focus + span::before, .jewel.checkbox input:checked:active:focus + span::before {
background: linear-gradient(#9bc1e8, #72a7de);
border: 1px solid #1e4e80;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span::before {
background: #404040;
border: 1px solid #0d0d0d;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span {
color: #737373;
@@ -324,7 +327,7 @@ j|Card {
.jewel.datagrid .jewel.list.column {
border-radius: 0px;
border-bottom-width: 0px;
- box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
+ box-shadow: inset 0px 0.5px 0px 0px rgba(0, 0, 0, 0.25);
}
.jewel.datagrid .jewel.list.column.first {
border-bottom-left-radius: 0.25rem;
@@ -514,17 +517,17 @@ j|Card {
.jewel.dropdownlist {
background-color: #7f7f7f;
+ border: 1px solid #333333;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%232C74BE' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
background-size: 1.08em;
background-position: right 0.7em center;
background-repeat: no-repeat;
- border: 1px solid #333333;
border-radius: 0.25rem;
}
.jewel.dropdownlist[disabled] {
background-color: #404040;
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23191919' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
border: 1px solid #0d0d0d;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23191919' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
box-shadow: none;
color: #737373;
}
@@ -754,6 +757,7 @@ j|FormItem {
.jewel.radiobutton 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;
+ border-radius: 50%;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -763,10 +767,12 @@ j|FormItem {
.jewel.radiobutton input:focus + span::before, .jewel.radiobutton input:checked:focus + span::before, .jewel.radiobutton input:checked:active:focus + span::before {
background: linear-gradient(#9bc1e8, #72a7de);
border: 1px solid #1e4e80;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span::before {
background: #404040;
border: 1px solid #0d0d0d;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span {
color: #737373;
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sunflower-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sunflower-Theme/src/main/resources/defaults.css
index da68b88..31f9b88 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
@@ -254,7 +254,8 @@ j|Card {
}
.jewel.checkbox 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%3Cpolygon fill='%23F8B13F' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
- border: 1px solid transparent;
+ border: 1px solid #595959;
+ border-radius: 3px;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -264,10 +265,12 @@ j|Card {
.jewel.checkbox input:focus + span::before, .jewel.checkbox input:checked:focus + span::before, .jewel.checkbox input:checked:active:focus + span::before {
background: linear-gradient(#fdedd3, #fcd9a1);
border: 1px solid #e28f08;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span::before {
background: #404040;
border: 1px solid #0d0d0d;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span {
color: #737373;
@@ -324,7 +327,7 @@ j|Card {
.jewel.datagrid .jewel.list.column {
border-radius: 0px;
border-bottom-width: 0px;
- box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
+ box-shadow: inset 0px 0.5px 0px 0px rgba(0, 0, 0, 0.25);
}
.jewel.datagrid .jewel.list.column.first {
border-bottom-left-radius: 0.25rem;
@@ -514,17 +517,17 @@ j|Card {
.jewel.dropdownlist {
background-color: #7f7f7f;
+ border: 1px solid #333333;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23F8B13F' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
background-size: 1.08em;
background-position: right 0.7em center;
background-repeat: no-repeat;
- border: 1px solid #333333;
border-radius: 0.25rem;
}
.jewel.dropdownlist[disabled] {
background-color: #404040;
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23191919' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
border: 1px solid #0d0d0d;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23191919' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
box-shadow: none;
color: #737373;
}
@@ -754,6 +757,7 @@ j|FormItem {
.jewel.radiobutton 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;
+ border-radius: 50%;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -763,10 +767,12 @@ j|FormItem {
.jewel.radiobutton input:focus + span::before, .jewel.radiobutton input:checked:focus + span::before, .jewel.radiobutton input:checked:active:focus + span::before {
background: linear-gradient(#fdedd3, #fcd9a1);
border: 1px solid #e28f08;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span::before {
background: #404040;
border: 1px solid #0d0d0d;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span {
color: #737373;
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Topaz-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Topaz-Theme/src/main/resources/defaults.css
index ed3db11..8212cac 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
@@ -254,7 +254,8 @@ j|Card {
}
.jewel.checkbox 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%3Cpolygon fill='%23EF5A2A' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
- border: 1px solid transparent;
+ border: 1px solid #595959;
+ border-radius: 3px;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -264,10 +265,12 @@ j|Card {
.jewel.checkbox input:focus + span::before, .jewel.checkbox input:checked:focus + span::before, .jewel.checkbox input:checked:active:focus + span::before {
background: linear-gradient(#fac8b8, #f6a389);
border: 1px solid #be390e;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span::before {
background: #404040;
border: 1px solid #0d0d0d;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span {
color: #737373;
@@ -324,7 +327,7 @@ j|Card {
.jewel.datagrid .jewel.list.column {
border-radius: 0px;
border-bottom-width: 0px;
- box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
+ box-shadow: inset 0px 0.5px 0px 0px rgba(0, 0, 0, 0.25);
}
.jewel.datagrid .jewel.list.column.first {
border-bottom-left-radius: 0.25rem;
@@ -514,17 +517,17 @@ j|Card {
.jewel.dropdownlist {
background-color: #7f7f7f;
+ border: 1px solid #333333;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23EF5A2A' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
background-size: 1.08em;
background-position: right 0.7em center;
background-repeat: no-repeat;
- border: 1px solid #333333;
border-radius: 0.25rem;
}
.jewel.dropdownlist[disabled] {
background-color: #404040;
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23191919' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
border: 1px solid #0d0d0d;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23191919' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
box-shadow: none;
color: #737373;
}
@@ -754,6 +757,7 @@ j|FormItem {
.jewel.radiobutton 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;
+ border-radius: 50%;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -763,10 +767,12 @@ j|FormItem {
.jewel.radiobutton input:focus + span::before, .jewel.radiobutton input:checked:focus + span::before, .jewel.radiobutton input:checked:active:focus + span::before {
background: linear-gradient(#fac8b8, #f6a389);
border: 1px solid #be390e;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span::before {
background: #404040;
border: 1px solid #0d0d0d;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span {
color: #737373;
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Turquoise-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Turquoise-Theme/src/main/resources/defaults.css
index d9a40bb..126dc1c 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
@@ -254,7 +254,8 @@ j|Card {
}
.jewel.checkbox 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%3Cpolygon fill='%2329A89F' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
- border: 1px solid transparent;
+ border: 1px solid #595959;
+ border-radius: 3px;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -264,10 +265,12 @@ j|Card {
.jewel.checkbox input:focus + span::before, .jewel.checkbox input:checked:focus + span::before, .jewel.checkbox input:checked:active:focus + span::before {
background: linear-gradient(#88e2dc, #5fd8cf);
border: 1px solid #1a6b65;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span::before {
background: #404040;
border: 1px solid #0d0d0d;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span {
color: #737373;
@@ -324,7 +327,7 @@ j|Card {
.jewel.datagrid .jewel.list.column {
border-radius: 0px;
border-bottom-width: 0px;
- box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
+ box-shadow: inset 0px 0.5px 0px 0px rgba(0, 0, 0, 0.25);
}
.jewel.datagrid .jewel.list.column.first {
border-bottom-left-radius: 0.25rem;
@@ -514,17 +517,17 @@ j|Card {
.jewel.dropdownlist {
background-color: #7f7f7f;
+ border: 1px solid #333333;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%2329A89F' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
background-size: 1.08em;
background-position: right 0.7em center;
background-repeat: no-repeat;
- border: 1px solid #333333;
border-radius: 0.25rem;
}
.jewel.dropdownlist[disabled] {
background-color: #404040;
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23191919' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
border: 1px solid #0d0d0d;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23191919' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
box-shadow: none;
color: #737373;
}
@@ -754,6 +757,7 @@ j|FormItem {
.jewel.radiobutton 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;
+ border-radius: 50%;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -763,10 +767,12 @@ j|FormItem {
.jewel.radiobutton input:focus + span::before, .jewel.radiobutton input:checked:focus + span::before, .jewel.radiobutton input:checked:active:focus + span::before {
background: linear-gradient(#88e2dc, #5fd8cf);
border: 1px solid #1a6b65;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span::before {
background: #404040;
border: 1px solid #0d0d0d;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span {
color: #737373;
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Violet-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Violet-Theme/src/main/resources/defaults.css
index a27da49..84ad6b2 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
@@ -254,7 +254,8 @@ j|Card {
}
.jewel.checkbox 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%3Cpolygon fill='%23662C90' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
- border: 1px solid transparent;
+ border: 1px solid #595959;
+ border-radius: 3px;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -264,10 +265,12 @@ j|Card {
.jewel.checkbox input:focus + span::before, .jewel.checkbox input:checked:focus + span::before, .jewel.checkbox input:checked:active:focus + span::before {
background: linear-gradient(#b27ed7, #9a56cc);
border: 1px solid #3c1a55;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span::before {
background: #404040;
border: 1px solid #0d0d0d;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span {
color: #737373;
@@ -324,7 +327,7 @@ j|Card {
.jewel.datagrid .jewel.list.column {
border-radius: 0px;
border-bottom-width: 0px;
- box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
+ box-shadow: inset 0px 0.5px 0px 0px rgba(0, 0, 0, 0.25);
}
.jewel.datagrid .jewel.list.column.first {
border-bottom-left-radius: 0.25rem;
@@ -514,17 +517,17 @@ j|Card {
.jewel.dropdownlist {
background-color: #7f7f7f;
+ border: 1px solid #333333;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23662C90' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
background-size: 1.08em;
background-position: right 0.7em center;
background-repeat: no-repeat;
- border: 1px solid #333333;
border-radius: 0.25rem;
}
.jewel.dropdownlist[disabled] {
background-color: #404040;
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23191919' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
border: 1px solid #0d0d0d;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23191919' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
box-shadow: none;
color: #737373;
}
@@ -754,6 +757,7 @@ j|FormItem {
.jewel.radiobutton 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;
+ border-radius: 50%;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -763,10 +767,12 @@ j|FormItem {
.jewel.radiobutton input:focus + span::before, .jewel.radiobutton input:checked:focus + span::before, .jewel.radiobutton input:checked:active:focus + span::before {
background: linear-gradient(#b27ed7, #9a56cc);
border: 1px solid #3c1a55;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span::before {
background: #404040;
border: 1px solid #0d0d0d;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span {
color: #737373;
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Yellow-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Yellow-Theme/src/main/resources/defaults.css
index 152ed3c..908fe56 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
@@ -254,7 +254,8 @@ j|Card {
}
.jewel.checkbox 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%3Cpolygon fill='%23E2D70B' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
- border: 1px solid transparent;
+ border: 1px solid #595959;
+ border-radius: 3px;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -264,10 +265,12 @@ j|Card {
.jewel.checkbox input:focus + span::before, .jewel.checkbox input:checked:focus + span::before, .jewel.checkbox input:checked:active:focus + span::before {
background: linear-gradient(#f9f48d, #f7ef5c);
border: 1px solid #999207;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span::before {
background: #404040;
border: 1px solid #0d0d0d;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span {
color: #737373;
@@ -324,7 +327,7 @@ j|Card {
.jewel.datagrid .jewel.list.column {
border-radius: 0px;
border-bottom-width: 0px;
- box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
+ box-shadow: inset 0px 0.5px 0px 0px rgba(0, 0, 0, 0.25);
}
.jewel.datagrid .jewel.list.column.first {
border-bottom-left-radius: 0.25rem;
@@ -514,17 +517,17 @@ j|Card {
.jewel.dropdownlist {
background-color: #7f7f7f;
+ border: 1px solid #333333;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23E2D70B' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
background-size: 1.08em;
background-position: right 0.7em center;
background-repeat: no-repeat;
- border: 1px solid #333333;
border-radius: 0.25rem;
}
.jewel.dropdownlist[disabled] {
background-color: #404040;
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23191919' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
border: 1px solid #0d0d0d;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23191919' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
box-shadow: none;
color: #737373;
}
@@ -754,6 +757,7 @@ j|FormItem {
.jewel.radiobutton 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;
+ border-radius: 50%;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -763,10 +767,12 @@ j|FormItem {
.jewel.radiobutton input:focus + span::before, .jewel.radiobutton input:checked:focus + span::before, .jewel.radiobutton input:checked:active:focus + span::before {
background: linear-gradient(#f9f48d, #f7ef5c);
border: 1px solid #999207;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span::before {
background: #404040;
border: 1px solid #0d0d0d;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span {
color: #737373;
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 d2a1d4b..b0a4377 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
@@ -253,7 +253,8 @@ j|Card {
}
.jewel.checkbox 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%3Cpolygon fill='%23C92CC6' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
- border: 1px solid transparent;
+ border: 1px solid #d9d9d9;
+ border-radius: 3px;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -263,10 +264,12 @@ j|Card {
.jewel.checkbox input:focus + span::before, .jewel.checkbox input:checked:focus + span::before, .jewel.checkbox input:checked:active:focus + span::before {
background: linear-gradient(#eba3ea, #e279e0);
border: 1px solid #8a1e88;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span::before {
background: #f3f3f3;
border: 1px solid #d9d9d9;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span {
color: silver;
@@ -323,7 +326,7 @@ j|Card {
.jewel.datagrid .jewel.list.column {
border-radius: 0px;
border-bottom-width: 0px;
- box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
+ box-shadow: inset 0px 0.5px 0px 0px rgba(0, 0, 0, 0.25);
}
.jewel.datagrid .jewel.list.column.first {
border-bottom-left-radius: 0.25rem;
@@ -513,17 +516,17 @@ j|Card {
.jewel.dropdownlist {
background-color: white;
+ border: 1px solid #b3b3b3;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23C92CC6' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
background-size: 1.08em;
background-position: right 0.7em center;
background-repeat: no-repeat;
- border: 1px solid #b3b3b3;
border-radius: 0.25rem;
}
.jewel.dropdownlist[disabled] {
background-color: #f3f3f3;
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
border: 1px solid #d9d9d9;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
box-shadow: none;
color: silver;
}
@@ -753,6 +756,7 @@ j|FormItem {
.jewel.radiobutton 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;
+ border-radius: 50%;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -762,10 +766,12 @@ j|FormItem {
.jewel.radiobutton input:focus + span::before, .jewel.radiobutton input:checked:focus + span::before, .jewel.radiobutton input:checked:active:focus + span::before {
background: linear-gradient(#eba3ea, #e279e0);
border: 1px solid #8a1e88;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span::before {
background: #f3f3f3;
border: 1px solid #d9d9d9;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span {
color: silver;
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Blue-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Primary-Blue-Theme/src/main/resources/defaults.css
index d327bb5..041a1ed 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
@@ -253,7 +253,8 @@ j|Card {
}
.jewel.checkbox 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%3Cpolygon fill='%233CADF1' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
- border: 1px solid transparent;
+ border: 1px solid #d9d9d9;
+ border-radius: 3px;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -263,10 +264,12 @@ j|Card {
.jewel.checkbox input:focus + span::before, .jewel.checkbox input:checked:focus + span::before, .jewel.checkbox input:checked:active:focus + span::before {
background: linear-gradient(#cbe9fb, #9bd5f8);
border: 1px solid #0f88d1;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span::before {
background: #f3f3f3;
border: 1px solid #d9d9d9;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span {
color: silver;
@@ -323,7 +326,7 @@ j|Card {
.jewel.datagrid .jewel.list.column {
border-radius: 0px;
border-bottom-width: 0px;
- box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
+ box-shadow: inset 0px 0.5px 0px 0px rgba(0, 0, 0, 0.25);
}
.jewel.datagrid .jewel.list.column.first {
border-bottom-left-radius: 0.25rem;
@@ -513,17 +516,17 @@ j|Card {
.jewel.dropdownlist {
background-color: white;
+ border: 1px solid #b3b3b3;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%233CADF1' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
background-size: 1.08em;
background-position: right 0.7em center;
background-repeat: no-repeat;
- border: 1px solid #b3b3b3;
border-radius: 0.25rem;
}
.jewel.dropdownlist[disabled] {
background-color: #f3f3f3;
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
border: 1px solid #d9d9d9;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
box-shadow: none;
color: silver;
}
@@ -753,6 +756,7 @@ j|FormItem {
.jewel.radiobutton 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;
+ border-radius: 50%;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -762,10 +766,12 @@ j|FormItem {
.jewel.radiobutton input:focus + span::before, .jewel.radiobutton input:checked:focus + span::before, .jewel.radiobutton input:checked:active:focus + span::before {
background: linear-gradient(#cbe9fb, #9bd5f8);
border: 1px solid #0f88d1;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span::before {
background: #f3f3f3;
border: 1px solid #d9d9d9;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span {
color: silver;
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/src/main/resources/defaults.css
index b263acf..bc782b8 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
@@ -253,7 +253,8 @@ j|Card {
}
.jewel.checkbox 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%3Cpolygon fill='%238CC63C' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
- border: 1px solid transparent;
+ border: 1px solid #d9d9d9;
+ border-radius: 3px;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -263,10 +264,12 @@ j|Card {
.jewel.checkbox input:focus + span::before, .jewel.checkbox input:checked:focus + span::before, .jewel.checkbox input:checked:active:focus + span::before {
background: linear-gradient(#d2e9b2, #bbdd8b);
border: 1px solid #638c29;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span::before {
background: #f3f3f3;
border: 1px solid #d9d9d9;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span {
color: silver;
@@ -323,7 +326,7 @@ j|Card {
.jewel.datagrid .jewel.list.column {
border-radius: 0px;
border-bottom-width: 0px;
- box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
+ box-shadow: inset 0px 0.5px 0px 0px rgba(0, 0, 0, 0.25);
}
.jewel.datagrid .jewel.list.column.first {
border-bottom-left-radius: 0.25rem;
@@ -513,17 +516,17 @@ j|Card {
.jewel.dropdownlist {
background-color: white;
+ border: 1px solid #b3b3b3;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%238CC63C' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
background-size: 1.08em;
background-position: right 0.7em center;
background-repeat: no-repeat;
- border: 1px solid #b3b3b3;
border-radius: 0.25rem;
}
.jewel.dropdownlist[disabled] {
background-color: #f3f3f3;
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
border: 1px solid #d9d9d9;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
box-shadow: none;
color: silver;
}
@@ -753,6 +756,7 @@ j|FormItem {
.jewel.radiobutton 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;
+ border-radius: 50%;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -762,10 +766,12 @@ j|FormItem {
.jewel.radiobutton input:focus + span::before, .jewel.radiobutton input:checked:focus + span::before, .jewel.radiobutton input:checked:active:focus + span::before {
background: linear-gradient(#d2e9b2, #bbdd8b);
border: 1px solid #638c29;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span::before {
background: #f3f3f3;
border: 1px solid #d9d9d9;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span {
color: silver;
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Green-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Primary-Green-Theme/src/main/resources/defaults.css
index 5d3c6ee..d37252f 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
@@ -253,7 +253,8 @@ j|Card {
}
.jewel.checkbox 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%3Cpolygon fill='%233AB549' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
- border: 1px solid transparent;
+ border: 1px solid #d9d9d9;
+ border-radius: 3px;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -263,10 +264,12 @@ j|Card {
.jewel.checkbox input:focus + span::before, .jewel.checkbox input:checked:focus + span::before, .jewel.checkbox input:checked:active:focus + span::before {
background: linear-gradient(#a6e2ad, #7fd68a);
border: 1px solid #277b32;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span::before {
background: #f3f3f3;
border: 1px solid #d9d9d9;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span {
color: silver;
@@ -323,7 +326,7 @@ j|Card {
.jewel.datagrid .jewel.list.column {
border-radius: 0px;
border-bottom-width: 0px;
- box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
+ box-shadow: inset 0px 0.5px 0px 0px rgba(0, 0, 0, 0.25);
}
.jewel.datagrid .jewel.list.column.first {
border-bottom-left-radius: 0.25rem;
@@ -513,17 +516,17 @@ j|Card {
.jewel.dropdownlist {
background-color: white;
+ border: 1px solid #b3b3b3;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%233AB549' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
background-size: 1.08em;
background-position: right 0.7em center;
background-repeat: no-repeat;
- border: 1px solid #b3b3b3;
border-radius: 0.25rem;
}
.jewel.dropdownlist[disabled] {
background-color: #f3f3f3;
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
border: 1px solid #d9d9d9;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
box-shadow: none;
color: silver;
}
@@ -753,6 +756,7 @@ j|FormItem {
.jewel.radiobutton 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;
+ border-radius: 50%;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -762,10 +766,12 @@ j|FormItem {
.jewel.radiobutton input:focus + span::before, .jewel.radiobutton input:checked:focus + span::before, .jewel.radiobutton input:checked:active:focus + span::before {
background: linear-gradient(#a6e2ad, #7fd68a);
border: 1px solid #277b32;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span::before {
background: #f3f3f3;
border: 1px solid #d9d9d9;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span {
color: silver;
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Orange-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Primary-Orange-Theme/src/main/resources/defaults.css
index 7c28323..a829c62 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
@@ -253,7 +253,8 @@ j|Card {
}
.jewel.checkbox 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%3Cpolygon fill='%23F7941D' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
- border: 1px solid transparent;
+ border: 1px solid #d9d9d9;
+ border-radius: 3px;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -263,10 +264,12 @@ j|Card {
.jewel.checkbox input:focus + span::before, .jewel.checkbox input:checked:focus + span::before, .jewel.checkbox input:checked:active:focus + span::before {
background: linear-gradient(#fcdab1, #fac380);
border: 1px solid #c16c07;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span::before {
background: #f3f3f3;
border: 1px solid #d9d9d9;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span {
color: silver;
@@ -323,7 +326,7 @@ j|Card {
.jewel.datagrid .jewel.list.column {
border-radius: 0px;
border-bottom-width: 0px;
- box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
+ box-shadow: inset 0px 0.5px 0px 0px rgba(0, 0, 0, 0.25);
}
.jewel.datagrid .jewel.list.column.first {
border-bottom-left-radius: 0.25rem;
@@ -513,17 +516,17 @@ j|Card {
.jewel.dropdownlist {
background-color: white;
+ border: 1px solid #b3b3b3;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23F7941D' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
background-size: 1.08em;
background-position: right 0.7em center;
background-repeat: no-repeat;
- border: 1px solid #b3b3b3;
border-radius: 0.25rem;
}
.jewel.dropdownlist[disabled] {
background-color: #f3f3f3;
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
border: 1px solid #d9d9d9;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
box-shadow: none;
color: silver;
}
@@ -753,6 +756,7 @@ j|FormItem {
.jewel.radiobutton 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;
+ border-radius: 50%;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -762,10 +766,12 @@ j|FormItem {
.jewel.radiobutton input:focus + span::before, .jewel.radiobutton input:checked:focus + span::before, .jewel.radiobutton input:checked:active:focus + span::before {
background: linear-gradient(#fcdab1, #fac380);
border: 1px solid #c16c07;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span::before {
background: #f3f3f3;
border: 1px solid #d9d9d9;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span {
color: silver;
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Red-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Primary-Red-Theme/src/main/resources/defaults.css
index c5ec7b0..f219d84 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
@@ -253,7 +253,8 @@ j|Card {
}
.jewel.checkbox 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%3Cpolygon fill='%23EC1C24' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
- border: 1px solid transparent;
+ border: 1px solid #d9d9d9;
+ border-radius: 3px;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -263,10 +264,12 @@ j|Card {
.jewel.checkbox input:focus + span::before, .jewel.checkbox input:checked:focus + span::before, .jewel.checkbox input:checked:active:focus + span::before {
background: linear-gradient(#f8a9ac, #f47a7f);
border: 1px solid #ad0e15;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span::before {
background: #f3f3f3;
border: 1px solid #d9d9d9;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span {
color: silver;
@@ -323,7 +326,7 @@ j|Card {
.jewel.datagrid .jewel.list.column {
border-radius: 0px;
border-bottom-width: 0px;
- box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
+ box-shadow: inset 0px 0.5px 0px 0px rgba(0, 0, 0, 0.25);
}
.jewel.datagrid .jewel.list.column.first {
border-bottom-left-radius: 0.25rem;
@@ -513,17 +516,17 @@ j|Card {
.jewel.dropdownlist {
background-color: white;
+ border: 1px solid #b3b3b3;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23EC1C24' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
background-size: 1.08em;
background-position: right 0.7em center;
background-repeat: no-repeat;
- border: 1px solid #b3b3b3;
border-radius: 0.25rem;
}
.jewel.dropdownlist[disabled] {
background-color: #f3f3f3;
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
border: 1px solid #d9d9d9;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
box-shadow: none;
color: silver;
}
@@ -753,6 +756,7 @@ j|FormItem {
.jewel.radiobutton 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;
+ border-radius: 50%;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -762,10 +766,12 @@ j|FormItem {
.jewel.radiobutton input:focus + span::before, .jewel.radiobutton input:checked:focus + span::before, .jewel.radiobutton input:checked:active:focus + span::before {
background: linear-gradient(#f8a9ac, #f47a7f);
border: 1px solid #ad0e15;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span::before {
background: #f3f3f3;
border: 1px solid #d9d9d9;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span {
color: silver;
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Sapphire-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Primary-Sapphire-Theme/src/main/resources/defaults.css
index 1fc85ca..05c069f 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
@@ -253,7 +253,8 @@ j|Card {
}
.jewel.checkbox 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%3Cpolygon fill='%232C74BE' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
- border: 1px solid transparent;
+ border: 1px solid #d9d9d9;
+ border-radius: 3px;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -263,10 +264,12 @@ j|Card {
.jewel.checkbox input:focus + span::before, .jewel.checkbox input:checked:focus + span::before, .jewel.checkbox input:checked:active:focus + span::before {
background: linear-gradient(#9bc1e8, #72a7de);
border: 1px solid #1e4e80;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span::before {
background: #f3f3f3;
border: 1px solid #d9d9d9;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span {
color: silver;
@@ -323,7 +326,7 @@ j|Card {
.jewel.datagrid .jewel.list.column {
border-radius: 0px;
border-bottom-width: 0px;
- box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
+ box-shadow: inset 0px 0.5px 0px 0px rgba(0, 0, 0, 0.25);
}
.jewel.datagrid .jewel.list.column.first {
border-bottom-left-radius: 0.25rem;
@@ -513,17 +516,17 @@ j|Card {
.jewel.dropdownlist {
background-color: white;
+ border: 1px solid #b3b3b3;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%232C74BE' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
background-size: 1.08em;
background-position: right 0.7em center;
background-repeat: no-repeat;
- border: 1px solid #b3b3b3;
border-radius: 0.25rem;
}
.jewel.dropdownlist[disabled] {
background-color: #f3f3f3;
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
border: 1px solid #d9d9d9;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
box-shadow: none;
color: silver;
}
@@ -753,6 +756,7 @@ j|FormItem {
.jewel.radiobutton 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;
+ border-radius: 50%;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -762,10 +766,12 @@ j|FormItem {
.jewel.radiobutton input:focus + span::before, .jewel.radiobutton input:checked:focus + span::before, .jewel.radiobutton input:checked:active:focus + span::before {
background: linear-gradient(#9bc1e8, #72a7de);
border: 1px solid #1e4e80;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span::before {
background: #f3f3f3;
border: 1px solid #d9d9d9;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span {
color: silver;
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Sunflower-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Primary-Sunflower-Theme/src/main/resources/defaults.css
index 22a240c..9e966d6 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
@@ -253,7 +253,8 @@ j|Card {
}
.jewel.checkbox 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%3Cpolygon fill='%23F8B13F' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
- border: 1px solid transparent;
+ border: 1px solid #d9d9d9;
+ border-radius: 3px;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -263,10 +264,12 @@ j|Card {
.jewel.checkbox input:focus + span::before, .jewel.checkbox input:checked:focus + span::before, .jewel.checkbox input:checked:active:focus + span::before {
background: linear-gradient(#fdedd3, #fcd9a1);
border: 1px solid #e28f08;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span::before {
background: #f3f3f3;
border: 1px solid #d9d9d9;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span {
color: silver;
@@ -323,7 +326,7 @@ j|Card {
.jewel.datagrid .jewel.list.column {
border-radius: 0px;
border-bottom-width: 0px;
- box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
+ box-shadow: inset 0px 0.5px 0px 0px rgba(0, 0, 0, 0.25);
}
.jewel.datagrid .jewel.list.column.first {
border-bottom-left-radius: 0.25rem;
@@ -513,17 +516,17 @@ j|Card {
.jewel.dropdownlist {
background-color: white;
+ border: 1px solid #b3b3b3;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23F8B13F' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
background-size: 1.08em;
background-position: right 0.7em center;
background-repeat: no-repeat;
- border: 1px solid #b3b3b3;
border-radius: 0.25rem;
}
.jewel.dropdownlist[disabled] {
background-color: #f3f3f3;
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
border: 1px solid #d9d9d9;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
box-shadow: none;
color: silver;
}
@@ -753,6 +756,7 @@ j|FormItem {
.jewel.radiobutton 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;
+ border-radius: 50%;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -762,10 +766,12 @@ j|FormItem {
.jewel.radiobutton input:focus + span::before, .jewel.radiobutton input:checked:focus + span::before, .jewel.radiobutton input:checked:active:focus + span::before {
background: linear-gradient(#fdedd3, #fcd9a1);
border: 1px solid #e28f08;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span::before {
background: #f3f3f3;
border: 1px solid #d9d9d9;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span {
color: silver;
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Topaz-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Primary-Topaz-Theme/src/main/resources/defaults.css
index 379307f..89e9028 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
@@ -253,7 +253,8 @@ j|Card {
}
.jewel.checkbox 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%3Cpolygon fill='%23EF5A2A' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
- border: 1px solid transparent;
+ border: 1px solid #d9d9d9;
+ border-radius: 3px;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -263,10 +264,12 @@ j|Card {
.jewel.checkbox input:focus + span::before, .jewel.checkbox input:checked:focus + span::before, .jewel.checkbox input:checked:active:focus + span::before {
background: linear-gradient(#fac8b8, #f6a389);
border: 1px solid #be390e;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span::before {
background: #f3f3f3;
border: 1px solid #d9d9d9;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span {
color: silver;
@@ -323,7 +326,7 @@ j|Card {
.jewel.datagrid .jewel.list.column {
border-radius: 0px;
border-bottom-width: 0px;
- box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
+ box-shadow: inset 0px 0.5px 0px 0px rgba(0, 0, 0, 0.25);
}
.jewel.datagrid .jewel.list.column.first {
border-bottom-left-radius: 0.25rem;
@@ -513,17 +516,17 @@ j|Card {
.jewel.dropdownlist {
background-color: white;
+ border: 1px solid #b3b3b3;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23EF5A2A' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
background-size: 1.08em;
background-position: right 0.7em center;
background-repeat: no-repeat;
- border: 1px solid #b3b3b3;
border-radius: 0.25rem;
}
.jewel.dropdownlist[disabled] {
background-color: #f3f3f3;
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
border: 1px solid #d9d9d9;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
box-shadow: none;
color: silver;
}
@@ -753,6 +756,7 @@ j|FormItem {
.jewel.radiobutton 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;
+ border-radius: 50%;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -762,10 +766,12 @@ j|FormItem {
.jewel.radiobutton input:focus + span::before, .jewel.radiobutton input:checked:focus + span::before, .jewel.radiobutton input:checked:active:focus + span::before {
background: linear-gradient(#fac8b8, #f6a389);
border: 1px solid #be390e;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span::before {
background: #f3f3f3;
border: 1px solid #d9d9d9;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span {
color: silver;
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Turquoise-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Primary-Turquoise-Theme/src/main/resources/defaults.css
index d743c9b..eb4f825 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
@@ -253,7 +253,8 @@ j|Card {
}
.jewel.checkbox 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%3Cpolygon fill='%2329A89F' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
- border: 1px solid transparent;
+ border: 1px solid #d9d9d9;
+ border-radius: 3px;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -263,10 +264,12 @@ j|Card {
.jewel.checkbox input:focus + span::before, .jewel.checkbox input:checked:focus + span::before, .jewel.checkbox input:checked:active:focus + span::before {
background: linear-gradient(#88e2dc, #5fd8cf);
border: 1px solid #1a6b65;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span::before {
background: #f3f3f3;
border: 1px solid #d9d9d9;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span {
color: silver;
@@ -323,7 +326,7 @@ j|Card {
.jewel.datagrid .jewel.list.column {
border-radius: 0px;
border-bottom-width: 0px;
- box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
+ box-shadow: inset 0px 0.5px 0px 0px rgba(0, 0, 0, 0.25);
}
.jewel.datagrid .jewel.list.column.first {
border-bottom-left-radius: 0.25rem;
@@ -513,17 +516,17 @@ j|Card {
.jewel.dropdownlist {
background-color: white;
+ border: 1px solid #b3b3b3;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%2329A89F' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
background-size: 1.08em;
background-position: right 0.7em center;
background-repeat: no-repeat;
- border: 1px solid #b3b3b3;
border-radius: 0.25rem;
}
.jewel.dropdownlist[disabled] {
background-color: #f3f3f3;
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
border: 1px solid #d9d9d9;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
box-shadow: none;
color: silver;
}
@@ -753,6 +756,7 @@ j|FormItem {
.jewel.radiobutton 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;
+ border-radius: 50%;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -762,10 +766,12 @@ j|FormItem {
.jewel.radiobutton input:focus + span::before, .jewel.radiobutton input:checked:focus + span::before, .jewel.radiobutton input:checked:active:focus + span::before {
background: linear-gradient(#88e2dc, #5fd8cf);
border: 1px solid #1a6b65;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span::before {
background: #f3f3f3;
border: 1px solid #d9d9d9;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span {
color: silver;
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Violet-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Primary-Violet-Theme/src/main/resources/defaults.css
index 6062be0..1c1ca36 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
@@ -253,7 +253,8 @@ j|Card {
}
.jewel.checkbox 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%3Cpolygon fill='%23662C90' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
- border: 1px solid transparent;
+ border: 1px solid #d9d9d9;
+ border-radius: 3px;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -263,10 +264,12 @@ j|Card {
.jewel.checkbox input:focus + span::before, .jewel.checkbox input:checked:focus + span::before, .jewel.checkbox input:checked:active:focus + span::before {
background: linear-gradient(#b27ed7, #9a56cc);
border: 1px solid #3c1a55;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span::before {
background: #f3f3f3;
border: 1px solid #d9d9d9;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span {
color: silver;
@@ -323,7 +326,7 @@ j|Card {
.jewel.datagrid .jewel.list.column {
border-radius: 0px;
border-bottom-width: 0px;
- box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
+ box-shadow: inset 0px 0.5px 0px 0px rgba(0, 0, 0, 0.25);
}
.jewel.datagrid .jewel.list.column.first {
border-bottom-left-radius: 0.25rem;
@@ -513,17 +516,17 @@ j|Card {
.jewel.dropdownlist {
background-color: white;
+ border: 1px solid #b3b3b3;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23662C90' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
background-size: 1.08em;
background-position: right 0.7em center;
background-repeat: no-repeat;
- border: 1px solid #b3b3b3;
border-radius: 0.25rem;
}
.jewel.dropdownlist[disabled] {
background-color: #f3f3f3;
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
border: 1px solid #d9d9d9;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
box-shadow: none;
color: silver;
}
@@ -753,6 +756,7 @@ j|FormItem {
.jewel.radiobutton 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;
+ border-radius: 50%;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -762,10 +766,12 @@ j|FormItem {
.jewel.radiobutton input:focus + span::before, .jewel.radiobutton input:checked:focus + span::before, .jewel.radiobutton input:checked:active:focus + span::before {
background: linear-gradient(#b27ed7, #9a56cc);
border: 1px solid #3c1a55;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span::before {
background: #f3f3f3;
border: 1px solid #d9d9d9;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span {
color: silver;
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Yellow-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Primary-Yellow-Theme/src/main/resources/defaults.css
index 68bed38..b11fbcd 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
@@ -253,7 +253,8 @@ j|Card {
}
.jewel.checkbox 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%3Cpolygon fill='%23E2D70B' points='3.50018311 12.4854126 8.48547363 17.4989624 18.4641113 7.47589111 15.5010376 4.51739502 8.48547363 11.5650024 6.52087402 9.47265625'/%3E%3C/svg%3E") no-repeat center center;
- border: 1px solid transparent;
+ border: 1px solid #d9d9d9;
+ border-radius: 3px;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -263,10 +264,12 @@ j|Card {
.jewel.checkbox input:focus + span::before, .jewel.checkbox input:checked:focus + span::before, .jewel.checkbox input:checked:active:focus + span::before {
background: linear-gradient(#f9f48d, #f7ef5c);
border: 1px solid #999207;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span::before {
background: #f3f3f3;
border: 1px solid #d9d9d9;
+ border-radius: 3px;
}
.jewel.checkbox input[disabled] + span {
color: silver;
@@ -323,7 +326,7 @@ j|Card {
.jewel.datagrid .jewel.list.column {
border-radius: 0px;
border-bottom-width: 0px;
- box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
+ box-shadow: inset 0px 0.5px 0px 0px rgba(0, 0, 0, 0.25);
}
.jewel.datagrid .jewel.list.column.first {
border-bottom-left-radius: 0.25rem;
@@ -513,17 +516,17 @@ j|Card {
.jewel.dropdownlist {
background-color: white;
+ border: 1px solid #b3b3b3;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23E2D70B' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
background-size: 1.08em;
background-position: right 0.7em center;
background-repeat: no-repeat;
- border: 1px solid #b3b3b3;
border-radius: 0.25rem;
}
.jewel.dropdownlist[disabled] {
background-color: #f3f3f3;
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
border: 1px solid #d9d9d9;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
box-shadow: none;
color: silver;
}
@@ -753,6 +756,7 @@ j|FormItem {
.jewel.radiobutton 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;
+ border-radius: 50%;
transition: all 0.3s ease;
transform: scale(0);
}
@@ -762,10 +766,12 @@ j|FormItem {
.jewel.radiobutton input:focus + span::before, .jewel.radiobutton input:checked:focus + span::before, .jewel.radiobutton input:checked:active:focus + span::before {
background: linear-gradient(#f9f48d, #f7ef5c);
border: 1px solid #999207;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span::before {
background: #f3f3f3;
border: 1px solid #d9d9d9;
+ border-radius: 50%;
}
.jewel.radiobutton input[disabled] + span {
color: silver;
diff --git a/frameworks/themes/JewelTheme/src/main/resources/defaults.css b/frameworks/themes/JewelTheme/src/main/resources/defaults.css
index 8e45ff6..3a57e89 100644
--- a/frameworks/themes/JewelTheme/src/main/resources/defaults.css
+++ b/frameworks/themes/JewelTheme/src/main/resources/defaults.css
@@ -326,7 +326,7 @@ j|Card {
.jewel.datagrid .jewel.list.column {
border-radius: 0px;
border-bottom-width: 0px;
- box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
+ box-shadow: inset 0px 0.5px 0px 0px rgba(0, 0, 0, 0.25);
}
.jewel.datagrid .jewel.list.column.first {
border-bottom-left-radius: 0.25rem;