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 75b56b2 jewel-themes: updates to fix the weird slider thumb changing
theme bug
75b56b2 is described below
commit 75b56b2750ace60966add8b2012ea17d8e150450
Author: Carlos Rovira <[email protected]>
AuthorDate: Sun Jan 5 12:20:17 2020 +0100
jewel-themes: updates to fix the weird slider thumb changing theme bug
---
.../Jewel-Light-NoFlat-Primary-Amethyst-Theme/defaults.css | 10 +++++++++-
.../themes/Jewel-Light-NoFlat-Primary-Blue-Theme/defaults.css | 10 +++++++++-
.../Jewel-Light-NoFlat-Primary-Emerald-Theme/defaults.css | 10 +++++++++-
.../themes/Jewel-Light-NoFlat-Primary-Green-Theme/defaults.css | 10 +++++++++-
.../Jewel-Light-NoFlat-Primary-Orange-Theme/defaults.css | 10 +++++++++-
.../themes/Jewel-Light-NoFlat-Primary-Red-Theme/defaults.css | 10 +++++++++-
.../Jewel-Light-NoFlat-Primary-Sapphire-Theme/defaults.css | 10 +++++++++-
.../Jewel-Light-NoFlat-Primary-Sunflower-Theme/defaults.css | 10 +++++++++-
.../themes/Jewel-Light-NoFlat-Primary-Topaz-Theme/defaults.css | 10 +++++++++-
.../Jewel-Light-NoFlat-Primary-Turquoise-Theme/defaults.css | 10 +++++++++-
.../Jewel-Light-NoFlat-Primary-Violet-Theme/defaults.css | 10 +++++++++-
.../Jewel-Light-NoFlat-Primary-Yellow-Theme/defaults.css | 10 +++++++++-
.../src/main/resources/defaults.css | 10 +++++++++-
.../src/main/resources/defaults.css | 10 +++++++++-
.../src/main/resources/defaults.css | 10 +++++++++-
.../src/main/resources/defaults.css | 10 +++++++++-
.../src/main/resources/defaults.css | 10 +++++++++-
.../src/main/resources/defaults.css | 10 +++++++++-
.../src/main/resources/defaults.css | 10 +++++++++-
.../src/main/resources/defaults.css | 10 +++++++++-
.../src/main/resources/defaults.css | 10 +++++++++-
.../src/main/resources/defaults.css | 10 +++++++++-
.../src/main/resources/defaults.css | 10 +++++++++-
.../src/main/resources/defaults.css | 10 +++++++++-
.../src/main/resources/defaults.css | 10 +++++++++-
.../src/main/resources/defaults.css | 10 +++++++++-
.../src/main/resources/defaults.css | 10 +++++++++-
.../src/main/resources/defaults.css | 10 +++++++++-
.../src/main/resources/defaults.css | 10 +++++++++-
.../src/main/resources/defaults.css | 10 +++++++++-
.../src/main/resources/defaults.css | 10 +++++++++-
.../src/main/resources/defaults.css | 10 +++++++++-
.../src/main/resources/defaults.css | 10 +++++++++-
.../src/main/resources/defaults.css | 10 +++++++++-
.../src/main/resources/defaults.css | 10 +++++++++-
.../src/main/resources/defaults.css | 10 +++++++++-
36 files changed, 324 insertions(+), 36 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 06fa48e..e07daf4 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
@@ -790,7 +790,15 @@ j|FormItem {
border: 1px solid #b3b3b3;
border-radius: 3px;
}
-.jewel.slider input::-webkit-slider-thumb, .jewel.slider
input::-moz-range-thumb {
+.jewel.slider input::-webkit-slider-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#d232cf, #bc29ba);
+ border: 1px solid #8a1e88;
+ box-shadow: inset 0 1px 0 #e279e0, 0 0 0 1px rgba(255, 255, 255, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input::-moz-range-thumb {
width: 18px;
height: 18px;
background: linear-gradient(#d232cf, #bc29ba);
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 285be52..50a012c 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
@@ -790,7 +790,15 @@ j|FormItem {
border: 1px solid #b3b3b3;
border-radius: 3px;
}
-.jewel.slider input::-webkit-slider-thumb, .jewel.slider
input::-moz-range-thumb {
+.jewel.slider input::-webkit-slider-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#4ab3f2, #2ea7f0);
+ border: 1px solid #0f88d1;
+ box-shadow: inset 0 1px 0 #9bd5f8, 0 0 0 1px rgba(255, 255, 255, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input::-moz-range-thumb {
width: 18px;
height: 18px;
background: linear-gradient(#4ab3f2, #2ea7f0);
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 32477ab..9412993 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
@@ -790,7 +790,15 @@ j|FormItem {
border: 1px solid #b3b3b3;
border-radius: 3px;
}
-.jewel.slider input::-webkit-slider-thumb, .jewel.slider
input::-moz-range-thumb {
+.jewel.slider input::-webkit-slider-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#93c948, #84bc37);
+ border: 1px solid #638c29;
+ box-shadow: inset 0 1px 0 #bbdd8b, 0 0 0 1px rgba(255, 255, 255, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input::-moz-range-thumb {
width: 18px;
height: 18px;
background: linear-gradient(#93c948, #84bc37);
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 cfd9dff..2b3e1d9 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
@@ -790,7 +790,15 @@ j|FormItem {
border: 1px solid #b3b3b3;
border-radius: 3px;
}
-.jewel.slider input::-webkit-slider-thumb, .jewel.slider
input::-moz-range-thumb {
+.jewel.slider input::-webkit-slider-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#3ec14e, #36a944);
+ border: 1px solid #277b32;
+ box-shadow: inset 0 1px 0 #7fd68a, 0 0 0 1px rgba(255, 255, 255, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input::-moz-range-thumb {
width: 18px;
height: 18px;
background: linear-gradient(#3ec14e, #36a944);
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 79170ee..6adbafb 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
@@ -790,7 +790,15 @@ j|FormItem {
border: 1px solid #b3b3b3;
border-radius: 3px;
}
-.jewel.slider input::-webkit-slider-thumb, .jewel.slider
input::-moz-range-thumb {
+.jewel.slider input::-webkit-slider-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#f89b2c, #f68d0e);
+ border: 1px solid #c16c07;
+ box-shadow: inset 0 1px 0 #fac380, 0 0 0 1px rgba(255, 255, 255, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input::-moz-range-thumb {
width: 18px;
height: 18px;
background: linear-gradient(#f89b2c, #f68d0e);
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 4e9a1e4..3ec7577 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
@@ -790,7 +790,15 @@ j|FormItem {
border: 1px solid #b3b3b3;
border-radius: 3px;
}
-.jewel.slider input::-webkit-slider-thumb, .jewel.slider
input::-moz-range-thumb {
+.jewel.slider input::-webkit-slider-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#ed2a32, #e5131b);
+ border: 1px solid #ad0e15;
+ box-shadow: inset 0 1px 0 #f47a7f, 0 0 0 1px rgba(255, 255, 255, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input::-moz-range-thumb {
width: 18px;
height: 18px;
background: linear-gradient(#ed2a32, #e5131b);
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 fc2b72d..1de9cd5 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
@@ -790,7 +790,15 @@ j|FormItem {
border: 1px solid #b3b3b3;
border-radius: 3px;
}
-.jewel.slider input::-webkit-slider-thumb, .jewel.slider
input::-moz-range-thumb {
+.jewel.slider input::-webkit-slider-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#2f7cca, #296cb2);
+ border: 1px solid #1e4e80;
+ box-shadow: inset 0 1px 0 #72a7de, 0 0 0 1px rgba(255, 255, 255, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input::-moz-range-thumb {
width: 18px;
height: 18px;
background: linear-gradient(#2f7cca, #296cb2);
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 00d1f93..fb5a1dd 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
@@ -790,7 +790,15 @@ j|FormItem {
border: 1px solid #b3b3b3;
border-radius: 3px;
}
-.jewel.slider input::-webkit-slider-thumb, .jewel.slider
input::-moz-range-thumb {
+.jewel.slider input::-webkit-slider-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#f9b74e, #f7ab30);
+ border: 1px solid #e28f08;
+ box-shadow: inset 0 1px 0 #fcd9a1, 0 0 0 1px rgba(255, 255, 255, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input::-moz-range-thumb {
width: 18px;
height: 18px;
background: linear-gradient(#f9b74e, #f7ab30);
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 6bba897..dc3d038 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
@@ -790,7 +790,15 @@ j|FormItem {
border: 1px solid #b3b3b3;
border-radius: 3px;
}
-.jewel.slider input::-webkit-slider-thumb, .jewel.slider
input::-moz-range-thumb {
+.jewel.slider input::-webkit-slider-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#f06538, #ee4f1c);
+ border: 1px solid #be390e;
+ box-shadow: inset 0 1px 0 #f6a389, 0 0 0 1px rgba(255, 255, 255, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input::-moz-range-thumb {
width: 18px;
height: 18px;
background: linear-gradient(#f06538, #ee4f1c);
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 b28f628..e2a33d3 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
@@ -790,7 +790,15 @@ j|FormItem {
border: 1px solid #b3b3b3;
border-radius: 3px;
}
-.jewel.slider input::-webkit-slider-thumb, .jewel.slider
input::-moz-range-thumb {
+.jewel.slider input::-webkit-slider-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#2cb4ab, #269c93);
+ border: 1px solid #1a6b65;
+ box-shadow: inset 0 1px 0 #5fd8cf, 0 0 0 1px rgba(255, 255, 255, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input::-moz-range-thumb {
width: 18px;
height: 18px;
background: linear-gradient(#2cb4ab, #269c93);
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 114122f..803cfc9 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
@@ -790,7 +790,15 @@ j|FormItem {
border: 1px solid #b3b3b3;
border-radius: 3px;
}
-.jewel.slider input::-webkit-slider-thumb, .jewel.slider
input::-moz-range-thumb {
+.jewel.slider input::-webkit-slider-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#6e309c, #5e2884);
+ border: 1px solid #3c1a55;
+ box-shadow: inset 0 1px 0 #9a56cc, 0 0 0 1px rgba(255, 255, 255, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input::-moz-range-thumb {
width: 18px;
height: 18px;
background: linear-gradient(#6e309c, #5e2884);
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 c68df09..9ab361c 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
@@ -790,7 +790,15 @@ j|FormItem {
border: 1px solid #b3b3b3;
border-radius: 3px;
}
-.jewel.slider input::-webkit-slider-thumb, .jewel.slider
input::-moz-range-thumb {
+.jewel.slider input::-webkit-slider-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#f1e50c, #d3c90a);
+ border: 1px solid #999207;
+ box-shadow: inset 0 1px 0 #f7ef5c, 0 0 0 1px rgba(255, 255, 255, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input::-moz-range-thumb {
width: 18px;
height: 18px;
background: linear-gradient(#f1e50c, #d3c90a);
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 5dd8303..cf56fb9 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
@@ -791,7 +791,15 @@ j|FormItem {
border: 1px solid #333333;
border-radius: 3px;
}
-.jewel.slider input::-webkit-slider-thumb, .jewel.slider
input::-moz-range-thumb {
+.jewel.slider input::-webkit-slider-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#d232cf, #bc29ba);
+ border: 1px solid #8a1e88;
+ box-shadow: inset 0 1px 0 #e279e0, 0 0 0 1px rgba(140, 140, 140, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input::-moz-range-thumb {
width: 18px;
height: 18px;
background: linear-gradient(#d232cf, #bc29ba);
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 54010d5..7fa79c8 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
@@ -791,7 +791,15 @@ j|FormItem {
border: 1px solid #333333;
border-radius: 3px;
}
-.jewel.slider input::-webkit-slider-thumb, .jewel.slider
input::-moz-range-thumb {
+.jewel.slider input::-webkit-slider-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#4ab3f2, #2ea7f0);
+ border: 1px solid #0f88d1;
+ box-shadow: inset 0 1px 0 #9bd5f8, 0 0 0 1px rgba(140, 140, 140, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input::-moz-range-thumb {
width: 18px;
height: 18px;
background: linear-gradient(#4ab3f2, #2ea7f0);
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 59a10e4..8bec02a 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
@@ -791,7 +791,15 @@ j|FormItem {
border: 1px solid #333333;
border-radius: 3px;
}
-.jewel.slider input::-webkit-slider-thumb, .jewel.slider
input::-moz-range-thumb {
+.jewel.slider input::-webkit-slider-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#93c948, #84bc37);
+ border: 1px solid #638c29;
+ box-shadow: inset 0 1px 0 #bbdd8b, 0 0 0 1px rgba(140, 140, 140, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input::-moz-range-thumb {
width: 18px;
height: 18px;
background: linear-gradient(#93c948, #84bc37);
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 4fd80c4..5aa898b 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
@@ -791,7 +791,15 @@ j|FormItem {
border: 1px solid #333333;
border-radius: 3px;
}
-.jewel.slider input::-webkit-slider-thumb, .jewel.slider
input::-moz-range-thumb {
+.jewel.slider input::-webkit-slider-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#3ec14e, #36a944);
+ border: 1px solid #277b32;
+ box-shadow: inset 0 1px 0 #7fd68a, 0 0 0 1px rgba(140, 140, 140, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input::-moz-range-thumb {
width: 18px;
height: 18px;
background: linear-gradient(#3ec14e, #36a944);
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 eeabab9..46cbd3b 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
@@ -791,7 +791,15 @@ j|FormItem {
border: 1px solid #333333;
border-radius: 3px;
}
-.jewel.slider input::-webkit-slider-thumb, .jewel.slider
input::-moz-range-thumb {
+.jewel.slider input::-webkit-slider-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#f89b2c, #f68d0e);
+ border: 1px solid #c16c07;
+ box-shadow: inset 0 1px 0 #fac380, 0 0 0 1px rgba(140, 140, 140, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input::-moz-range-thumb {
width: 18px;
height: 18px;
background: linear-gradient(#f89b2c, #f68d0e);
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 b074100..aa1decb 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
@@ -791,7 +791,15 @@ j|FormItem {
border: 1px solid #333333;
border-radius: 3px;
}
-.jewel.slider input::-webkit-slider-thumb, .jewel.slider
input::-moz-range-thumb {
+.jewel.slider input::-webkit-slider-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#ed2a32, #e5131b);
+ border: 1px solid #ad0e15;
+ box-shadow: inset 0 1px 0 #f47a7f, 0 0 0 1px rgba(140, 140, 140, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input::-moz-range-thumb {
width: 18px;
height: 18px;
background: linear-gradient(#ed2a32, #e5131b);
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 222d954..9957b32 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
@@ -791,7 +791,15 @@ j|FormItem {
border: 1px solid #333333;
border-radius: 3px;
}
-.jewel.slider input::-webkit-slider-thumb, .jewel.slider
input::-moz-range-thumb {
+.jewel.slider input::-webkit-slider-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#2f7cca, #296cb2);
+ border: 1px solid #1e4e80;
+ box-shadow: inset 0 1px 0 #72a7de, 0 0 0 1px rgba(140, 140, 140, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input::-moz-range-thumb {
width: 18px;
height: 18px;
background: linear-gradient(#2f7cca, #296cb2);
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 4172aa9..ba94d55 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
@@ -791,7 +791,15 @@ j|FormItem {
border: 1px solid #333333;
border-radius: 3px;
}
-.jewel.slider input::-webkit-slider-thumb, .jewel.slider
input::-moz-range-thumb {
+.jewel.slider input::-webkit-slider-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#f9b74e, #f7ab30);
+ border: 1px solid #e28f08;
+ box-shadow: inset 0 1px 0 #fcd9a1, 0 0 0 1px rgba(140, 140, 140, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input::-moz-range-thumb {
width: 18px;
height: 18px;
background: linear-gradient(#f9b74e, #f7ab30);
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 dbb8736..5326722 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
@@ -791,7 +791,15 @@ j|FormItem {
border: 1px solid #333333;
border-radius: 3px;
}
-.jewel.slider input::-webkit-slider-thumb, .jewel.slider
input::-moz-range-thumb {
+.jewel.slider input::-webkit-slider-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#f06538, #ee4f1c);
+ border: 1px solid #be390e;
+ box-shadow: inset 0 1px 0 #f6a389, 0 0 0 1px rgba(140, 140, 140, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input::-moz-range-thumb {
width: 18px;
height: 18px;
background: linear-gradient(#f06538, #ee4f1c);
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 ebf4dcb..fec5fb6 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
@@ -791,7 +791,15 @@ j|FormItem {
border: 1px solid #333333;
border-radius: 3px;
}
-.jewel.slider input::-webkit-slider-thumb, .jewel.slider
input::-moz-range-thumb {
+.jewel.slider input::-webkit-slider-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#2cb4ab, #269c93);
+ border: 1px solid #1a6b65;
+ box-shadow: inset 0 1px 0 #5fd8cf, 0 0 0 1px rgba(140, 140, 140, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input::-moz-range-thumb {
width: 18px;
height: 18px;
background: linear-gradient(#2cb4ab, #269c93);
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 cba086c..40a867e 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
@@ -791,7 +791,15 @@ j|FormItem {
border: 1px solid #333333;
border-radius: 3px;
}
-.jewel.slider input::-webkit-slider-thumb, .jewel.slider
input::-moz-range-thumb {
+.jewel.slider input::-webkit-slider-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#6e309c, #5e2884);
+ border: 1px solid #3c1a55;
+ box-shadow: inset 0 1px 0 #9a56cc, 0 0 0 1px rgba(140, 140, 140, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input::-moz-range-thumb {
width: 18px;
height: 18px;
background: linear-gradient(#6e309c, #5e2884);
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 f1848ce..d31e010 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
@@ -791,7 +791,15 @@ j|FormItem {
border: 1px solid #333333;
border-radius: 3px;
}
-.jewel.slider input::-webkit-slider-thumb, .jewel.slider
input::-moz-range-thumb {
+.jewel.slider input::-webkit-slider-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#f1e50c, #d3c90a);
+ border: 1px solid #999207;
+ box-shadow: inset 0 1px 0 #f7ef5c, 0 0 0 1px rgba(140, 140, 140, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input::-moz-range-thumb {
width: 18px;
height: 18px;
background: linear-gradient(#f1e50c, #d3c90a);
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 06fa48e..e07daf4 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
@@ -790,7 +790,15 @@ j|FormItem {
border: 1px solid #b3b3b3;
border-radius: 3px;
}
-.jewel.slider input::-webkit-slider-thumb, .jewel.slider
input::-moz-range-thumb {
+.jewel.slider input::-webkit-slider-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#d232cf, #bc29ba);
+ border: 1px solid #8a1e88;
+ box-shadow: inset 0 1px 0 #e279e0, 0 0 0 1px rgba(255, 255, 255, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input::-moz-range-thumb {
width: 18px;
height: 18px;
background: linear-gradient(#d232cf, #bc29ba);
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 285be52..50a012c 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
@@ -790,7 +790,15 @@ j|FormItem {
border: 1px solid #b3b3b3;
border-radius: 3px;
}
-.jewel.slider input::-webkit-slider-thumb, .jewel.slider
input::-moz-range-thumb {
+.jewel.slider input::-webkit-slider-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#4ab3f2, #2ea7f0);
+ border: 1px solid #0f88d1;
+ box-shadow: inset 0 1px 0 #9bd5f8, 0 0 0 1px rgba(255, 255, 255, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input::-moz-range-thumb {
width: 18px;
height: 18px;
background: linear-gradient(#4ab3f2, #2ea7f0);
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 32477ab..9412993 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
@@ -790,7 +790,15 @@ j|FormItem {
border: 1px solid #b3b3b3;
border-radius: 3px;
}
-.jewel.slider input::-webkit-slider-thumb, .jewel.slider
input::-moz-range-thumb {
+.jewel.slider input::-webkit-slider-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#93c948, #84bc37);
+ border: 1px solid #638c29;
+ box-shadow: inset 0 1px 0 #bbdd8b, 0 0 0 1px rgba(255, 255, 255, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input::-moz-range-thumb {
width: 18px;
height: 18px;
background: linear-gradient(#93c948, #84bc37);
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 cfd9dff..2b3e1d9 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
@@ -790,7 +790,15 @@ j|FormItem {
border: 1px solid #b3b3b3;
border-radius: 3px;
}
-.jewel.slider input::-webkit-slider-thumb, .jewel.slider
input::-moz-range-thumb {
+.jewel.slider input::-webkit-slider-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#3ec14e, #36a944);
+ border: 1px solid #277b32;
+ box-shadow: inset 0 1px 0 #7fd68a, 0 0 0 1px rgba(255, 255, 255, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input::-moz-range-thumb {
width: 18px;
height: 18px;
background: linear-gradient(#3ec14e, #36a944);
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 79170ee..6adbafb 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
@@ -790,7 +790,15 @@ j|FormItem {
border: 1px solid #b3b3b3;
border-radius: 3px;
}
-.jewel.slider input::-webkit-slider-thumb, .jewel.slider
input::-moz-range-thumb {
+.jewel.slider input::-webkit-slider-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#f89b2c, #f68d0e);
+ border: 1px solid #c16c07;
+ box-shadow: inset 0 1px 0 #fac380, 0 0 0 1px rgba(255, 255, 255, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input::-moz-range-thumb {
width: 18px;
height: 18px;
background: linear-gradient(#f89b2c, #f68d0e);
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 4e9a1e4..3ec7577 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
@@ -790,7 +790,15 @@ j|FormItem {
border: 1px solid #b3b3b3;
border-radius: 3px;
}
-.jewel.slider input::-webkit-slider-thumb, .jewel.slider
input::-moz-range-thumb {
+.jewel.slider input::-webkit-slider-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#ed2a32, #e5131b);
+ border: 1px solid #ad0e15;
+ box-shadow: inset 0 1px 0 #f47a7f, 0 0 0 1px rgba(255, 255, 255, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input::-moz-range-thumb {
width: 18px;
height: 18px;
background: linear-gradient(#ed2a32, #e5131b);
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 fc2b72d..1de9cd5 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
@@ -790,7 +790,15 @@ j|FormItem {
border: 1px solid #b3b3b3;
border-radius: 3px;
}
-.jewel.slider input::-webkit-slider-thumb, .jewel.slider
input::-moz-range-thumb {
+.jewel.slider input::-webkit-slider-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#2f7cca, #296cb2);
+ border: 1px solid #1e4e80;
+ box-shadow: inset 0 1px 0 #72a7de, 0 0 0 1px rgba(255, 255, 255, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input::-moz-range-thumb {
width: 18px;
height: 18px;
background: linear-gradient(#2f7cca, #296cb2);
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 00d1f93..fb5a1dd 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
@@ -790,7 +790,15 @@ j|FormItem {
border: 1px solid #b3b3b3;
border-radius: 3px;
}
-.jewel.slider input::-webkit-slider-thumb, .jewel.slider
input::-moz-range-thumb {
+.jewel.slider input::-webkit-slider-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#f9b74e, #f7ab30);
+ border: 1px solid #e28f08;
+ box-shadow: inset 0 1px 0 #fcd9a1, 0 0 0 1px rgba(255, 255, 255, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input::-moz-range-thumb {
width: 18px;
height: 18px;
background: linear-gradient(#f9b74e, #f7ab30);
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 6bba897..dc3d038 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
@@ -790,7 +790,15 @@ j|FormItem {
border: 1px solid #b3b3b3;
border-radius: 3px;
}
-.jewel.slider input::-webkit-slider-thumb, .jewel.slider
input::-moz-range-thumb {
+.jewel.slider input::-webkit-slider-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#f06538, #ee4f1c);
+ border: 1px solid #be390e;
+ box-shadow: inset 0 1px 0 #f6a389, 0 0 0 1px rgba(255, 255, 255, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input::-moz-range-thumb {
width: 18px;
height: 18px;
background: linear-gradient(#f06538, #ee4f1c);
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 b28f628..e2a33d3 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
@@ -790,7 +790,15 @@ j|FormItem {
border: 1px solid #b3b3b3;
border-radius: 3px;
}
-.jewel.slider input::-webkit-slider-thumb, .jewel.slider
input::-moz-range-thumb {
+.jewel.slider input::-webkit-slider-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#2cb4ab, #269c93);
+ border: 1px solid #1a6b65;
+ box-shadow: inset 0 1px 0 #5fd8cf, 0 0 0 1px rgba(255, 255, 255, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input::-moz-range-thumb {
width: 18px;
height: 18px;
background: linear-gradient(#2cb4ab, #269c93);
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 114122f..803cfc9 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
@@ -790,7 +790,15 @@ j|FormItem {
border: 1px solid #b3b3b3;
border-radius: 3px;
}
-.jewel.slider input::-webkit-slider-thumb, .jewel.slider
input::-moz-range-thumb {
+.jewel.slider input::-webkit-slider-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#6e309c, #5e2884);
+ border: 1px solid #3c1a55;
+ box-shadow: inset 0 1px 0 #9a56cc, 0 0 0 1px rgba(255, 255, 255, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input::-moz-range-thumb {
width: 18px;
height: 18px;
background: linear-gradient(#6e309c, #5e2884);
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 c68df09..9ab361c 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
@@ -790,7 +790,15 @@ j|FormItem {
border: 1px solid #b3b3b3;
border-radius: 3px;
}
-.jewel.slider input::-webkit-slider-thumb, .jewel.slider
input::-moz-range-thumb {
+.jewel.slider input::-webkit-slider-thumb {
+ width: 18px;
+ height: 18px;
+ background: linear-gradient(#f1e50c, #d3c90a);
+ border: 1px solid #999207;
+ box-shadow: inset 0 1px 0 #f7ef5c, 0 0 0 1px rgba(255, 255, 255, 0.3);
+ border-radius: 50%;
+}
+.jewel.slider input::-moz-range-thumb {
width: 18px;
height: 18px;
background: linear-gradient(#f1e50c, #d3c90a);
