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 2019/01/18 19:45:16 UTC
[royale-asjs] branch develop updated: add all togglebutton styles
to all themes in batch
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 3dad95c add all togglebutton styles to all themes in batch
3dad95c is described below
commit 3dad95c0295436ce8997b4a0ad53149c9c4cdc9a
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Fri Jan 18 20:45:08 2019 +0100
add all togglebutton styles to all themes in batch
---
.../src/main/resources/defaults.css | 35 +++++++++
.../src/main/resources/defaults.css | 35 +++++++++
.../src/main/resources/defaults.css | 35 +++++++++
.../src/main/resources/defaults.css | 35 +++++++++
.../src/main/resources/defaults.css | 35 +++++++++
.../src/main/resources/defaults.css | 35 +++++++++
.../src/main/resources/defaults.css | 35 +++++++++
.../src/main/resources/defaults.css | 35 +++++++++
.../src/main/resources/defaults.css | 35 +++++++++
.../src/main/resources/defaults.css | 35 +++++++++
.../src/main/resources/defaults.css | 35 +++++++++
.../src/main/resources/defaults.css | 35 +++++++++
.../src/main/resources/defaults.css | 82 +++++++++++++++++++++-
.../src/main/resources/defaults.css | 82 +++++++++++++++++++++-
.../src/main/resources/defaults.css | 82 +++++++++++++++++++++-
.../src/main/resources/defaults.css | 82 +++++++++++++++++++++-
.../src/main/resources/defaults.css | 82 +++++++++++++++++++++-
.../src/main/resources/defaults.css | 82 +++++++++++++++++++++-
.../src/main/resources/defaults.css | 82 +++++++++++++++++++++-
.../src/main/resources/defaults.css | 82 +++++++++++++++++++++-
.../src/main/resources/defaults.css | 82 +++++++++++++++++++++-
.../src/main/resources/defaults.css | 82 +++++++++++++++++++++-
.../src/main/resources/defaults.css | 82 +++++++++++++++++++++-
.../src/main/resources/defaults.css | 82 +++++++++++++++++++++-
.../src/main/resources/defaults.css | 35 +++++++++
.../src/main/resources/defaults.css | 35 +++++++++
.../src/main/resources/defaults.css | 35 +++++++++
.../src/main/resources/defaults.css | 35 +++++++++
.../src/main/resources/defaults.css | 35 +++++++++
.../src/main/resources/defaults.css | 35 +++++++++
.../src/main/resources/defaults.css | 35 +++++++++
.../src/main/resources/defaults.css | 35 +++++++++
.../src/main/resources/defaults.css | 35 +++++++++
.../src/main/resources/defaults.css | 35 +++++++++
.../src/main/resources/defaults.css | 35 +++++++++
.../src/main/resources/defaults.css | 35 +++++++++
.../src/main/resources/defaults.css | 35 +++++++++
.../src/main/resources/defaults.css | 35 +++++++++
.../src/main/resources/defaults.css | 35 +++++++++
.../src/main/resources/defaults.css | 35 +++++++++
.../src/main/resources/defaults.css | 35 +++++++++
.../src/main/resources/defaults.css | 35 +++++++++
.../src/main/resources/defaults.css | 35 +++++++++
.../src/main/resources/defaults.css | 35 +++++++++
.../src/main/resources/defaults.css | 35 +++++++++
.../src/main/resources/defaults.css | 35 +++++++++
.../src/main/resources/defaults.css | 35 +++++++++
.../src/main/resources/defaults.css | 35 +++++++++
.../src/main/resources/defaults.css | 81 ++++++++++++++++++++-
.../src/main/resources/defaults.css | 81 ++++++++++++++++++++-
.../src/main/resources/defaults.css | 81 ++++++++++++++++++++-
.../src/main/resources/defaults.css | 81 ++++++++++++++++++++-
.../src/main/resources/defaults.css | 81 ++++++++++++++++++++-
.../src/main/resources/defaults.css | 81 ++++++++++++++++++++-
.../src/main/resources/defaults.css | 81 ++++++++++++++++++++-
.../src/main/resources/defaults.css | 81 ++++++++++++++++++++-
.../src/main/resources/defaults.css | 81 ++++++++++++++++++++-
.../src/main/resources/defaults.css | 81 ++++++++++++++++++++-
.../src/main/resources/defaults.css | 81 ++++++++++++++++++++-
.../src/main/resources/defaults.css | 81 ++++++++++++++++++++-
.../src/main/resources/defaults.css | 35 +++++++++
.../src/main/resources/defaults.css | 35 +++++++++
.../src/main/resources/defaults.css | 35 +++++++++
.../src/main/resources/defaults.css | 35 +++++++++
.../src/main/resources/defaults.css | 35 +++++++++
.../src/main/resources/defaults.css | 35 +++++++++
.../src/main/resources/defaults.css | 35 +++++++++
.../src/main/resources/defaults.css | 35 +++++++++
.../src/main/resources/defaults.css | 35 +++++++++
.../src/main/resources/defaults.css | 35 +++++++++
.../src/main/resources/defaults.css | 35 +++++++++
.../src/main/resources/defaults.css | 35 +++++++++
.../JewelTheme/src/main/resources/defaults.css | 1 -
73 files changed, 3588 insertions(+), 49 deletions(-)
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Amethyst-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Amethyst-Theme/src/main/resources/defaults.css
index f4a2212..457b9c4 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Amethyst-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Amethyst-Theme/src/main/resources/defaults.css
@@ -102,6 +102,7 @@ div {
border: 1px solid #0d0d0d;
box-shadow: none;
color: #737373;
+ text-shadow: unset;
}
.jewel.snackbar.emphasized .jewel.snackbar-content {
@@ -120,4 +121,38 @@ div {
background: linear-gradient(#C92CC6, #9f239d);
}
+.jewel.togglebutton.emphasized {
+ background: linear-gradient(#d43bd1, #b427b1);
+ border: 1px solid #8a1e88;
+ box-shadow: inset 0 1px 0 #e279e0;
+ border-radius: 3px;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(75, 17, 74, 0.7);
+}
+.jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
+ background: linear-gradient(#C92CC6, #9f239d);
+ border: 1px solid #751a74;
+}
+.jewel.togglebutton.emphasized:active, .jewel.togglebutton.emphasized:active:focus {
+ background: linear-gradient(#9f239d, #751a74);
+ border: 1px solid #4b114a;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.emphasized:focus {
+ border: 1px solid #8a1e88;
+ box-shadow: inset 0px 0px 0px 1px rgba(253, 247, 253, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.emphasized[disabled] {
+ background: #404040;
+ border: 1px solid #0d0d0d;
+ box-shadow: none;
+ color: #737373;
+ text-shadow: unset;
+}
+.jewel.togglebutton.emphasized.selected {
+ background: linear-gradient(#9f239d, #751a74);
+ border: 1px solid #4b114a;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
/*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Blue-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Blue-Theme/src/main/resources/defaults.css
index 9510e3d..9377b26 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Blue-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Blue-Theme/src/main/resources/defaults.css
@@ -102,6 +102,7 @@ div {
border: 1px solid #0d0d0d;
box-shadow: none;
color: #737373;
+ text-shadow: unset;
}
.jewel.snackbar.emphasized .jewel.snackbar-content {
@@ -120,4 +121,38 @@ div {
background: linear-gradient(#3CADF1, #1198e9);
}
+.jewel.togglebutton.emphasized {
+ background: linear-gradient(#54b7f3, #24a3ef);
+ border: 1px solid #0f88d1;
+ box-shadow: inset 0 1px 0 #9bd5f8;
+ border-radius: 3px;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(10, 90, 138, 0.7);
+}
+.jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
+ background: linear-gradient(#3CADF1, #1198e9);
+ border: 1px solid #0d79ba;
+}
+.jewel.togglebutton.emphasized:active, .jewel.togglebutton.emphasized:active:focus {
+ background: linear-gradient(#1198e9, #0d79ba);
+ border: 1px solid #0a5a8a;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.emphasized:focus {
+ border: 1px solid #0f88d1;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.emphasized[disabled] {
+ background: #404040;
+ border: 1px solid #0d0d0d;
+ box-shadow: none;
+ color: #737373;
+ text-shadow: unset;
+}
+.jewel.togglebutton.emphasized.selected {
+ background: linear-gradient(#1198e9, #0d79ba);
+ border: 1px solid #0a5a8a;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
/*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Emerald-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Emerald-Theme/src/main/resources/defaults.css
index aa41048..3ef4cb8 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Emerald-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Emerald-Theme/src/main/resources/defaults.css
@@ -102,6 +102,7 @@ div {
border: 1px solid #0d0d0d;
box-shadow: none;
color: #737373;
+ text-shadow: unset;
}
.jewel.snackbar.emphasized .jewel.snackbar-content {
@@ -120,4 +121,38 @@ div {
background: linear-gradient(#8CC63C, #71a02f);
}
+.jewel.togglebutton.emphasized {
+ background: linear-gradient(#98cc50, #7eb435);
+ border: 1px solid #638c29;
+ box-shadow: inset 0 1px 0 #bbdd8b;
+ border-radius: 3px;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(57, 81, 24, 0.7);
+}
+.jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
+ background: linear-gradient(#8CC63C, #71a02f);
+ border: 1px solid #557923;
+}
+.jewel.togglebutton.emphasized:active, .jewel.togglebutton.emphasized:active:focus {
+ background: linear-gradient(#71a02f, #557923);
+ border: 1px solid #395118;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.emphasized:focus {
+ border: 1px solid #638c29;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.emphasized[disabled] {
+ background: #404040;
+ border: 1px solid #0d0d0d;
+ box-shadow: none;
+ color: #737373;
+ text-shadow: unset;
+}
+.jewel.togglebutton.emphasized.selected {
+ background: linear-gradient(#71a02f, #557923);
+ border: 1px solid #395118;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
/*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Green-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Green-Theme/src/main/resources/defaults.css
index 1b62c58..273fd30 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Green-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Green-Theme/src/main/resources/defaults.css
@@ -102,6 +102,7 @@ div {
border: 1px solid #0d0d0d;
box-shadow: none;
color: #737373;
+ text-shadow: unset;
}
.jewel.snackbar.emphasized .jewel.snackbar-content {
@@ -120,4 +121,38 @@ div {
background: linear-gradient(#3AB549, #2e8e39);
}
+.jewel.togglebutton.emphasized {
+ background: linear-gradient(#45c354, #34a241);
+ border: 1px solid #277b32;
+ box-shadow: inset 0 1px 0 #7fd68a;
+ border-radius: 3px;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(21, 65, 26, 0.7);
+}
+.jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
+ background: linear-gradient(#3AB549, #2e8e39);
+ border: 1px solid #21682a;
+}
+.jewel.togglebutton.emphasized:active, .jewel.togglebutton.emphasized:active:focus {
+ background: linear-gradient(#2e8e39, #21682a);
+ border: 1px solid #15411a;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.emphasized:focus {
+ border: 1px solid #277b32;
+ box-shadow: inset 0px 0px 0px 1px rgba(243, 251, 244, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.emphasized[disabled] {
+ background: #404040;
+ border: 1px solid #0d0d0d;
+ box-shadow: none;
+ color: #737373;
+ text-shadow: unset;
+}
+.jewel.togglebutton.emphasized.selected {
+ background: linear-gradient(#2e8e39, #21682a);
+ border: 1px solid #15411a;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
/*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Orange-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Orange-Theme/src/main/resources/defaults.css
index 203d0f1..166c760 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Orange-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Orange-Theme/src/main/resources/defaults.css
@@ -102,6 +102,7 @@ div {
border: 1px solid #0d0d0d;
box-shadow: none;
color: #737373;
+ text-shadow: unset;
}
.jewel.snackbar.emphasized .jewel.snackbar-content {
@@ -120,4 +121,38 @@ div {
background: linear-gradient(#F7941D, #d97a08);
}
+.jewel.togglebutton.emphasized {
+ background: linear-gradient(#f8a036, #f28809);
+ border: 1px solid #c16c07;
+ box-shadow: inset 0 1px 0 #fac380;
+ border-radius: 3px;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(119, 67, 4, 0.7);
+}
+.jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
+ background: linear-gradient(#F7941D, #d97a08);
+ border: 1px solid #a85e06;
+}
+.jewel.togglebutton.emphasized:active, .jewel.togglebutton.emphasized:active:focus {
+ background: linear-gradient(#d97a08, #a85e06);
+ border: 1px solid #774304;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.emphasized:focus {
+ border: 1px solid #c16c07;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.emphasized[disabled] {
+ background: #404040;
+ border: 1px solid #0d0d0d;
+ box-shadow: none;
+ color: #737373;
+ text-shadow: unset;
+}
+.jewel.togglebutton.emphasized.selected {
+ background: linear-gradient(#d97a08, #a85e06);
+ border: 1px solid #774304;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
/*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Red-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Red-Theme/src/main/resources/defaults.css
index d47837f..85d1a46 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Red-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Red-Theme/src/main/resources/defaults.css
@@ -102,6 +102,7 @@ div {
border: 1px solid #0d0d0d;
box-shadow: none;
color: #737373;
+ text-shadow: unset;
}
.jewel.snackbar.emphasized .jewel.snackbar-content {
@@ -120,4 +121,38 @@ div {
background: linear-gradient(#EC1C24, #c51017);
}
+.jewel.togglebutton.emphasized {
+ background: linear-gradient(#ee343b, #dc121a);
+ border: 1px solid #ad0e15;
+ box-shadow: inset 0 1px 0 #f47a7f;
+ border-radius: 3px;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(102, 9, 12, 0.7);
+}
+.jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
+ background: linear-gradient(#EC1C24, #c51017);
+ border: 1px solid #950d12;
+}
+.jewel.togglebutton.emphasized:active, .jewel.togglebutton.emphasized:active:focus {
+ background: linear-gradient(#c51017, #950d12);
+ border: 1px solid #66090c;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.emphasized:focus {
+ border: 1px solid #ad0e15;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.emphasized[disabled] {
+ background: #404040;
+ border: 1px solid #0d0d0d;
+ box-shadow: none;
+ color: #737373;
+ text-shadow: unset;
+}
+.jewel.togglebutton.emphasized.selected {
+ background: linear-gradient(#c51017, #950d12);
+ border: 1px solid #66090c;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
/*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Sapphire-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Sapphire-Theme/src/main/resources/defaults.css
index e7722b2..2c9249e 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Sapphire-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Sapphire-Theme/src/main/resources/defaults.css
@@ -102,6 +102,7 @@ div {
border: 1px solid #0d0d0d;
box-shadow: none;
color: #737373;
+ text-shadow: unset;
}
.jewel.snackbar.emphasized .jewel.snackbar-content {
@@ -120,4 +121,38 @@ div {
background: linear-gradient(#2C74BE, #225b95);
}
+.jewel.togglebutton.emphasized {
+ background: linear-gradient(#3481d0, #2767a9);
+ border: 1px solid #1e4e80;
+ box-shadow: inset 0 1px 0 #72a7de;
+ border-radius: 3px;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(15, 40, 66, 0.7);
+}
+.jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
+ background: linear-gradient(#2C74BE, #225b95);
+ border: 1px solid #19416b;
+}
+.jewel.togglebutton.emphasized:active, .jewel.togglebutton.emphasized:active:focus {
+ background: linear-gradient(#225b95, #19416b);
+ border: 1px solid #0f2842;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.emphasized:focus {
+ border: 1px solid #1e4e80;
+ box-shadow: inset 0px 0px 0px 1px rgba(238, 244, 251, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.emphasized[disabled] {
+ background: #404040;
+ border: 1px solid #0d0d0d;
+ box-shadow: none;
+ color: #737373;
+ text-shadow: unset;
+}
+.jewel.togglebutton.emphasized.selected {
+ background: linear-gradient(#225b95, #19416b);
+ border: 1px solid #0f2842;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
/*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Sunflower-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Sunflower-Theme/src/main/resources/defaults.css
index 370581f..219a538 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Sunflower-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Sunflower-Theme/src/main/resources/defaults.css
@@ -102,6 +102,7 @@ div {
border: 1px solid #0d0d0d;
box-shadow: none;
color: #737373;
+ text-shadow: unset;
}
.jewel.snackbar.emphasized .jewel.snackbar-content {
@@ -120,4 +121,38 @@ div {
background: linear-gradient(#F8B13F, #f69d0e);
}
+.jewel.togglebutton.emphasized {
+ background: linear-gradient(#f9bb58, #f7a726);
+ border: 1px solid #e28f08;
+ box-shadow: inset 0 1px 0 #fcd9a1;
+ border-radius: 3px;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(152, 96, 6, 0.7);
+}
+.jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
+ background: linear-gradient(#F8B13F, #f69d0e);
+ border: 1px solid #ca7f07;
+}
+.jewel.togglebutton.emphasized:active, .jewel.togglebutton.emphasized:active:focus {
+ background: linear-gradient(#f69d0e, #ca7f07);
+ border: 1px solid #986006;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.emphasized:focus {
+ border: 1px solid #e28f08;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.emphasized[disabled] {
+ background: #404040;
+ border: 1px solid #0d0d0d;
+ box-shadow: none;
+ color: #737373;
+ text-shadow: unset;
+}
+.jewel.togglebutton.emphasized.selected {
+ background: linear-gradient(#f69d0e, #ca7f07);
+ border: 1px solid #986006;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
/*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Topaz-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Topaz-Theme/src/main/resources/defaults.css
index bd0fa2d..c4319f8 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Topaz-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Topaz-Theme/src/main/resources/defaults.css
@@ -102,6 +102,7 @@ div {
border: 1px solid #0d0d0d;
box-shadow: none;
color: #737373;
+ text-shadow: unset;
}
.jewel.snackbar.emphasized .jewel.snackbar-content {
@@ -120,4 +121,38 @@ div {
background: linear-gradient(#EF5A2A, #d64010);
}
+.jewel.togglebutton.emphasized {
+ background: linear-gradient(#f16c42, #ed4812);
+ border: 1px solid #be390e;
+ box-shadow: inset 0 1px 0 #f6a389;
+ border-radius: 3px;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(119, 36, 9, 0.7);
+}
+.jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
+ background: linear-gradient(#EF5A2A, #d64010);
+ border: 1px solid #a6320d;
+}
+.jewel.togglebutton.emphasized:active, .jewel.togglebutton.emphasized:active:focus {
+ background: linear-gradient(#d64010, #a6320d);
+ border: 1px solid #772409;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.emphasized:focus {
+ border: 1px solid #be390e;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.emphasized[disabled] {
+ background: #404040;
+ border: 1px solid #0d0d0d;
+ box-shadow: none;
+ color: #737373;
+ text-shadow: unset;
+}
+.jewel.togglebutton.emphasized.selected {
+ background: linear-gradient(#d64010, #a6320d);
+ border: 1px solid #772409;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
/*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Turquoise-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Turquoise-Theme/src/main/resources/defaults.css
index d99c7ca..1c9a0e4 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Turquoise-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Turquoise-Theme/src/main/resources/defaults.css
@@ -102,6 +102,7 @@ div {
border: 1px solid #0d0d0d;
box-shadow: none;
color: #737373;
+ text-shadow: unset;
}
.jewel.snackbar.emphasized .jewel.snackbar-content {
@@ -120,4 +121,38 @@ div {
background: linear-gradient(#29A89F, #1f7f78);
}
+.jewel.togglebutton.emphasized {
+ background: linear-gradient(#2ebcb2, #24948c);
+ border: 1px solid #1a6b65;
+ box-shadow: inset 0 1px 0 #5fd8cf;
+ border-radius: 3px;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(11, 45, 43, 0.7);
+}
+.jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
+ background: linear-gradient(#29A89F, #1f7f78);
+ border: 1px solid #155651;
+}
+.jewel.togglebutton.emphasized:active, .jewel.togglebutton.emphasized:active:focus {
+ background: linear-gradient(#1f7f78, #155651);
+ border: 1px solid #0b2d2b;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.emphasized:focus {
+ border: 1px solid #1a6b65;
+ box-shadow: inset 0px 0px 0px 1px rgba(218, 246, 244, 0.5), inset 0 1px 0 rgba(239, 251, 250, 0.6);
+}
+.jewel.togglebutton.emphasized[disabled] {
+ background: #404040;
+ border: 1px solid #0d0d0d;
+ box-shadow: none;
+ color: #737373;
+ text-shadow: unset;
+}
+.jewel.togglebutton.emphasized.selected {
+ background: linear-gradient(#1f7f78, #155651);
+ border: 1px solid #0b2d2b;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
/*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Violet-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Violet-Theme/src/main/resources/defaults.css
index 3693d16..b1354e8 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Violet-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Violet-Theme/src/main/resources/defaults.css
@@ -102,6 +102,7 @@ div {
border: 1px solid #0d0d0d;
box-shadow: none;
color: #737373;
+ text-shadow: unset;
}
.jewel.snackbar.emphasized .jewel.snackbar-content {
@@ -120,4 +121,38 @@ div {
background: linear-gradient(#662C90, #4a2069);
}
+.jewel.togglebutton.emphasized {
+ background: linear-gradient(#7432a4, #58267c);
+ border: 1px solid #3c1a55;
+ box-shadow: inset 0 1px 0 #9a56cc;
+ border-radius: 3px;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(19, 8, 27, 0.7);
+}
+.jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
+ background: linear-gradient(#662C90, #4a2069);
+ border: 1px solid #2f1442;
+}
+.jewel.togglebutton.emphasized:active, .jewel.togglebutton.emphasized:active:focus {
+ background: linear-gradient(#4a2069, #2f1442);
+ border: 1px solid #13081b;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.emphasized:focus {
+ border: 1px solid #3c1a55;
+ box-shadow: inset 0px 0px 0px 1px rgba(224, 204, 239, 0.5), inset 0 1px 0 rgba(236, 223, 245, 0.6);
+}
+.jewel.togglebutton.emphasized[disabled] {
+ background: #404040;
+ border: 1px solid #0d0d0d;
+ box-shadow: none;
+ color: #737373;
+ text-shadow: unset;
+}
+.jewel.togglebutton.emphasized.selected {
+ background: linear-gradient(#4a2069, #2f1442);
+ border: 1px solid #13081b;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
/*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Yellow-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Yellow-Theme/src/main/resources/defaults.css
index 3d41d50..337b961 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Yellow-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Yellow-Theme/src/main/resources/defaults.css
@@ -102,6 +102,7 @@ div {
border: 1px solid #0d0d0d;
box-shadow: none;
color: #737373;
+ text-shadow: unset;
}
.jewel.snackbar.emphasized .jewel.snackbar-content {
@@ -120,4 +121,38 @@ div {
background: linear-gradient(#E2D70B, #b1a909);
}
+.jewel.togglebutton.emphasized {
+ background: linear-gradient(#f4e813, #cac00a);
+ border: 1px solid #999207;
+ box-shadow: inset 0 1px 0 #f7ef5c;
+ border-radius: 3px;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(80, 76, 4, 0.7);
+}
+.jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
+ background: linear-gradient(#E2D70B, #b1a909);
+ border: 1px solid #817a06;
+}
+.jewel.togglebutton.emphasized:active, .jewel.togglebutton.emphasized:active:focus {
+ background: linear-gradient(#b1a909, #817a06);
+ border: 1px solid #504c04;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.emphasized:focus {
+ border: 1px solid #999207;
+ box-shadow: inset 0px 0px 0px 1px rgba(254, 253, 238, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.emphasized[disabled] {
+ background: #404040;
+ border: 1px solid #0d0d0d;
+ box-shadow: none;
+ color: #737373;
+ text-shadow: unset;
+}
+.jewel.togglebutton.emphasized.selected {
+ background: linear-gradient(#b1a909, #817a06);
+ border: 1px solid #504c04;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
/*# sourceMappingURL=defaults.css.map */
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 6eda600..c491605 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
@@ -164,10 +164,10 @@ div {
border: 1px solid #0d0d0d;
box-shadow: none;
color: #737373;
+ text-shadow: unset;
}
.jewel.button[disabled] {
font-weight: 400;
- text-shadow: unset;
}
.jewel.button.icon i {
margin-left: 0px;
@@ -204,6 +204,7 @@ div {
border: 1px solid #0d0d0d;
box-shadow: none;
color: #737373;
+ text-shadow: unset;
}
.jewel.card {
@@ -909,11 +910,88 @@ a:active {
color: #737373;
}
-.jewel.togglebutton .fonticon {
+.jewel.togglebutton {
+ background: linear-gradient(#666666, #4c4c4c);
+ border: 1px solid #333333;
+ box-shadow: inset 0 1px 0 #8c8c8c;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(13, 13, 13, 0.7);
+ font-family: "Lato", sans-serif;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+.jewel.togglebutton:hover, .jewel.togglebutton:hover:focus {
+ background: linear-gradient(#595959, #404040);
+ border: 1px solid #262626;
+}
+.jewel.togglebutton:active, .jewel.togglebutton:active:focus {
+ background: linear-gradient(#404040, #262626);
+ border: 1px solid #0d0d0d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton:focus {
+ border: 1px solid #333333;
+ box-shadow: inset 0px 0px 0px 1px rgba(217, 217, 217, 0.5), inset 0 1px 0 rgba(229, 229, 229, 0.6);
+}
+.jewel.togglebutton[disabled] {
+ background: #404040;
+ border: 1px solid #0d0d0d;
+ box-shadow: none;
+ color: #737373;
+ text-shadow: unset;
+}
+.jewel.togglebutton.selected {
+ background: linear-gradient(#404040, #262626);
+ border: 1px solid #0d0d0d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton[disabled] {
+ font-weight: 400;
+}
+.jewel.togglebutton.icon i {
+ margin-left: 0px;
+ margin-right: 0px;
+}
+.jewel.togglebutton.iconWithSpace i {
margin-left: 0px;
margin-right: 8px;
}
+.jewel.togglebutton.primary {
+ background: linear-gradient(#d43bd1, #b427b1);
+ border: 1px solid #8a1e88;
+ box-shadow: inset 0 1px 0 #e279e0;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(75, 17, 74, 0.7);
+}
+.jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
+ background: linear-gradient(#C92CC6, #9f239d);
+ border: 1px solid #751a74;
+}
+.jewel.togglebutton.primary:active, .jewel.togglebutton.primary:active:focus {
+ background: linear-gradient(#9f239d, #751a74);
+ border: 1px solid #4b114a;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.primary:focus {
+ border: 1px solid #8a1e88;
+ box-shadow: inset 0px 0px 0px 1px rgba(253, 247, 253, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.primary[disabled] {
+ background: #404040;
+ border: 1px solid #0d0d0d;
+ box-shadow: none;
+ color: #737373;
+ text-shadow: unset;
+}
+.jewel.togglebutton.primary.selected {
+ background: linear-gradient(#9f239d, #751a74);
+ border: 1px solid #4b114a;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
.jewel.tooltip {
color: #FFFFFF;
background: #404040;
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 e286d21..9c70079 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
@@ -164,10 +164,10 @@ div {
border: 1px solid #0d0d0d;
box-shadow: none;
color: #737373;
+ text-shadow: unset;
}
.jewel.button[disabled] {
font-weight: 400;
- text-shadow: unset;
}
.jewel.button.icon i {
margin-left: 0px;
@@ -204,6 +204,7 @@ div {
border: 1px solid #0d0d0d;
box-shadow: none;
color: #737373;
+ text-shadow: unset;
}
.jewel.card {
@@ -909,11 +910,88 @@ a:active {
color: #737373;
}
-.jewel.togglebutton .fonticon {
+.jewel.togglebutton {
+ background: linear-gradient(#666666, #4c4c4c);
+ border: 1px solid #333333;
+ box-shadow: inset 0 1px 0 #8c8c8c;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(13, 13, 13, 0.7);
+ font-family: "Lato", sans-serif;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+.jewel.togglebutton:hover, .jewel.togglebutton:hover:focus {
+ background: linear-gradient(#595959, #404040);
+ border: 1px solid #262626;
+}
+.jewel.togglebutton:active, .jewel.togglebutton:active:focus {
+ background: linear-gradient(#404040, #262626);
+ border: 1px solid #0d0d0d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton:focus {
+ border: 1px solid #333333;
+ box-shadow: inset 0px 0px 0px 1px rgba(217, 217, 217, 0.5), inset 0 1px 0 rgba(229, 229, 229, 0.6);
+}
+.jewel.togglebutton[disabled] {
+ background: #404040;
+ border: 1px solid #0d0d0d;
+ box-shadow: none;
+ color: #737373;
+ text-shadow: unset;
+}
+.jewel.togglebutton.selected {
+ background: linear-gradient(#404040, #262626);
+ border: 1px solid #0d0d0d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton[disabled] {
+ font-weight: 400;
+}
+.jewel.togglebutton.icon i {
+ margin-left: 0px;
+ margin-right: 0px;
+}
+.jewel.togglebutton.iconWithSpace i {
margin-left: 0px;
margin-right: 8px;
}
+.jewel.togglebutton.primary {
+ background: linear-gradient(#54b7f3, #24a3ef);
+ border: 1px solid #0f88d1;
+ box-shadow: inset 0 1px 0 #9bd5f8;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(10, 90, 138, 0.7);
+}
+.jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
+ background: linear-gradient(#3CADF1, #1198e9);
+ border: 1px solid #0d79ba;
+}
+.jewel.togglebutton.primary:active, .jewel.togglebutton.primary:active:focus {
+ background: linear-gradient(#1198e9, #0d79ba);
+ border: 1px solid #0a5a8a;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.primary:focus {
+ border: 1px solid #0f88d1;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.primary[disabled] {
+ background: #404040;
+ border: 1px solid #0d0d0d;
+ box-shadow: none;
+ color: #737373;
+ text-shadow: unset;
+}
+.jewel.togglebutton.primary.selected {
+ background: linear-gradient(#1198e9, #0d79ba);
+ border: 1px solid #0a5a8a;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
.jewel.tooltip {
color: #FFFFFF;
background: #404040;
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 3f29fb4..370252c 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
@@ -164,10 +164,10 @@ div {
border: 1px solid #0d0d0d;
box-shadow: none;
color: #737373;
+ text-shadow: unset;
}
.jewel.button[disabled] {
font-weight: 400;
- text-shadow: unset;
}
.jewel.button.icon i {
margin-left: 0px;
@@ -204,6 +204,7 @@ div {
border: 1px solid #0d0d0d;
box-shadow: none;
color: #737373;
+ text-shadow: unset;
}
.jewel.card {
@@ -909,11 +910,88 @@ a:active {
color: #737373;
}
-.jewel.togglebutton .fonticon {
+.jewel.togglebutton {
+ background: linear-gradient(#666666, #4c4c4c);
+ border: 1px solid #333333;
+ box-shadow: inset 0 1px 0 #8c8c8c;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(13, 13, 13, 0.7);
+ font-family: "Lato", sans-serif;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+.jewel.togglebutton:hover, .jewel.togglebutton:hover:focus {
+ background: linear-gradient(#595959, #404040);
+ border: 1px solid #262626;
+}
+.jewel.togglebutton:active, .jewel.togglebutton:active:focus {
+ background: linear-gradient(#404040, #262626);
+ border: 1px solid #0d0d0d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton:focus {
+ border: 1px solid #333333;
+ box-shadow: inset 0px 0px 0px 1px rgba(217, 217, 217, 0.5), inset 0 1px 0 rgba(229, 229, 229, 0.6);
+}
+.jewel.togglebutton[disabled] {
+ background: #404040;
+ border: 1px solid #0d0d0d;
+ box-shadow: none;
+ color: #737373;
+ text-shadow: unset;
+}
+.jewel.togglebutton.selected {
+ background: linear-gradient(#404040, #262626);
+ border: 1px solid #0d0d0d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton[disabled] {
+ font-weight: 400;
+}
+.jewel.togglebutton.icon i {
+ margin-left: 0px;
+ margin-right: 0px;
+}
+.jewel.togglebutton.iconWithSpace i {
margin-left: 0px;
margin-right: 8px;
}
+.jewel.togglebutton.primary {
+ background: linear-gradient(#98cc50, #7eb435);
+ border: 1px solid #638c29;
+ box-shadow: inset 0 1px 0 #bbdd8b;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(57, 81, 24, 0.7);
+}
+.jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
+ background: linear-gradient(#8CC63C, #71a02f);
+ border: 1px solid #557923;
+}
+.jewel.togglebutton.primary:active, .jewel.togglebutton.primary:active:focus {
+ background: linear-gradient(#71a02f, #557923);
+ border: 1px solid #395118;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.primary:focus {
+ border: 1px solid #638c29;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.primary[disabled] {
+ background: #404040;
+ border: 1px solid #0d0d0d;
+ box-shadow: none;
+ color: #737373;
+ text-shadow: unset;
+}
+.jewel.togglebutton.primary.selected {
+ background: linear-gradient(#71a02f, #557923);
+ border: 1px solid #395118;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
.jewel.tooltip {
color: #FFFFFF;
background: #404040;
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 6c93183..2580333 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
@@ -164,10 +164,10 @@ div {
border: 1px solid #0d0d0d;
box-shadow: none;
color: #737373;
+ text-shadow: unset;
}
.jewel.button[disabled] {
font-weight: 400;
- text-shadow: unset;
}
.jewel.button.icon i {
margin-left: 0px;
@@ -204,6 +204,7 @@ div {
border: 1px solid #0d0d0d;
box-shadow: none;
color: #737373;
+ text-shadow: unset;
}
.jewel.card {
@@ -909,11 +910,88 @@ a:active {
color: #737373;
}
-.jewel.togglebutton .fonticon {
+.jewel.togglebutton {
+ background: linear-gradient(#666666, #4c4c4c);
+ border: 1px solid #333333;
+ box-shadow: inset 0 1px 0 #8c8c8c;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(13, 13, 13, 0.7);
+ font-family: "Lato", sans-serif;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+.jewel.togglebutton:hover, .jewel.togglebutton:hover:focus {
+ background: linear-gradient(#595959, #404040);
+ border: 1px solid #262626;
+}
+.jewel.togglebutton:active, .jewel.togglebutton:active:focus {
+ background: linear-gradient(#404040, #262626);
+ border: 1px solid #0d0d0d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton:focus {
+ border: 1px solid #333333;
+ box-shadow: inset 0px 0px 0px 1px rgba(217, 217, 217, 0.5), inset 0 1px 0 rgba(229, 229, 229, 0.6);
+}
+.jewel.togglebutton[disabled] {
+ background: #404040;
+ border: 1px solid #0d0d0d;
+ box-shadow: none;
+ color: #737373;
+ text-shadow: unset;
+}
+.jewel.togglebutton.selected {
+ background: linear-gradient(#404040, #262626);
+ border: 1px solid #0d0d0d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton[disabled] {
+ font-weight: 400;
+}
+.jewel.togglebutton.icon i {
+ margin-left: 0px;
+ margin-right: 0px;
+}
+.jewel.togglebutton.iconWithSpace i {
margin-left: 0px;
margin-right: 8px;
}
+.jewel.togglebutton.primary {
+ background: linear-gradient(#45c354, #34a241);
+ border: 1px solid #277b32;
+ box-shadow: inset 0 1px 0 #7fd68a;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(21, 65, 26, 0.7);
+}
+.jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
+ background: linear-gradient(#3AB549, #2e8e39);
+ border: 1px solid #21682a;
+}
+.jewel.togglebutton.primary:active, .jewel.togglebutton.primary:active:focus {
+ background: linear-gradient(#2e8e39, #21682a);
+ border: 1px solid #15411a;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.primary:focus {
+ border: 1px solid #277b32;
+ box-shadow: inset 0px 0px 0px 1px rgba(243, 251, 244, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.primary[disabled] {
+ background: #404040;
+ border: 1px solid #0d0d0d;
+ box-shadow: none;
+ color: #737373;
+ text-shadow: unset;
+}
+.jewel.togglebutton.primary.selected {
+ background: linear-gradient(#2e8e39, #21682a);
+ border: 1px solid #15411a;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
.jewel.tooltip {
color: #FFFFFF;
background: #404040;
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 4700196..cdaef40 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
@@ -164,10 +164,10 @@ div {
border: 1px solid #0d0d0d;
box-shadow: none;
color: #737373;
+ text-shadow: unset;
}
.jewel.button[disabled] {
font-weight: 400;
- text-shadow: unset;
}
.jewel.button.icon i {
margin-left: 0px;
@@ -204,6 +204,7 @@ div {
border: 1px solid #0d0d0d;
box-shadow: none;
color: #737373;
+ text-shadow: unset;
}
.jewel.card {
@@ -909,11 +910,88 @@ a:active {
color: #737373;
}
-.jewel.togglebutton .fonticon {
+.jewel.togglebutton {
+ background: linear-gradient(#666666, #4c4c4c);
+ border: 1px solid #333333;
+ box-shadow: inset 0 1px 0 #8c8c8c;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(13, 13, 13, 0.7);
+ font-family: "Lato", sans-serif;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+.jewel.togglebutton:hover, .jewel.togglebutton:hover:focus {
+ background: linear-gradient(#595959, #404040);
+ border: 1px solid #262626;
+}
+.jewel.togglebutton:active, .jewel.togglebutton:active:focus {
+ background: linear-gradient(#404040, #262626);
+ border: 1px solid #0d0d0d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton:focus {
+ border: 1px solid #333333;
+ box-shadow: inset 0px 0px 0px 1px rgba(217, 217, 217, 0.5), inset 0 1px 0 rgba(229, 229, 229, 0.6);
+}
+.jewel.togglebutton[disabled] {
+ background: #404040;
+ border: 1px solid #0d0d0d;
+ box-shadow: none;
+ color: #737373;
+ text-shadow: unset;
+}
+.jewel.togglebutton.selected {
+ background: linear-gradient(#404040, #262626);
+ border: 1px solid #0d0d0d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton[disabled] {
+ font-weight: 400;
+}
+.jewel.togglebutton.icon i {
+ margin-left: 0px;
+ margin-right: 0px;
+}
+.jewel.togglebutton.iconWithSpace i {
margin-left: 0px;
margin-right: 8px;
}
+.jewel.togglebutton.primary {
+ background: linear-gradient(#f8a036, #f28809);
+ border: 1px solid #c16c07;
+ box-shadow: inset 0 1px 0 #fac380;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(119, 67, 4, 0.7);
+}
+.jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
+ background: linear-gradient(#F7941D, #d97a08);
+ border: 1px solid #a85e06;
+}
+.jewel.togglebutton.primary:active, .jewel.togglebutton.primary:active:focus {
+ background: linear-gradient(#d97a08, #a85e06);
+ border: 1px solid #774304;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.primary:focus {
+ border: 1px solid #c16c07;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.primary[disabled] {
+ background: #404040;
+ border: 1px solid #0d0d0d;
+ box-shadow: none;
+ color: #737373;
+ text-shadow: unset;
+}
+.jewel.togglebutton.primary.selected {
+ background: linear-gradient(#d97a08, #a85e06);
+ border: 1px solid #774304;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
.jewel.tooltip {
color: #FFFFFF;
background: #404040;
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 2a7f861..b7caaf6 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
@@ -164,10 +164,10 @@ div {
border: 1px solid #0d0d0d;
box-shadow: none;
color: #737373;
+ text-shadow: unset;
}
.jewel.button[disabled] {
font-weight: 400;
- text-shadow: unset;
}
.jewel.button.icon i {
margin-left: 0px;
@@ -204,6 +204,7 @@ div {
border: 1px solid #0d0d0d;
box-shadow: none;
color: #737373;
+ text-shadow: unset;
}
.jewel.card {
@@ -909,11 +910,88 @@ a:active {
color: #737373;
}
-.jewel.togglebutton .fonticon {
+.jewel.togglebutton {
+ background: linear-gradient(#666666, #4c4c4c);
+ border: 1px solid #333333;
+ box-shadow: inset 0 1px 0 #8c8c8c;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(13, 13, 13, 0.7);
+ font-family: "Lato", sans-serif;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+.jewel.togglebutton:hover, .jewel.togglebutton:hover:focus {
+ background: linear-gradient(#595959, #404040);
+ border: 1px solid #262626;
+}
+.jewel.togglebutton:active, .jewel.togglebutton:active:focus {
+ background: linear-gradient(#404040, #262626);
+ border: 1px solid #0d0d0d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton:focus {
+ border: 1px solid #333333;
+ box-shadow: inset 0px 0px 0px 1px rgba(217, 217, 217, 0.5), inset 0 1px 0 rgba(229, 229, 229, 0.6);
+}
+.jewel.togglebutton[disabled] {
+ background: #404040;
+ border: 1px solid #0d0d0d;
+ box-shadow: none;
+ color: #737373;
+ text-shadow: unset;
+}
+.jewel.togglebutton.selected {
+ background: linear-gradient(#404040, #262626);
+ border: 1px solid #0d0d0d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton[disabled] {
+ font-weight: 400;
+}
+.jewel.togglebutton.icon i {
+ margin-left: 0px;
+ margin-right: 0px;
+}
+.jewel.togglebutton.iconWithSpace i {
margin-left: 0px;
margin-right: 8px;
}
+.jewel.togglebutton.primary {
+ background: linear-gradient(#ee343b, #dc121a);
+ border: 1px solid #ad0e15;
+ box-shadow: inset 0 1px 0 #f47a7f;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(102, 9, 12, 0.7);
+}
+.jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
+ background: linear-gradient(#EC1C24, #c51017);
+ border: 1px solid #950d12;
+}
+.jewel.togglebutton.primary:active, .jewel.togglebutton.primary:active:focus {
+ background: linear-gradient(#c51017, #950d12);
+ border: 1px solid #66090c;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.primary:focus {
+ border: 1px solid #ad0e15;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.primary[disabled] {
+ background: #404040;
+ border: 1px solid #0d0d0d;
+ box-shadow: none;
+ color: #737373;
+ text-shadow: unset;
+}
+.jewel.togglebutton.primary.selected {
+ background: linear-gradient(#c51017, #950d12);
+ border: 1px solid #66090c;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
.jewel.tooltip {
color: #FFFFFF;
background: #404040;
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 a8ecaaf..6e10c44 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
@@ -164,10 +164,10 @@ div {
border: 1px solid #0d0d0d;
box-shadow: none;
color: #737373;
+ text-shadow: unset;
}
.jewel.button[disabled] {
font-weight: 400;
- text-shadow: unset;
}
.jewel.button.icon i {
margin-left: 0px;
@@ -204,6 +204,7 @@ div {
border: 1px solid #0d0d0d;
box-shadow: none;
color: #737373;
+ text-shadow: unset;
}
.jewel.card {
@@ -909,11 +910,88 @@ a:active {
color: #737373;
}
-.jewel.togglebutton .fonticon {
+.jewel.togglebutton {
+ background: linear-gradient(#666666, #4c4c4c);
+ border: 1px solid #333333;
+ box-shadow: inset 0 1px 0 #8c8c8c;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(13, 13, 13, 0.7);
+ font-family: "Lato", sans-serif;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+.jewel.togglebutton:hover, .jewel.togglebutton:hover:focus {
+ background: linear-gradient(#595959, #404040);
+ border: 1px solid #262626;
+}
+.jewel.togglebutton:active, .jewel.togglebutton:active:focus {
+ background: linear-gradient(#404040, #262626);
+ border: 1px solid #0d0d0d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton:focus {
+ border: 1px solid #333333;
+ box-shadow: inset 0px 0px 0px 1px rgba(217, 217, 217, 0.5), inset 0 1px 0 rgba(229, 229, 229, 0.6);
+}
+.jewel.togglebutton[disabled] {
+ background: #404040;
+ border: 1px solid #0d0d0d;
+ box-shadow: none;
+ color: #737373;
+ text-shadow: unset;
+}
+.jewel.togglebutton.selected {
+ background: linear-gradient(#404040, #262626);
+ border: 1px solid #0d0d0d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton[disabled] {
+ font-weight: 400;
+}
+.jewel.togglebutton.icon i {
+ margin-left: 0px;
+ margin-right: 0px;
+}
+.jewel.togglebutton.iconWithSpace i {
margin-left: 0px;
margin-right: 8px;
}
+.jewel.togglebutton.primary {
+ background: linear-gradient(#3481d0, #2767a9);
+ border: 1px solid #1e4e80;
+ box-shadow: inset 0 1px 0 #72a7de;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(15, 40, 66, 0.7);
+}
+.jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
+ background: linear-gradient(#2C74BE, #225b95);
+ border: 1px solid #19416b;
+}
+.jewel.togglebutton.primary:active, .jewel.togglebutton.primary:active:focus {
+ background: linear-gradient(#225b95, #19416b);
+ border: 1px solid #0f2842;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.primary:focus {
+ border: 1px solid #1e4e80;
+ box-shadow: inset 0px 0px 0px 1px rgba(238, 244, 251, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.primary[disabled] {
+ background: #404040;
+ border: 1px solid #0d0d0d;
+ box-shadow: none;
+ color: #737373;
+ text-shadow: unset;
+}
+.jewel.togglebutton.primary.selected {
+ background: linear-gradient(#225b95, #19416b);
+ border: 1px solid #0f2842;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
.jewel.tooltip {
color: #FFFFFF;
background: #404040;
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 f087faa..a8d31db 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
@@ -164,10 +164,10 @@ div {
border: 1px solid #0d0d0d;
box-shadow: none;
color: #737373;
+ text-shadow: unset;
}
.jewel.button[disabled] {
font-weight: 400;
- text-shadow: unset;
}
.jewel.button.icon i {
margin-left: 0px;
@@ -204,6 +204,7 @@ div {
border: 1px solid #0d0d0d;
box-shadow: none;
color: #737373;
+ text-shadow: unset;
}
.jewel.card {
@@ -909,11 +910,88 @@ a:active {
color: #737373;
}
-.jewel.togglebutton .fonticon {
+.jewel.togglebutton {
+ background: linear-gradient(#666666, #4c4c4c);
+ border: 1px solid #333333;
+ box-shadow: inset 0 1px 0 #8c8c8c;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(13, 13, 13, 0.7);
+ font-family: "Lato", sans-serif;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+.jewel.togglebutton:hover, .jewel.togglebutton:hover:focus {
+ background: linear-gradient(#595959, #404040);
+ border: 1px solid #262626;
+}
+.jewel.togglebutton:active, .jewel.togglebutton:active:focus {
+ background: linear-gradient(#404040, #262626);
+ border: 1px solid #0d0d0d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton:focus {
+ border: 1px solid #333333;
+ box-shadow: inset 0px 0px 0px 1px rgba(217, 217, 217, 0.5), inset 0 1px 0 rgba(229, 229, 229, 0.6);
+}
+.jewel.togglebutton[disabled] {
+ background: #404040;
+ border: 1px solid #0d0d0d;
+ box-shadow: none;
+ color: #737373;
+ text-shadow: unset;
+}
+.jewel.togglebutton.selected {
+ background: linear-gradient(#404040, #262626);
+ border: 1px solid #0d0d0d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton[disabled] {
+ font-weight: 400;
+}
+.jewel.togglebutton.icon i {
+ margin-left: 0px;
+ margin-right: 0px;
+}
+.jewel.togglebutton.iconWithSpace i {
margin-left: 0px;
margin-right: 8px;
}
+.jewel.togglebutton.primary {
+ background: linear-gradient(#f9bb58, #f7a726);
+ border: 1px solid #e28f08;
+ box-shadow: inset 0 1px 0 #fcd9a1;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(152, 96, 6, 0.7);
+}
+.jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
+ background: linear-gradient(#F8B13F, #f69d0e);
+ border: 1px solid #ca7f07;
+}
+.jewel.togglebutton.primary:active, .jewel.togglebutton.primary:active:focus {
+ background: linear-gradient(#f69d0e, #ca7f07);
+ border: 1px solid #986006;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.primary:focus {
+ border: 1px solid #e28f08;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.primary[disabled] {
+ background: #404040;
+ border: 1px solid #0d0d0d;
+ box-shadow: none;
+ color: #737373;
+ text-shadow: unset;
+}
+.jewel.togglebutton.primary.selected {
+ background: linear-gradient(#f69d0e, #ca7f07);
+ border: 1px solid #986006;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
.jewel.tooltip {
color: #FFFFFF;
background: #404040;
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 54b12f4..552ba2f 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
@@ -164,10 +164,10 @@ div {
border: 1px solid #0d0d0d;
box-shadow: none;
color: #737373;
+ text-shadow: unset;
}
.jewel.button[disabled] {
font-weight: 400;
- text-shadow: unset;
}
.jewel.button.icon i {
margin-left: 0px;
@@ -204,6 +204,7 @@ div {
border: 1px solid #0d0d0d;
box-shadow: none;
color: #737373;
+ text-shadow: unset;
}
.jewel.card {
@@ -909,11 +910,88 @@ a:active {
color: #737373;
}
-.jewel.togglebutton .fonticon {
+.jewel.togglebutton {
+ background: linear-gradient(#666666, #4c4c4c);
+ border: 1px solid #333333;
+ box-shadow: inset 0 1px 0 #8c8c8c;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(13, 13, 13, 0.7);
+ font-family: "Lato", sans-serif;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+.jewel.togglebutton:hover, .jewel.togglebutton:hover:focus {
+ background: linear-gradient(#595959, #404040);
+ border: 1px solid #262626;
+}
+.jewel.togglebutton:active, .jewel.togglebutton:active:focus {
+ background: linear-gradient(#404040, #262626);
+ border: 1px solid #0d0d0d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton:focus {
+ border: 1px solid #333333;
+ box-shadow: inset 0px 0px 0px 1px rgba(217, 217, 217, 0.5), inset 0 1px 0 rgba(229, 229, 229, 0.6);
+}
+.jewel.togglebutton[disabled] {
+ background: #404040;
+ border: 1px solid #0d0d0d;
+ box-shadow: none;
+ color: #737373;
+ text-shadow: unset;
+}
+.jewel.togglebutton.selected {
+ background: linear-gradient(#404040, #262626);
+ border: 1px solid #0d0d0d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton[disabled] {
+ font-weight: 400;
+}
+.jewel.togglebutton.icon i {
+ margin-left: 0px;
+ margin-right: 0px;
+}
+.jewel.togglebutton.iconWithSpace i {
margin-left: 0px;
margin-right: 8px;
}
+.jewel.togglebutton.primary {
+ background: linear-gradient(#f16c42, #ed4812);
+ border: 1px solid #be390e;
+ box-shadow: inset 0 1px 0 #f6a389;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(119, 36, 9, 0.7);
+}
+.jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
+ background: linear-gradient(#EF5A2A, #d64010);
+ border: 1px solid #a6320d;
+}
+.jewel.togglebutton.primary:active, .jewel.togglebutton.primary:active:focus {
+ background: linear-gradient(#d64010, #a6320d);
+ border: 1px solid #772409;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.primary:focus {
+ border: 1px solid #be390e;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.primary[disabled] {
+ background: #404040;
+ border: 1px solid #0d0d0d;
+ box-shadow: none;
+ color: #737373;
+ text-shadow: unset;
+}
+.jewel.togglebutton.primary.selected {
+ background: linear-gradient(#d64010, #a6320d);
+ border: 1px solid #772409;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
.jewel.tooltip {
color: #FFFFFF;
background: #404040;
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 4648fd6..4f92941 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
@@ -164,10 +164,10 @@ div {
border: 1px solid #0d0d0d;
box-shadow: none;
color: #737373;
+ text-shadow: unset;
}
.jewel.button[disabled] {
font-weight: 400;
- text-shadow: unset;
}
.jewel.button.icon i {
margin-left: 0px;
@@ -204,6 +204,7 @@ div {
border: 1px solid #0d0d0d;
box-shadow: none;
color: #737373;
+ text-shadow: unset;
}
.jewel.card {
@@ -909,11 +910,88 @@ a:active {
color: #737373;
}
-.jewel.togglebutton .fonticon {
+.jewel.togglebutton {
+ background: linear-gradient(#666666, #4c4c4c);
+ border: 1px solid #333333;
+ box-shadow: inset 0 1px 0 #8c8c8c;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(13, 13, 13, 0.7);
+ font-family: "Lato", sans-serif;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+.jewel.togglebutton:hover, .jewel.togglebutton:hover:focus {
+ background: linear-gradient(#595959, #404040);
+ border: 1px solid #262626;
+}
+.jewel.togglebutton:active, .jewel.togglebutton:active:focus {
+ background: linear-gradient(#404040, #262626);
+ border: 1px solid #0d0d0d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton:focus {
+ border: 1px solid #333333;
+ box-shadow: inset 0px 0px 0px 1px rgba(217, 217, 217, 0.5), inset 0 1px 0 rgba(229, 229, 229, 0.6);
+}
+.jewel.togglebutton[disabled] {
+ background: #404040;
+ border: 1px solid #0d0d0d;
+ box-shadow: none;
+ color: #737373;
+ text-shadow: unset;
+}
+.jewel.togglebutton.selected {
+ background: linear-gradient(#404040, #262626);
+ border: 1px solid #0d0d0d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton[disabled] {
+ font-weight: 400;
+}
+.jewel.togglebutton.icon i {
+ margin-left: 0px;
+ margin-right: 0px;
+}
+.jewel.togglebutton.iconWithSpace i {
margin-left: 0px;
margin-right: 8px;
}
+.jewel.togglebutton.primary {
+ background: linear-gradient(#2ebcb2, #24948c);
+ border: 1px solid #1a6b65;
+ box-shadow: inset 0 1px 0 #5fd8cf;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(11, 45, 43, 0.7);
+}
+.jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
+ background: linear-gradient(#29A89F, #1f7f78);
+ border: 1px solid #155651;
+}
+.jewel.togglebutton.primary:active, .jewel.togglebutton.primary:active:focus {
+ background: linear-gradient(#1f7f78, #155651);
+ border: 1px solid #0b2d2b;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.primary:focus {
+ border: 1px solid #1a6b65;
+ box-shadow: inset 0px 0px 0px 1px rgba(218, 246, 244, 0.5), inset 0 1px 0 rgba(239, 251, 250, 0.6);
+}
+.jewel.togglebutton.primary[disabled] {
+ background: #404040;
+ border: 1px solid #0d0d0d;
+ box-shadow: none;
+ color: #737373;
+ text-shadow: unset;
+}
+.jewel.togglebutton.primary.selected {
+ background: linear-gradient(#1f7f78, #155651);
+ border: 1px solid #0b2d2b;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
.jewel.tooltip {
color: #FFFFFF;
background: #404040;
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 5e11913..c48cc25 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
@@ -164,10 +164,10 @@ div {
border: 1px solid #0d0d0d;
box-shadow: none;
color: #737373;
+ text-shadow: unset;
}
.jewel.button[disabled] {
font-weight: 400;
- text-shadow: unset;
}
.jewel.button.icon i {
margin-left: 0px;
@@ -204,6 +204,7 @@ div {
border: 1px solid #0d0d0d;
box-shadow: none;
color: #737373;
+ text-shadow: unset;
}
.jewel.card {
@@ -909,11 +910,88 @@ a:active {
color: #737373;
}
-.jewel.togglebutton .fonticon {
+.jewel.togglebutton {
+ background: linear-gradient(#666666, #4c4c4c);
+ border: 1px solid #333333;
+ box-shadow: inset 0 1px 0 #8c8c8c;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(13, 13, 13, 0.7);
+ font-family: "Lato", sans-serif;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+.jewel.togglebutton:hover, .jewel.togglebutton:hover:focus {
+ background: linear-gradient(#595959, #404040);
+ border: 1px solid #262626;
+}
+.jewel.togglebutton:active, .jewel.togglebutton:active:focus {
+ background: linear-gradient(#404040, #262626);
+ border: 1px solid #0d0d0d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton:focus {
+ border: 1px solid #333333;
+ box-shadow: inset 0px 0px 0px 1px rgba(217, 217, 217, 0.5), inset 0 1px 0 rgba(229, 229, 229, 0.6);
+}
+.jewel.togglebutton[disabled] {
+ background: #404040;
+ border: 1px solid #0d0d0d;
+ box-shadow: none;
+ color: #737373;
+ text-shadow: unset;
+}
+.jewel.togglebutton.selected {
+ background: linear-gradient(#404040, #262626);
+ border: 1px solid #0d0d0d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton[disabled] {
+ font-weight: 400;
+}
+.jewel.togglebutton.icon i {
+ margin-left: 0px;
+ margin-right: 0px;
+}
+.jewel.togglebutton.iconWithSpace i {
margin-left: 0px;
margin-right: 8px;
}
+.jewel.togglebutton.primary {
+ background: linear-gradient(#7432a4, #58267c);
+ border: 1px solid #3c1a55;
+ box-shadow: inset 0 1px 0 #9a56cc;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(19, 8, 27, 0.7);
+}
+.jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
+ background: linear-gradient(#662C90, #4a2069);
+ border: 1px solid #2f1442;
+}
+.jewel.togglebutton.primary:active, .jewel.togglebutton.primary:active:focus {
+ background: linear-gradient(#4a2069, #2f1442);
+ border: 1px solid #13081b;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.primary:focus {
+ border: 1px solid #3c1a55;
+ box-shadow: inset 0px 0px 0px 1px rgba(224, 204, 239, 0.5), inset 0 1px 0 rgba(236, 223, 245, 0.6);
+}
+.jewel.togglebutton.primary[disabled] {
+ background: #404040;
+ border: 1px solid #0d0d0d;
+ box-shadow: none;
+ color: #737373;
+ text-shadow: unset;
+}
+.jewel.togglebutton.primary.selected {
+ background: linear-gradient(#4a2069, #2f1442);
+ border: 1px solid #13081b;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
.jewel.tooltip {
color: #FFFFFF;
background: #404040;
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 3b522a8..4f4e221 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
@@ -164,10 +164,10 @@ div {
border: 1px solid #0d0d0d;
box-shadow: none;
color: #737373;
+ text-shadow: unset;
}
.jewel.button[disabled] {
font-weight: 400;
- text-shadow: unset;
}
.jewel.button.icon i {
margin-left: 0px;
@@ -204,6 +204,7 @@ div {
border: 1px solid #0d0d0d;
box-shadow: none;
color: #737373;
+ text-shadow: unset;
}
.jewel.card {
@@ -909,11 +910,88 @@ a:active {
color: #737373;
}
-.jewel.togglebutton .fonticon {
+.jewel.togglebutton {
+ background: linear-gradient(#666666, #4c4c4c);
+ border: 1px solid #333333;
+ box-shadow: inset 0 1px 0 #8c8c8c;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(13, 13, 13, 0.7);
+ font-family: "Lato", sans-serif;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+.jewel.togglebutton:hover, .jewel.togglebutton:hover:focus {
+ background: linear-gradient(#595959, #404040);
+ border: 1px solid #262626;
+}
+.jewel.togglebutton:active, .jewel.togglebutton:active:focus {
+ background: linear-gradient(#404040, #262626);
+ border: 1px solid #0d0d0d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton:focus {
+ border: 1px solid #333333;
+ box-shadow: inset 0px 0px 0px 1px rgba(217, 217, 217, 0.5), inset 0 1px 0 rgba(229, 229, 229, 0.6);
+}
+.jewel.togglebutton[disabled] {
+ background: #404040;
+ border: 1px solid #0d0d0d;
+ box-shadow: none;
+ color: #737373;
+ text-shadow: unset;
+}
+.jewel.togglebutton.selected {
+ background: linear-gradient(#404040, #262626);
+ border: 1px solid #0d0d0d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton[disabled] {
+ font-weight: 400;
+}
+.jewel.togglebutton.icon i {
+ margin-left: 0px;
+ margin-right: 0px;
+}
+.jewel.togglebutton.iconWithSpace i {
margin-left: 0px;
margin-right: 8px;
}
+.jewel.togglebutton.primary {
+ background: linear-gradient(#f4e813, #cac00a);
+ border: 1px solid #999207;
+ box-shadow: inset 0 1px 0 #f7ef5c;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(80, 76, 4, 0.7);
+}
+.jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
+ background: linear-gradient(#E2D70B, #b1a909);
+ border: 1px solid #817a06;
+}
+.jewel.togglebutton.primary:active, .jewel.togglebutton.primary:active:focus {
+ background: linear-gradient(#b1a909, #817a06);
+ border: 1px solid #504c04;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.primary:focus {
+ border: 1px solid #999207;
+ box-shadow: inset 0px 0px 0px 1px rgba(254, 253, 238, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.primary[disabled] {
+ background: #404040;
+ border: 1px solid #0d0d0d;
+ box-shadow: none;
+ color: #737373;
+ text-shadow: unset;
+}
+.jewel.togglebutton.primary.selected {
+ background: linear-gradient(#b1a909, #817a06);
+ border: 1px solid #504c04;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
.jewel.tooltip {
color: #FFFFFF;
background: #404040;
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Amethyst-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Amethyst-Theme/src/main/resources/defaults.css
index 299f746..d0eb5c7 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Amethyst-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Amethyst-Theme/src/main/resources/defaults.css
@@ -102,6 +102,7 @@ div {
border: 1px solid #0d0d0d;
box-shadow: none;
color: #737373;
+ text-shadow: unset;
}
.jewel.snackbar.secondary .jewel.snackbar-content {
@@ -132,4 +133,38 @@ a:active {
color: #d94fd6;
}
+.jewel.togglebutton.secondary {
+ background: linear-gradient(#d43bd1, #b427b1);
+ border: 1px solid #8a1e88;
+ box-shadow: inset 0 1px 0 #e279e0;
+ border-radius: 3px;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(75, 17, 74, 0.7);
+}
+.jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
+ background: linear-gradient(#C92CC6, #9f239d);
+ border: 1px solid #751a74;
+}
+.jewel.togglebutton.secondary:active, .jewel.togglebutton.secondary:active:focus {
+ background: linear-gradient(#9f239d, #751a74);
+ border: 1px solid #4b114a;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.secondary:focus {
+ border: 1px solid #8a1e88;
+ box-shadow: inset 0px 0px 0px 1px rgba(253, 247, 253, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.secondary[disabled] {
+ background: #404040;
+ border: 1px solid #0d0d0d;
+ box-shadow: none;
+ color: #737373;
+ text-shadow: unset;
+}
+.jewel.togglebutton.secondary.selected {
+ background: linear-gradient(#9f239d, #751a74);
+ border: 1px solid #4b114a;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
/*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Blue-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Blue-Theme/src/main/resources/defaults.css
index cc8939e..76d4683 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Blue-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Blue-Theme/src/main/resources/defaults.css
@@ -102,6 +102,7 @@ div {
border: 1px solid #0d0d0d;
box-shadow: none;
color: #737373;
+ text-shadow: unset;
}
.jewel.snackbar.secondary .jewel.snackbar-content {
@@ -132,4 +133,38 @@ a:active {
color: #6cc1f4;
}
+.jewel.togglebutton.secondary {
+ background: linear-gradient(#54b7f3, #24a3ef);
+ border: 1px solid #0f88d1;
+ box-shadow: inset 0 1px 0 #9bd5f8;
+ border-radius: 3px;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(10, 90, 138, 0.7);
+}
+.jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
+ background: linear-gradient(#3CADF1, #1198e9);
+ border: 1px solid #0d79ba;
+}
+.jewel.togglebutton.secondary:active, .jewel.togglebutton.secondary:active:focus {
+ background: linear-gradient(#1198e9, #0d79ba);
+ border: 1px solid #0a5a8a;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.secondary:focus {
+ border: 1px solid #0f88d1;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.secondary[disabled] {
+ background: #404040;
+ border: 1px solid #0d0d0d;
+ box-shadow: none;
+ color: #737373;
+ text-shadow: unset;
+}
+.jewel.togglebutton.secondary.selected {
+ background: linear-gradient(#1198e9, #0d79ba);
+ border: 1px solid #0a5a8a;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
/*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Emerald-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Emerald-Theme/src/main/resources/defaults.css
index 09c80bb..3853796 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Emerald-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Emerald-Theme/src/main/resources/defaults.css
@@ -102,6 +102,7 @@ div {
border: 1px solid #0d0d0d;
box-shadow: none;
color: #737373;
+ text-shadow: unset;
}
.jewel.snackbar.secondary .jewel.snackbar-content {
@@ -132,4 +133,38 @@ a:active {
color: #a3d263;
}
+.jewel.togglebutton.secondary {
+ background: linear-gradient(#98cc50, #7eb435);
+ border: 1px solid #638c29;
+ box-shadow: inset 0 1px 0 #bbdd8b;
+ border-radius: 3px;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(57, 81, 24, 0.7);
+}
+.jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
+ background: linear-gradient(#8CC63C, #71a02f);
+ border: 1px solid #557923;
+}
+.jewel.togglebutton.secondary:active, .jewel.togglebutton.secondary:active:focus {
+ background: linear-gradient(#71a02f, #557923);
+ border: 1px solid #395118;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.secondary:focus {
+ border: 1px solid #638c29;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.secondary[disabled] {
+ background: #404040;
+ border: 1px solid #0d0d0d;
+ box-shadow: none;
+ color: #737373;
+ text-shadow: unset;
+}
+.jewel.togglebutton.secondary.selected {
+ background: linear-gradient(#71a02f, #557923);
+ border: 1px solid #395118;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
/*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Green-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Green-Theme/src/main/resources/defaults.css
index 723eb61..5d93072 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Green-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Green-Theme/src/main/resources/defaults.css
@@ -102,6 +102,7 @@ div {
border: 1px solid #0d0d0d;
box-shadow: none;
color: #737373;
+ text-shadow: unset;
}
.jewel.snackbar.secondary .jewel.snackbar-content {
@@ -132,4 +133,38 @@ a:active {
color: #58ca66;
}
+.jewel.togglebutton.secondary {
+ background: linear-gradient(#45c354, #34a241);
+ border: 1px solid #277b32;
+ box-shadow: inset 0 1px 0 #7fd68a;
+ border-radius: 3px;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(21, 65, 26, 0.7);
+}
+.jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
+ background: linear-gradient(#3AB549, #2e8e39);
+ border: 1px solid #21682a;
+}
+.jewel.togglebutton.secondary:active, .jewel.togglebutton.secondary:active:focus {
+ background: linear-gradient(#2e8e39, #21682a);
+ border: 1px solid #15411a;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.secondary:focus {
+ border: 1px solid #277b32;
+ box-shadow: inset 0px 0px 0px 1px rgba(243, 251, 244, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.secondary[disabled] {
+ background: #404040;
+ border: 1px solid #0d0d0d;
+ box-shadow: none;
+ color: #737373;
+ text-shadow: unset;
+}
+.jewel.togglebutton.secondary.selected {
+ background: linear-gradient(#2e8e39, #21682a);
+ border: 1px solid #15411a;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
/*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Orange-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Orange-Theme/src/main/resources/defaults.css
index ed69072..a0f1295 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Orange-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Orange-Theme/src/main/resources/defaults.css
@@ -102,6 +102,7 @@ div {
border: 1px solid #0d0d0d;
box-shadow: none;
color: #737373;
+ text-shadow: unset;
}
.jewel.snackbar.secondary .jewel.snackbar-content {
@@ -132,4 +133,38 @@ a:active {
color: #f9ab4e;
}
+.jewel.togglebutton.secondary {
+ background: linear-gradient(#f8a036, #f28809);
+ border: 1px solid #c16c07;
+ box-shadow: inset 0 1px 0 #fac380;
+ border-radius: 3px;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(119, 67, 4, 0.7);
+}
+.jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
+ background: linear-gradient(#F7941D, #d97a08);
+ border: 1px solid #a85e06;
+}
+.jewel.togglebutton.secondary:active, .jewel.togglebutton.secondary:active:focus {
+ background: linear-gradient(#d97a08, #a85e06);
+ border: 1px solid #774304;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.secondary:focus {
+ border: 1px solid #c16c07;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.secondary[disabled] {
+ background: #404040;
+ border: 1px solid #0d0d0d;
+ box-shadow: none;
+ color: #737373;
+ text-shadow: unset;
+}
+.jewel.togglebutton.secondary.selected {
+ background: linear-gradient(#d97a08, #a85e06);
+ border: 1px solid #774304;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
/*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Red-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Red-Theme/src/main/resources/defaults.css
index a56fc43..9b994cc 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Red-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Red-Theme/src/main/resources/defaults.css
@@ -102,6 +102,7 @@ div {
border: 1px solid #0d0d0d;
box-shadow: none;
color: #737373;
+ text-shadow: unset;
}
.jewel.snackbar.secondary .jewel.snackbar-content {
@@ -132,4 +133,38 @@ a:active {
color: #f04b51;
}
+.jewel.togglebutton.secondary {
+ background: linear-gradient(#ee343b, #dc121a);
+ border: 1px solid #ad0e15;
+ box-shadow: inset 0 1px 0 #f47a7f;
+ border-radius: 3px;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(102, 9, 12, 0.7);
+}
+.jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
+ background: linear-gradient(#EC1C24, #c51017);
+ border: 1px solid #950d12;
+}
+.jewel.togglebutton.secondary:active, .jewel.togglebutton.secondary:active:focus {
+ background: linear-gradient(#c51017, #950d12);
+ border: 1px solid #66090c;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.secondary:focus {
+ border: 1px solid #ad0e15;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.secondary[disabled] {
+ background: #404040;
+ border: 1px solid #0d0d0d;
+ box-shadow: none;
+ color: #737373;
+ text-shadow: unset;
+}
+.jewel.togglebutton.secondary.selected {
+ background: linear-gradient(#c51017, #950d12);
+ border: 1px solid #66090c;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
/*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Sapphire-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Sapphire-Theme/src/main/resources/defaults.css
index 687aa0f..190c265 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Sapphire-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Sapphire-Theme/src/main/resources/defaults.css
@@ -102,6 +102,7 @@ div {
border: 1px solid #0d0d0d;
box-shadow: none;
color: #737373;
+ text-shadow: unset;
}
.jewel.snackbar.secondary .jewel.snackbar-content {
@@ -132,4 +133,38 @@ a:active {
color: #488ed5;
}
+.jewel.togglebutton.secondary {
+ background: linear-gradient(#3481d0, #2767a9);
+ border: 1px solid #1e4e80;
+ box-shadow: inset 0 1px 0 #72a7de;
+ border-radius: 3px;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(15, 40, 66, 0.7);
+}
+.jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
+ background: linear-gradient(#2C74BE, #225b95);
+ border: 1px solid #19416b;
+}
+.jewel.togglebutton.secondary:active, .jewel.togglebutton.secondary:active:focus {
+ background: linear-gradient(#225b95, #19416b);
+ border: 1px solid #0f2842;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.secondary:focus {
+ border: 1px solid #1e4e80;
+ box-shadow: inset 0px 0px 0px 1px rgba(238, 244, 251, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.secondary[disabled] {
+ background: #404040;
+ border: 1px solid #0d0d0d;
+ box-shadow: none;
+ color: #737373;
+ text-shadow: unset;
+}
+.jewel.togglebutton.secondary.selected {
+ background: linear-gradient(#225b95, #19416b);
+ border: 1px solid #0f2842;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
/*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Sunflower-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Sunflower-Theme/src/main/resources/defaults.css
index 8dc223a..2065270 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Sunflower-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Sunflower-Theme/src/main/resources/defaults.css
@@ -102,6 +102,7 @@ div {
border: 1px solid #0d0d0d;
box-shadow: none;
color: #737373;
+ text-shadow: unset;
}
.jewel.snackbar.secondary .jewel.snackbar-content {
@@ -132,4 +133,38 @@ a:active {
color: #fac570;
}
+.jewel.togglebutton.secondary {
+ background: linear-gradient(#f9bb58, #f7a726);
+ border: 1px solid #e28f08;
+ box-shadow: inset 0 1px 0 #fcd9a1;
+ border-radius: 3px;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(152, 96, 6, 0.7);
+}
+.jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
+ background: linear-gradient(#F8B13F, #f69d0e);
+ border: 1px solid #ca7f07;
+}
+.jewel.togglebutton.secondary:active, .jewel.togglebutton.secondary:active:focus {
+ background: linear-gradient(#f69d0e, #ca7f07);
+ border: 1px solid #986006;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.secondary:focus {
+ border: 1px solid #e28f08;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.secondary[disabled] {
+ background: #404040;
+ border: 1px solid #0d0d0d;
+ box-shadow: none;
+ color: #737373;
+ text-shadow: unset;
+}
+.jewel.togglebutton.secondary.selected {
+ background: linear-gradient(#f69d0e, #ca7f07);
+ border: 1px solid #986006;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
/*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Topaz-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Topaz-Theme/src/main/resources/defaults.css
index 23a2796..4d879d4 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Topaz-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Topaz-Theme/src/main/resources/defaults.css
@@ -102,6 +102,7 @@ div {
border: 1px solid #0d0d0d;
box-shadow: none;
color: #737373;
+ text-shadow: unset;
}
.jewel.snackbar.secondary .jewel.snackbar-content {
@@ -132,4 +133,38 @@ a:active {
color: #f37f59;
}
+.jewel.togglebutton.secondary {
+ background: linear-gradient(#f16c42, #ed4812);
+ border: 1px solid #be390e;
+ box-shadow: inset 0 1px 0 #f6a389;
+ border-radius: 3px;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(119, 36, 9, 0.7);
+}
+.jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
+ background: linear-gradient(#EF5A2A, #d64010);
+ border: 1px solid #a6320d;
+}
+.jewel.togglebutton.secondary:active, .jewel.togglebutton.secondary:active:focus {
+ background: linear-gradient(#d64010, #a6320d);
+ border: 1px solid #772409;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.secondary:focus {
+ border: 1px solid #be390e;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.secondary[disabled] {
+ background: #404040;
+ border: 1px solid #0d0d0d;
+ box-shadow: none;
+ color: #737373;
+ text-shadow: unset;
+}
+.jewel.togglebutton.secondary.selected {
+ background: linear-gradient(#d64010, #a6320d);
+ border: 1px solid #772409;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
/*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Turquoise-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Turquoise-Theme/src/main/resources/defaults.css
index d0ad576..7ad8d5a 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Turquoise-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Turquoise-Theme/src/main/resources/defaults.css
@@ -102,6 +102,7 @@ div {
border: 1px solid #0d0d0d;
box-shadow: none;
color: #737373;
+ text-shadow: unset;
}
.jewel.snackbar.secondary .jewel.snackbar-content {
@@ -132,4 +133,38 @@ a:active {
color: #36cec3;
}
+.jewel.togglebutton.secondary {
+ background: linear-gradient(#2ebcb2, #24948c);
+ border: 1px solid #1a6b65;
+ box-shadow: inset 0 1px 0 #5fd8cf;
+ border-radius: 3px;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(11, 45, 43, 0.7);
+}
+.jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
+ background: linear-gradient(#29A89F, #1f7f78);
+ border: 1px solid #155651;
+}
+.jewel.togglebutton.secondary:active, .jewel.togglebutton.secondary:active:focus {
+ background: linear-gradient(#1f7f78, #155651);
+ border: 1px solid #0b2d2b;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.secondary:focus {
+ border: 1px solid #1a6b65;
+ box-shadow: inset 0px 0px 0px 1px rgba(218, 246, 244, 0.5), inset 0 1px 0 rgba(239, 251, 250, 0.6);
+}
+.jewel.togglebutton.secondary[disabled] {
+ background: #404040;
+ border: 1px solid #0d0d0d;
+ box-shadow: none;
+ color: #737373;
+ text-shadow: unset;
+}
+.jewel.togglebutton.secondary.selected {
+ background: linear-gradient(#1f7f78, #155651);
+ border: 1px solid #0b2d2b;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
/*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Violet-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Violet-Theme/src/main/resources/defaults.css
index a725f8f..7efaab8 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Violet-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Violet-Theme/src/main/resources/defaults.css
@@ -102,6 +102,7 @@ div {
border: 1px solid #0d0d0d;
box-shadow: none;
color: #737373;
+ text-shadow: unset;
}
.jewel.snackbar.secondary .jewel.snackbar-content {
@@ -132,4 +133,38 @@ a:active {
color: #8238b7;
}
+.jewel.togglebutton.secondary {
+ background: linear-gradient(#7432a4, #58267c);
+ border: 1px solid #3c1a55;
+ box-shadow: inset 0 1px 0 #9a56cc;
+ border-radius: 3px;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(19, 8, 27, 0.7);
+}
+.jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
+ background: linear-gradient(#662C90, #4a2069);
+ border: 1px solid #2f1442;
+}
+.jewel.togglebutton.secondary:active, .jewel.togglebutton.secondary:active:focus {
+ background: linear-gradient(#4a2069, #2f1442);
+ border: 1px solid #13081b;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.secondary:focus {
+ border: 1px solid #3c1a55;
+ box-shadow: inset 0px 0px 0px 1px rgba(224, 204, 239, 0.5), inset 0 1px 0 rgba(236, 223, 245, 0.6);
+}
+.jewel.togglebutton.secondary[disabled] {
+ background: #404040;
+ border: 1px solid #0d0d0d;
+ box-shadow: none;
+ color: #737373;
+ text-shadow: unset;
+}
+.jewel.togglebutton.secondary.selected {
+ background: linear-gradient(#4a2069, #2f1442);
+ border: 1px solid #13081b;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
/*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Yellow-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Yellow-Theme/src/main/resources/defaults.css
index 10f9429..67a14ba 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Yellow-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Yellow-Theme/src/main/resources/defaults.css
@@ -102,6 +102,7 @@ div {
border: 1px solid #0d0d0d;
box-shadow: none;
color: #737373;
+ text-shadow: unset;
}
.jewel.snackbar.secondary .jewel.snackbar-content {
@@ -132,4 +133,38 @@ a:active {
color: #f5ea2b;
}
+.jewel.togglebutton.secondary {
+ background: linear-gradient(#f4e813, #cac00a);
+ border: 1px solid #999207;
+ box-shadow: inset 0 1px 0 #f7ef5c;
+ border-radius: 3px;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(80, 76, 4, 0.7);
+}
+.jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
+ background: linear-gradient(#E2D70B, #b1a909);
+ border: 1px solid #817a06;
+}
+.jewel.togglebutton.secondary:active, .jewel.togglebutton.secondary:active:focus {
+ background: linear-gradient(#b1a909, #817a06);
+ border: 1px solid #504c04;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.secondary:focus {
+ border: 1px solid #999207;
+ box-shadow: inset 0px 0px 0px 1px rgba(254, 253, 238, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.secondary[disabled] {
+ background: #404040;
+ border: 1px solid #0d0d0d;
+ box-shadow: none;
+ color: #737373;
+ text-shadow: unset;
+}
+.jewel.togglebutton.secondary.selected {
+ background: linear-gradient(#b1a909, #817a06);
+ border: 1px solid #504c04;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
/*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Amethyst-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Amethyst-Theme/src/main/resources/defaults.css
index 26b4bf9..eadd525 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Amethyst-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Amethyst-Theme/src/main/resources/defaults.css
@@ -102,6 +102,7 @@ div {
border: 1px solid #d9d9d9;
box-shadow: none;
color: silver;
+ text-shadow: unset;
}
.jewel.snackbar.emphasized .jewel.snackbar-content {
@@ -120,4 +121,38 @@ div {
background: linear-gradient(#C92CC6, #9f239d);
}
+.jewel.togglebutton.emphasized {
+ background: linear-gradient(#d43bd1, #b427b1);
+ border: 1px solid #8a1e88;
+ box-shadow: inset 0 1px 0 #e279e0;
+ border-radius: 3px;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(75, 17, 74, 0.7);
+}
+.jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
+ background: linear-gradient(#C92CC6, #9f239d);
+ border: 1px solid #751a74;
+}
+.jewel.togglebutton.emphasized:active, .jewel.togglebutton.emphasized:active:focus {
+ background: linear-gradient(#9f239d, #751a74);
+ border: 1px solid #4b114a;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.emphasized:focus {
+ border: 1px solid #8a1e88;
+ box-shadow: inset 0px 0px 0px 1px rgba(253, 247, 253, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.emphasized[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.emphasized.selected {
+ background: linear-gradient(#9f239d, #751a74);
+ border: 1px solid #4b114a;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
/*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Blue-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Blue-Theme/src/main/resources/defaults.css
index 0e05620..fde3dfb 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Blue-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Blue-Theme/src/main/resources/defaults.css
@@ -102,6 +102,7 @@ div {
border: 1px solid #d9d9d9;
box-shadow: none;
color: silver;
+ text-shadow: unset;
}
.jewel.snackbar.emphasized .jewel.snackbar-content {
@@ -120,4 +121,38 @@ div {
background: linear-gradient(#3CADF1, #1198e9);
}
+.jewel.togglebutton.emphasized {
+ background: linear-gradient(#54b7f3, #24a3ef);
+ border: 1px solid #0f88d1;
+ box-shadow: inset 0 1px 0 #9bd5f8;
+ border-radius: 3px;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(10, 90, 138, 0.7);
+}
+.jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
+ background: linear-gradient(#3CADF1, #1198e9);
+ border: 1px solid #0d79ba;
+}
+.jewel.togglebutton.emphasized:active, .jewel.togglebutton.emphasized:active:focus {
+ background: linear-gradient(#1198e9, #0d79ba);
+ border: 1px solid #0a5a8a;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.emphasized:focus {
+ border: 1px solid #0f88d1;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.emphasized[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.emphasized.selected {
+ background: linear-gradient(#1198e9, #0d79ba);
+ border: 1px solid #0a5a8a;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
/*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Emerald-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Emerald-Theme/src/main/resources/defaults.css
index e61ed1c..363eadf 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Emerald-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Emerald-Theme/src/main/resources/defaults.css
@@ -102,6 +102,7 @@ div {
border: 1px solid #d9d9d9;
box-shadow: none;
color: silver;
+ text-shadow: unset;
}
.jewel.snackbar.emphasized .jewel.snackbar-content {
@@ -120,4 +121,38 @@ div {
background: linear-gradient(#8CC63C, #71a02f);
}
+.jewel.togglebutton.emphasized {
+ background: linear-gradient(#98cc50, #7eb435);
+ border: 1px solid #638c29;
+ box-shadow: inset 0 1px 0 #bbdd8b;
+ border-radius: 3px;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(57, 81, 24, 0.7);
+}
+.jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
+ background: linear-gradient(#8CC63C, #71a02f);
+ border: 1px solid #557923;
+}
+.jewel.togglebutton.emphasized:active, .jewel.togglebutton.emphasized:active:focus {
+ background: linear-gradient(#71a02f, #557923);
+ border: 1px solid #395118;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.emphasized:focus {
+ border: 1px solid #638c29;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.emphasized[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.emphasized.selected {
+ background: linear-gradient(#71a02f, #557923);
+ border: 1px solid #395118;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
/*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Green-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Green-Theme/src/main/resources/defaults.css
index 1b5ecab..24b34a7 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Green-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Green-Theme/src/main/resources/defaults.css
@@ -102,6 +102,7 @@ div {
border: 1px solid #d9d9d9;
box-shadow: none;
color: silver;
+ text-shadow: unset;
}
.jewel.snackbar.emphasized .jewel.snackbar-content {
@@ -120,4 +121,38 @@ div {
background: linear-gradient(#3AB549, #2e8e39);
}
+.jewel.togglebutton.emphasized {
+ background: linear-gradient(#45c354, #34a241);
+ border: 1px solid #277b32;
+ box-shadow: inset 0 1px 0 #7fd68a;
+ border-radius: 3px;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(21, 65, 26, 0.7);
+}
+.jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
+ background: linear-gradient(#3AB549, #2e8e39);
+ border: 1px solid #21682a;
+}
+.jewel.togglebutton.emphasized:active, .jewel.togglebutton.emphasized:active:focus {
+ background: linear-gradient(#2e8e39, #21682a);
+ border: 1px solid #15411a;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.emphasized:focus {
+ border: 1px solid #277b32;
+ box-shadow: inset 0px 0px 0px 1px rgba(243, 251, 244, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.emphasized[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.emphasized.selected {
+ background: linear-gradient(#2e8e39, #21682a);
+ border: 1px solid #15411a;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
/*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Orange-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Orange-Theme/src/main/resources/defaults.css
index d10bedb..ffbd7a7 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Orange-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Orange-Theme/src/main/resources/defaults.css
@@ -102,6 +102,7 @@ div {
border: 1px solid #d9d9d9;
box-shadow: none;
color: silver;
+ text-shadow: unset;
}
.jewel.snackbar.emphasized .jewel.snackbar-content {
@@ -120,4 +121,38 @@ div {
background: linear-gradient(#F7941D, #d97a08);
}
+.jewel.togglebutton.emphasized {
+ background: linear-gradient(#f8a036, #f28809);
+ border: 1px solid #c16c07;
+ box-shadow: inset 0 1px 0 #fac380;
+ border-radius: 3px;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(119, 67, 4, 0.7);
+}
+.jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
+ background: linear-gradient(#F7941D, #d97a08);
+ border: 1px solid #a85e06;
+}
+.jewel.togglebutton.emphasized:active, .jewel.togglebutton.emphasized:active:focus {
+ background: linear-gradient(#d97a08, #a85e06);
+ border: 1px solid #774304;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.emphasized:focus {
+ border: 1px solid #c16c07;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.emphasized[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.emphasized.selected {
+ background: linear-gradient(#d97a08, #a85e06);
+ border: 1px solid #774304;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
/*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Red-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Red-Theme/src/main/resources/defaults.css
index 577913b..9287d37 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Red-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Red-Theme/src/main/resources/defaults.css
@@ -102,6 +102,7 @@ div {
border: 1px solid #d9d9d9;
box-shadow: none;
color: silver;
+ text-shadow: unset;
}
.jewel.snackbar.emphasized .jewel.snackbar-content {
@@ -120,4 +121,38 @@ div {
background: linear-gradient(#EC1C24, #c51017);
}
+.jewel.togglebutton.emphasized {
+ background: linear-gradient(#ee343b, #dc121a);
+ border: 1px solid #ad0e15;
+ box-shadow: inset 0 1px 0 #f47a7f;
+ border-radius: 3px;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(102, 9, 12, 0.7);
+}
+.jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
+ background: linear-gradient(#EC1C24, #c51017);
+ border: 1px solid #950d12;
+}
+.jewel.togglebutton.emphasized:active, .jewel.togglebutton.emphasized:active:focus {
+ background: linear-gradient(#c51017, #950d12);
+ border: 1px solid #66090c;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.emphasized:focus {
+ border: 1px solid #ad0e15;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.emphasized[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.emphasized.selected {
+ background: linear-gradient(#c51017, #950d12);
+ border: 1px solid #66090c;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
/*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Sapphire-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Sapphire-Theme/src/main/resources/defaults.css
index 4de4288..9f093d5 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Sapphire-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Sapphire-Theme/src/main/resources/defaults.css
@@ -102,6 +102,7 @@ div {
border: 1px solid #d9d9d9;
box-shadow: none;
color: silver;
+ text-shadow: unset;
}
.jewel.snackbar.emphasized .jewel.snackbar-content {
@@ -120,4 +121,38 @@ div {
background: linear-gradient(#2C74BE, #225b95);
}
+.jewel.togglebutton.emphasized {
+ background: linear-gradient(#3481d0, #2767a9);
+ border: 1px solid #1e4e80;
+ box-shadow: inset 0 1px 0 #72a7de;
+ border-radius: 3px;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(15, 40, 66, 0.7);
+}
+.jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
+ background: linear-gradient(#2C74BE, #225b95);
+ border: 1px solid #19416b;
+}
+.jewel.togglebutton.emphasized:active, .jewel.togglebutton.emphasized:active:focus {
+ background: linear-gradient(#225b95, #19416b);
+ border: 1px solid #0f2842;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.emphasized:focus {
+ border: 1px solid #1e4e80;
+ box-shadow: inset 0px 0px 0px 1px rgba(238, 244, 251, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.emphasized[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.emphasized.selected {
+ background: linear-gradient(#225b95, #19416b);
+ border: 1px solid #0f2842;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
/*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Sunflower-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Sunflower-Theme/src/main/resources/defaults.css
index f7b4313..30acb04 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Sunflower-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Sunflower-Theme/src/main/resources/defaults.css
@@ -102,6 +102,7 @@ div {
border: 1px solid #d9d9d9;
box-shadow: none;
color: silver;
+ text-shadow: unset;
}
.jewel.snackbar.emphasized .jewel.snackbar-content {
@@ -120,4 +121,38 @@ div {
background: linear-gradient(#F8B13F, #f69d0e);
}
+.jewel.togglebutton.emphasized {
+ background: linear-gradient(#f9bb58, #f7a726);
+ border: 1px solid #e28f08;
+ box-shadow: inset 0 1px 0 #fcd9a1;
+ border-radius: 3px;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(152, 96, 6, 0.7);
+}
+.jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
+ background: linear-gradient(#F8B13F, #f69d0e);
+ border: 1px solid #ca7f07;
+}
+.jewel.togglebutton.emphasized:active, .jewel.togglebutton.emphasized:active:focus {
+ background: linear-gradient(#f69d0e, #ca7f07);
+ border: 1px solid #986006;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.emphasized:focus {
+ border: 1px solid #e28f08;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.emphasized[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.emphasized.selected {
+ background: linear-gradient(#f69d0e, #ca7f07);
+ border: 1px solid #986006;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
/*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Topaz-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Topaz-Theme/src/main/resources/defaults.css
index d47f2bc..d774613 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Topaz-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Topaz-Theme/src/main/resources/defaults.css
@@ -102,6 +102,7 @@ div {
border: 1px solid #d9d9d9;
box-shadow: none;
color: silver;
+ text-shadow: unset;
}
.jewel.snackbar.emphasized .jewel.snackbar-content {
@@ -120,4 +121,38 @@ div {
background: linear-gradient(#EF5A2A, #d64010);
}
+.jewel.togglebutton.emphasized {
+ background: linear-gradient(#f16c42, #ed4812);
+ border: 1px solid #be390e;
+ box-shadow: inset 0 1px 0 #f6a389;
+ border-radius: 3px;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(119, 36, 9, 0.7);
+}
+.jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
+ background: linear-gradient(#EF5A2A, #d64010);
+ border: 1px solid #a6320d;
+}
+.jewel.togglebutton.emphasized:active, .jewel.togglebutton.emphasized:active:focus {
+ background: linear-gradient(#d64010, #a6320d);
+ border: 1px solid #772409;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.emphasized:focus {
+ border: 1px solid #be390e;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.emphasized[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.emphasized.selected {
+ background: linear-gradient(#d64010, #a6320d);
+ border: 1px solid #772409;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
/*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Turquoise-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Turquoise-Theme/src/main/resources/defaults.css
index 8ee892d..45fc36e 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Turquoise-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Turquoise-Theme/src/main/resources/defaults.css
@@ -102,6 +102,7 @@ div {
border: 1px solid #d9d9d9;
box-shadow: none;
color: silver;
+ text-shadow: unset;
}
.jewel.snackbar.emphasized .jewel.snackbar-content {
@@ -120,4 +121,38 @@ div {
background: linear-gradient(#29A89F, #1f7f78);
}
+.jewel.togglebutton.emphasized {
+ background: linear-gradient(#2ebcb2, #24948c);
+ border: 1px solid #1a6b65;
+ box-shadow: inset 0 1px 0 #5fd8cf;
+ border-radius: 3px;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(11, 45, 43, 0.7);
+}
+.jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
+ background: linear-gradient(#29A89F, #1f7f78);
+ border: 1px solid #155651;
+}
+.jewel.togglebutton.emphasized:active, .jewel.togglebutton.emphasized:active:focus {
+ background: linear-gradient(#1f7f78, #155651);
+ border: 1px solid #0b2d2b;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.emphasized:focus {
+ border: 1px solid #1a6b65;
+ box-shadow: inset 0px 0px 0px 1px rgba(218, 246, 244, 0.5), inset 0 1px 0 rgba(239, 251, 250, 0.6);
+}
+.jewel.togglebutton.emphasized[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.emphasized.selected {
+ background: linear-gradient(#1f7f78, #155651);
+ border: 1px solid #0b2d2b;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
/*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Violet-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Violet-Theme/src/main/resources/defaults.css
index 9115178..b5a0dea 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Violet-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Violet-Theme/src/main/resources/defaults.css
@@ -102,6 +102,7 @@ div {
border: 1px solid #d9d9d9;
box-shadow: none;
color: silver;
+ text-shadow: unset;
}
.jewel.snackbar.emphasized .jewel.snackbar-content {
@@ -120,4 +121,38 @@ div {
background: linear-gradient(#662C90, #4a2069);
}
+.jewel.togglebutton.emphasized {
+ background: linear-gradient(#7432a4, #58267c);
+ border: 1px solid #3c1a55;
+ box-shadow: inset 0 1px 0 #9a56cc;
+ border-radius: 3px;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(19, 8, 27, 0.7);
+}
+.jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
+ background: linear-gradient(#662C90, #4a2069);
+ border: 1px solid #2f1442;
+}
+.jewel.togglebutton.emphasized:active, .jewel.togglebutton.emphasized:active:focus {
+ background: linear-gradient(#4a2069, #2f1442);
+ border: 1px solid #13081b;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.emphasized:focus {
+ border: 1px solid #3c1a55;
+ box-shadow: inset 0px 0px 0px 1px rgba(224, 204, 239, 0.5), inset 0 1px 0 rgba(236, 223, 245, 0.6);
+}
+.jewel.togglebutton.emphasized[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.emphasized.selected {
+ background: linear-gradient(#4a2069, #2f1442);
+ border: 1px solid #13081b;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
/*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Yellow-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Yellow-Theme/src/main/resources/defaults.css
index 146e576..cbd89d6 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Yellow-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Yellow-Theme/src/main/resources/defaults.css
@@ -102,6 +102,7 @@ div {
border: 1px solid #d9d9d9;
box-shadow: none;
color: silver;
+ text-shadow: unset;
}
.jewel.snackbar.emphasized .jewel.snackbar-content {
@@ -120,4 +121,38 @@ div {
background: linear-gradient(#E2D70B, #b1a909);
}
+.jewel.togglebutton.emphasized {
+ background: linear-gradient(#f4e813, #cac00a);
+ border: 1px solid #999207;
+ box-shadow: inset 0 1px 0 #f7ef5c;
+ border-radius: 3px;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(80, 76, 4, 0.7);
+}
+.jewel.togglebutton.emphasized:hover, .jewel.togglebutton.emphasized:hover:focus {
+ background: linear-gradient(#E2D70B, #b1a909);
+ border: 1px solid #817a06;
+}
+.jewel.togglebutton.emphasized:active, .jewel.togglebutton.emphasized:active:focus {
+ background: linear-gradient(#b1a909, #817a06);
+ border: 1px solid #504c04;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.emphasized:focus {
+ border: 1px solid #999207;
+ box-shadow: inset 0px 0px 0px 1px rgba(254, 253, 238, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.emphasized[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.emphasized.selected {
+ background: linear-gradient(#b1a909, #817a06);
+ border: 1px solid #504c04;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
/*# sourceMappingURL=defaults.css.map */
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 ce9ec41..ba9e162 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
@@ -163,10 +163,10 @@ div {
border: 1px solid #d9d9d9;
box-shadow: none;
color: silver;
+ text-shadow: unset;
}
.jewel.button[disabled] {
font-weight: 400;
- text-shadow: unset;
}
.jewel.button.icon i {
margin-left: 0px;
@@ -203,6 +203,7 @@ div {
border: 1px solid #d9d9d9;
box-shadow: none;
color: silver;
+ text-shadow: unset;
}
.jewel.card {
@@ -908,11 +909,87 @@ a:active {
color: silver;
}
-.jewel.togglebutton .fonticon {
+.jewel.togglebutton {
+ background: linear-gradient(#e6e6e6, #cccccc);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0.25rem;
+ color: #808080;
+ font-family: "Lato", sans-serif;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+.jewel.togglebutton:hover, .jewel.togglebutton:hover:focus {
+ background: linear-gradient(#d9d9d9, silver);
+ border: 1px solid #a6a6a6;
+}
+.jewel.togglebutton:active, .jewel.togglebutton:active:focus {
+ background: linear-gradient(silver, #a6a6a6);
+ border: 1px solid #8d8d8d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton:focus {
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.selected {
+ background: linear-gradient(silver, #a6a6a6);
+ border: 1px solid #8d8d8d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton[disabled] {
+ font-weight: 400;
+}
+.jewel.togglebutton.icon i {
+ margin-left: 0px;
+ margin-right: 0px;
+}
+.jewel.togglebutton.iconWithSpace i {
margin-left: 0px;
margin-right: 8px;
}
+.jewel.togglebutton.primary {
+ background: linear-gradient(#d43bd1, #b427b1);
+ border: 1px solid #8a1e88;
+ box-shadow: inset 0 1px 0 #e279e0;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(75, 17, 74, 0.7);
+}
+.jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
+ background: linear-gradient(#C92CC6, #9f239d);
+ border: 1px solid #751a74;
+}
+.jewel.togglebutton.primary:active, .jewel.togglebutton.primary:active:focus {
+ background: linear-gradient(#9f239d, #751a74);
+ border: 1px solid #4b114a;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.primary:focus {
+ border: 1px solid #8a1e88;
+ box-shadow: inset 0px 0px 0px 1px rgba(253, 247, 253, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.primary[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.primary.selected {
+ background: linear-gradient(#9f239d, #751a74);
+ border: 1px solid #4b114a;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
.jewel.tooltip {
color: #FFFFFF;
background: #404040;
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 2407a47..1a968c7 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
@@ -163,10 +163,10 @@ div {
border: 1px solid #d9d9d9;
box-shadow: none;
color: silver;
+ text-shadow: unset;
}
.jewel.button[disabled] {
font-weight: 400;
- text-shadow: unset;
}
.jewel.button.icon i {
margin-left: 0px;
@@ -203,6 +203,7 @@ div {
border: 1px solid #d9d9d9;
box-shadow: none;
color: silver;
+ text-shadow: unset;
}
.jewel.card {
@@ -908,11 +909,87 @@ a:active {
color: silver;
}
-.jewel.togglebutton .fonticon {
+.jewel.togglebutton {
+ background: linear-gradient(#e6e6e6, #cccccc);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0.25rem;
+ color: #808080;
+ font-family: "Lato", sans-serif;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+.jewel.togglebutton:hover, .jewel.togglebutton:hover:focus {
+ background: linear-gradient(#d9d9d9, silver);
+ border: 1px solid #a6a6a6;
+}
+.jewel.togglebutton:active, .jewel.togglebutton:active:focus {
+ background: linear-gradient(silver, #a6a6a6);
+ border: 1px solid #8d8d8d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton:focus {
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.selected {
+ background: linear-gradient(silver, #a6a6a6);
+ border: 1px solid #8d8d8d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton[disabled] {
+ font-weight: 400;
+}
+.jewel.togglebutton.icon i {
+ margin-left: 0px;
+ margin-right: 0px;
+}
+.jewel.togglebutton.iconWithSpace i {
margin-left: 0px;
margin-right: 8px;
}
+.jewel.togglebutton.primary {
+ background: linear-gradient(#54b7f3, #24a3ef);
+ border: 1px solid #0f88d1;
+ box-shadow: inset 0 1px 0 #9bd5f8;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(10, 90, 138, 0.7);
+}
+.jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
+ background: linear-gradient(#3CADF1, #1198e9);
+ border: 1px solid #0d79ba;
+}
+.jewel.togglebutton.primary:active, .jewel.togglebutton.primary:active:focus {
+ background: linear-gradient(#1198e9, #0d79ba);
+ border: 1px solid #0a5a8a;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.primary:focus {
+ border: 1px solid #0f88d1;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.primary[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.primary.selected {
+ background: linear-gradient(#1198e9, #0d79ba);
+ border: 1px solid #0a5a8a;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
.jewel.tooltip {
color: #FFFFFF;
background: #404040;
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 3dd8524..31ea18e 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
@@ -163,10 +163,10 @@ div {
border: 1px solid #d9d9d9;
box-shadow: none;
color: silver;
+ text-shadow: unset;
}
.jewel.button[disabled] {
font-weight: 400;
- text-shadow: unset;
}
.jewel.button.icon i {
margin-left: 0px;
@@ -203,6 +203,7 @@ div {
border: 1px solid #d9d9d9;
box-shadow: none;
color: silver;
+ text-shadow: unset;
}
.jewel.card {
@@ -908,11 +909,87 @@ a:active {
color: silver;
}
-.jewel.togglebutton .fonticon {
+.jewel.togglebutton {
+ background: linear-gradient(#e6e6e6, #cccccc);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0.25rem;
+ color: #808080;
+ font-family: "Lato", sans-serif;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+.jewel.togglebutton:hover, .jewel.togglebutton:hover:focus {
+ background: linear-gradient(#d9d9d9, silver);
+ border: 1px solid #a6a6a6;
+}
+.jewel.togglebutton:active, .jewel.togglebutton:active:focus {
+ background: linear-gradient(silver, #a6a6a6);
+ border: 1px solid #8d8d8d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton:focus {
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.selected {
+ background: linear-gradient(silver, #a6a6a6);
+ border: 1px solid #8d8d8d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton[disabled] {
+ font-weight: 400;
+}
+.jewel.togglebutton.icon i {
+ margin-left: 0px;
+ margin-right: 0px;
+}
+.jewel.togglebutton.iconWithSpace i {
margin-left: 0px;
margin-right: 8px;
}
+.jewel.togglebutton.primary {
+ background: linear-gradient(#98cc50, #7eb435);
+ border: 1px solid #638c29;
+ box-shadow: inset 0 1px 0 #bbdd8b;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(57, 81, 24, 0.7);
+}
+.jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
+ background: linear-gradient(#8CC63C, #71a02f);
+ border: 1px solid #557923;
+}
+.jewel.togglebutton.primary:active, .jewel.togglebutton.primary:active:focus {
+ background: linear-gradient(#71a02f, #557923);
+ border: 1px solid #395118;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.primary:focus {
+ border: 1px solid #638c29;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.primary[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.primary.selected {
+ background: linear-gradient(#71a02f, #557923);
+ border: 1px solid #395118;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
.jewel.tooltip {
color: #FFFFFF;
background: #404040;
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 1c9846b..c57b6ab 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
@@ -163,10 +163,10 @@ div {
border: 1px solid #d9d9d9;
box-shadow: none;
color: silver;
+ text-shadow: unset;
}
.jewel.button[disabled] {
font-weight: 400;
- text-shadow: unset;
}
.jewel.button.icon i {
margin-left: 0px;
@@ -203,6 +203,7 @@ div {
border: 1px solid #d9d9d9;
box-shadow: none;
color: silver;
+ text-shadow: unset;
}
.jewel.card {
@@ -908,11 +909,87 @@ a:active {
color: silver;
}
-.jewel.togglebutton .fonticon {
+.jewel.togglebutton {
+ background: linear-gradient(#e6e6e6, #cccccc);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0.25rem;
+ color: #808080;
+ font-family: "Lato", sans-serif;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+.jewel.togglebutton:hover, .jewel.togglebutton:hover:focus {
+ background: linear-gradient(#d9d9d9, silver);
+ border: 1px solid #a6a6a6;
+}
+.jewel.togglebutton:active, .jewel.togglebutton:active:focus {
+ background: linear-gradient(silver, #a6a6a6);
+ border: 1px solid #8d8d8d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton:focus {
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.selected {
+ background: linear-gradient(silver, #a6a6a6);
+ border: 1px solid #8d8d8d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton[disabled] {
+ font-weight: 400;
+}
+.jewel.togglebutton.icon i {
+ margin-left: 0px;
+ margin-right: 0px;
+}
+.jewel.togglebutton.iconWithSpace i {
margin-left: 0px;
margin-right: 8px;
}
+.jewel.togglebutton.primary {
+ background: linear-gradient(#45c354, #34a241);
+ border: 1px solid #277b32;
+ box-shadow: inset 0 1px 0 #7fd68a;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(21, 65, 26, 0.7);
+}
+.jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
+ background: linear-gradient(#3AB549, #2e8e39);
+ border: 1px solid #21682a;
+}
+.jewel.togglebutton.primary:active, .jewel.togglebutton.primary:active:focus {
+ background: linear-gradient(#2e8e39, #21682a);
+ border: 1px solid #15411a;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.primary:focus {
+ border: 1px solid #277b32;
+ box-shadow: inset 0px 0px 0px 1px rgba(243, 251, 244, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.primary[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.primary.selected {
+ background: linear-gradient(#2e8e39, #21682a);
+ border: 1px solid #15411a;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
.jewel.tooltip {
color: #FFFFFF;
background: #404040;
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 5bbc9a0..d9fa189 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
@@ -163,10 +163,10 @@ div {
border: 1px solid #d9d9d9;
box-shadow: none;
color: silver;
+ text-shadow: unset;
}
.jewel.button[disabled] {
font-weight: 400;
- text-shadow: unset;
}
.jewel.button.icon i {
margin-left: 0px;
@@ -203,6 +203,7 @@ div {
border: 1px solid #d9d9d9;
box-shadow: none;
color: silver;
+ text-shadow: unset;
}
.jewel.card {
@@ -908,11 +909,87 @@ a:active {
color: silver;
}
-.jewel.togglebutton .fonticon {
+.jewel.togglebutton {
+ background: linear-gradient(#e6e6e6, #cccccc);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0.25rem;
+ color: #808080;
+ font-family: "Lato", sans-serif;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+.jewel.togglebutton:hover, .jewel.togglebutton:hover:focus {
+ background: linear-gradient(#d9d9d9, silver);
+ border: 1px solid #a6a6a6;
+}
+.jewel.togglebutton:active, .jewel.togglebutton:active:focus {
+ background: linear-gradient(silver, #a6a6a6);
+ border: 1px solid #8d8d8d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton:focus {
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.selected {
+ background: linear-gradient(silver, #a6a6a6);
+ border: 1px solid #8d8d8d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton[disabled] {
+ font-weight: 400;
+}
+.jewel.togglebutton.icon i {
+ margin-left: 0px;
+ margin-right: 0px;
+}
+.jewel.togglebutton.iconWithSpace i {
margin-left: 0px;
margin-right: 8px;
}
+.jewel.togglebutton.primary {
+ background: linear-gradient(#f8a036, #f28809);
+ border: 1px solid #c16c07;
+ box-shadow: inset 0 1px 0 #fac380;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(119, 67, 4, 0.7);
+}
+.jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
+ background: linear-gradient(#F7941D, #d97a08);
+ border: 1px solid #a85e06;
+}
+.jewel.togglebutton.primary:active, .jewel.togglebutton.primary:active:focus {
+ background: linear-gradient(#d97a08, #a85e06);
+ border: 1px solid #774304;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.primary:focus {
+ border: 1px solid #c16c07;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.primary[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.primary.selected {
+ background: linear-gradient(#d97a08, #a85e06);
+ border: 1px solid #774304;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
.jewel.tooltip {
color: #FFFFFF;
background: #404040;
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 a794bad..eff1487 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
@@ -163,10 +163,10 @@ div {
border: 1px solid #d9d9d9;
box-shadow: none;
color: silver;
+ text-shadow: unset;
}
.jewel.button[disabled] {
font-weight: 400;
- text-shadow: unset;
}
.jewel.button.icon i {
margin-left: 0px;
@@ -203,6 +203,7 @@ div {
border: 1px solid #d9d9d9;
box-shadow: none;
color: silver;
+ text-shadow: unset;
}
.jewel.card {
@@ -908,11 +909,87 @@ a:active {
color: silver;
}
-.jewel.togglebutton .fonticon {
+.jewel.togglebutton {
+ background: linear-gradient(#e6e6e6, #cccccc);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0.25rem;
+ color: #808080;
+ font-family: "Lato", sans-serif;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+.jewel.togglebutton:hover, .jewel.togglebutton:hover:focus {
+ background: linear-gradient(#d9d9d9, silver);
+ border: 1px solid #a6a6a6;
+}
+.jewel.togglebutton:active, .jewel.togglebutton:active:focus {
+ background: linear-gradient(silver, #a6a6a6);
+ border: 1px solid #8d8d8d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton:focus {
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.selected {
+ background: linear-gradient(silver, #a6a6a6);
+ border: 1px solid #8d8d8d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton[disabled] {
+ font-weight: 400;
+}
+.jewel.togglebutton.icon i {
+ margin-left: 0px;
+ margin-right: 0px;
+}
+.jewel.togglebutton.iconWithSpace i {
margin-left: 0px;
margin-right: 8px;
}
+.jewel.togglebutton.primary {
+ background: linear-gradient(#ee343b, #dc121a);
+ border: 1px solid #ad0e15;
+ box-shadow: inset 0 1px 0 #f47a7f;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(102, 9, 12, 0.7);
+}
+.jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
+ background: linear-gradient(#EC1C24, #c51017);
+ border: 1px solid #950d12;
+}
+.jewel.togglebutton.primary:active, .jewel.togglebutton.primary:active:focus {
+ background: linear-gradient(#c51017, #950d12);
+ border: 1px solid #66090c;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.primary:focus {
+ border: 1px solid #ad0e15;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.primary[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.primary.selected {
+ background: linear-gradient(#c51017, #950d12);
+ border: 1px solid #66090c;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
.jewel.tooltip {
color: #FFFFFF;
background: #404040;
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 7180a71..2230b7e 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
@@ -163,10 +163,10 @@ div {
border: 1px solid #d9d9d9;
box-shadow: none;
color: silver;
+ text-shadow: unset;
}
.jewel.button[disabled] {
font-weight: 400;
- text-shadow: unset;
}
.jewel.button.icon i {
margin-left: 0px;
@@ -203,6 +203,7 @@ div {
border: 1px solid #d9d9d9;
box-shadow: none;
color: silver;
+ text-shadow: unset;
}
.jewel.card {
@@ -908,11 +909,87 @@ a:active {
color: silver;
}
-.jewel.togglebutton .fonticon {
+.jewel.togglebutton {
+ background: linear-gradient(#e6e6e6, #cccccc);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0.25rem;
+ color: #808080;
+ font-family: "Lato", sans-serif;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+.jewel.togglebutton:hover, .jewel.togglebutton:hover:focus {
+ background: linear-gradient(#d9d9d9, silver);
+ border: 1px solid #a6a6a6;
+}
+.jewel.togglebutton:active, .jewel.togglebutton:active:focus {
+ background: linear-gradient(silver, #a6a6a6);
+ border: 1px solid #8d8d8d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton:focus {
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.selected {
+ background: linear-gradient(silver, #a6a6a6);
+ border: 1px solid #8d8d8d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton[disabled] {
+ font-weight: 400;
+}
+.jewel.togglebutton.icon i {
+ margin-left: 0px;
+ margin-right: 0px;
+}
+.jewel.togglebutton.iconWithSpace i {
margin-left: 0px;
margin-right: 8px;
}
+.jewel.togglebutton.primary {
+ background: linear-gradient(#3481d0, #2767a9);
+ border: 1px solid #1e4e80;
+ box-shadow: inset 0 1px 0 #72a7de;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(15, 40, 66, 0.7);
+}
+.jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
+ background: linear-gradient(#2C74BE, #225b95);
+ border: 1px solid #19416b;
+}
+.jewel.togglebutton.primary:active, .jewel.togglebutton.primary:active:focus {
+ background: linear-gradient(#225b95, #19416b);
+ border: 1px solid #0f2842;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.primary:focus {
+ border: 1px solid #1e4e80;
+ box-shadow: inset 0px 0px 0px 1px rgba(238, 244, 251, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.primary[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.primary.selected {
+ background: linear-gradient(#225b95, #19416b);
+ border: 1px solid #0f2842;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
.jewel.tooltip {
color: #FFFFFF;
background: #404040;
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 3c274c3..37abd7b 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
@@ -163,10 +163,10 @@ div {
border: 1px solid #d9d9d9;
box-shadow: none;
color: silver;
+ text-shadow: unset;
}
.jewel.button[disabled] {
font-weight: 400;
- text-shadow: unset;
}
.jewel.button.icon i {
margin-left: 0px;
@@ -203,6 +203,7 @@ div {
border: 1px solid #d9d9d9;
box-shadow: none;
color: silver;
+ text-shadow: unset;
}
.jewel.card {
@@ -908,11 +909,87 @@ a:active {
color: silver;
}
-.jewel.togglebutton .fonticon {
+.jewel.togglebutton {
+ background: linear-gradient(#e6e6e6, #cccccc);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0.25rem;
+ color: #808080;
+ font-family: "Lato", sans-serif;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+.jewel.togglebutton:hover, .jewel.togglebutton:hover:focus {
+ background: linear-gradient(#d9d9d9, silver);
+ border: 1px solid #a6a6a6;
+}
+.jewel.togglebutton:active, .jewel.togglebutton:active:focus {
+ background: linear-gradient(silver, #a6a6a6);
+ border: 1px solid #8d8d8d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton:focus {
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.selected {
+ background: linear-gradient(silver, #a6a6a6);
+ border: 1px solid #8d8d8d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton[disabled] {
+ font-weight: 400;
+}
+.jewel.togglebutton.icon i {
+ margin-left: 0px;
+ margin-right: 0px;
+}
+.jewel.togglebutton.iconWithSpace i {
margin-left: 0px;
margin-right: 8px;
}
+.jewel.togglebutton.primary {
+ background: linear-gradient(#f9bb58, #f7a726);
+ border: 1px solid #e28f08;
+ box-shadow: inset 0 1px 0 #fcd9a1;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(152, 96, 6, 0.7);
+}
+.jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
+ background: linear-gradient(#F8B13F, #f69d0e);
+ border: 1px solid #ca7f07;
+}
+.jewel.togglebutton.primary:active, .jewel.togglebutton.primary:active:focus {
+ background: linear-gradient(#f69d0e, #ca7f07);
+ border: 1px solid #986006;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.primary:focus {
+ border: 1px solid #e28f08;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.primary[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.primary.selected {
+ background: linear-gradient(#f69d0e, #ca7f07);
+ border: 1px solid #986006;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
.jewel.tooltip {
color: #FFFFFF;
background: #404040;
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 fa1544f..f6225f0 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
@@ -163,10 +163,10 @@ div {
border: 1px solid #d9d9d9;
box-shadow: none;
color: silver;
+ text-shadow: unset;
}
.jewel.button[disabled] {
font-weight: 400;
- text-shadow: unset;
}
.jewel.button.icon i {
margin-left: 0px;
@@ -203,6 +203,7 @@ div {
border: 1px solid #d9d9d9;
box-shadow: none;
color: silver;
+ text-shadow: unset;
}
.jewel.card {
@@ -908,11 +909,87 @@ a:active {
color: silver;
}
-.jewel.togglebutton .fonticon {
+.jewel.togglebutton {
+ background: linear-gradient(#e6e6e6, #cccccc);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0.25rem;
+ color: #808080;
+ font-family: "Lato", sans-serif;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+.jewel.togglebutton:hover, .jewel.togglebutton:hover:focus {
+ background: linear-gradient(#d9d9d9, silver);
+ border: 1px solid #a6a6a6;
+}
+.jewel.togglebutton:active, .jewel.togglebutton:active:focus {
+ background: linear-gradient(silver, #a6a6a6);
+ border: 1px solid #8d8d8d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton:focus {
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.selected {
+ background: linear-gradient(silver, #a6a6a6);
+ border: 1px solid #8d8d8d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton[disabled] {
+ font-weight: 400;
+}
+.jewel.togglebutton.icon i {
+ margin-left: 0px;
+ margin-right: 0px;
+}
+.jewel.togglebutton.iconWithSpace i {
margin-left: 0px;
margin-right: 8px;
}
+.jewel.togglebutton.primary {
+ background: linear-gradient(#f16c42, #ed4812);
+ border: 1px solid #be390e;
+ box-shadow: inset 0 1px 0 #f6a389;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(119, 36, 9, 0.7);
+}
+.jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
+ background: linear-gradient(#EF5A2A, #d64010);
+ border: 1px solid #a6320d;
+}
+.jewel.togglebutton.primary:active, .jewel.togglebutton.primary:active:focus {
+ background: linear-gradient(#d64010, #a6320d);
+ border: 1px solid #772409;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.primary:focus {
+ border: 1px solid #be390e;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.primary[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.primary.selected {
+ background: linear-gradient(#d64010, #a6320d);
+ border: 1px solid #772409;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
.jewel.tooltip {
color: #FFFFFF;
background: #404040;
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 d532515..493b8dd 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
@@ -163,10 +163,10 @@ div {
border: 1px solid #d9d9d9;
box-shadow: none;
color: silver;
+ text-shadow: unset;
}
.jewel.button[disabled] {
font-weight: 400;
- text-shadow: unset;
}
.jewel.button.icon i {
margin-left: 0px;
@@ -203,6 +203,7 @@ div {
border: 1px solid #d9d9d9;
box-shadow: none;
color: silver;
+ text-shadow: unset;
}
.jewel.card {
@@ -908,11 +909,87 @@ a:active {
color: silver;
}
-.jewel.togglebutton .fonticon {
+.jewel.togglebutton {
+ background: linear-gradient(#e6e6e6, #cccccc);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0.25rem;
+ color: #808080;
+ font-family: "Lato", sans-serif;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+.jewel.togglebutton:hover, .jewel.togglebutton:hover:focus {
+ background: linear-gradient(#d9d9d9, silver);
+ border: 1px solid #a6a6a6;
+}
+.jewel.togglebutton:active, .jewel.togglebutton:active:focus {
+ background: linear-gradient(silver, #a6a6a6);
+ border: 1px solid #8d8d8d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton:focus {
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.selected {
+ background: linear-gradient(silver, #a6a6a6);
+ border: 1px solid #8d8d8d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton[disabled] {
+ font-weight: 400;
+}
+.jewel.togglebutton.icon i {
+ margin-left: 0px;
+ margin-right: 0px;
+}
+.jewel.togglebutton.iconWithSpace i {
margin-left: 0px;
margin-right: 8px;
}
+.jewel.togglebutton.primary {
+ background: linear-gradient(#2ebcb2, #24948c);
+ border: 1px solid #1a6b65;
+ box-shadow: inset 0 1px 0 #5fd8cf;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(11, 45, 43, 0.7);
+}
+.jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
+ background: linear-gradient(#29A89F, #1f7f78);
+ border: 1px solid #155651;
+}
+.jewel.togglebutton.primary:active, .jewel.togglebutton.primary:active:focus {
+ background: linear-gradient(#1f7f78, #155651);
+ border: 1px solid #0b2d2b;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.primary:focus {
+ border: 1px solid #1a6b65;
+ box-shadow: inset 0px 0px 0px 1px rgba(218, 246, 244, 0.5), inset 0 1px 0 rgba(239, 251, 250, 0.6);
+}
+.jewel.togglebutton.primary[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.primary.selected {
+ background: linear-gradient(#1f7f78, #155651);
+ border: 1px solid #0b2d2b;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
.jewel.tooltip {
color: #FFFFFF;
background: #404040;
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 df45587..a43e4c9 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
@@ -163,10 +163,10 @@ div {
border: 1px solid #d9d9d9;
box-shadow: none;
color: silver;
+ text-shadow: unset;
}
.jewel.button[disabled] {
font-weight: 400;
- text-shadow: unset;
}
.jewel.button.icon i {
margin-left: 0px;
@@ -203,6 +203,7 @@ div {
border: 1px solid #d9d9d9;
box-shadow: none;
color: silver;
+ text-shadow: unset;
}
.jewel.card {
@@ -908,11 +909,87 @@ a:active {
color: silver;
}
-.jewel.togglebutton .fonticon {
+.jewel.togglebutton {
+ background: linear-gradient(#e6e6e6, #cccccc);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0.25rem;
+ color: #808080;
+ font-family: "Lato", sans-serif;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+.jewel.togglebutton:hover, .jewel.togglebutton:hover:focus {
+ background: linear-gradient(#d9d9d9, silver);
+ border: 1px solid #a6a6a6;
+}
+.jewel.togglebutton:active, .jewel.togglebutton:active:focus {
+ background: linear-gradient(silver, #a6a6a6);
+ border: 1px solid #8d8d8d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton:focus {
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.selected {
+ background: linear-gradient(silver, #a6a6a6);
+ border: 1px solid #8d8d8d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton[disabled] {
+ font-weight: 400;
+}
+.jewel.togglebutton.icon i {
+ margin-left: 0px;
+ margin-right: 0px;
+}
+.jewel.togglebutton.iconWithSpace i {
margin-left: 0px;
margin-right: 8px;
}
+.jewel.togglebutton.primary {
+ background: linear-gradient(#7432a4, #58267c);
+ border: 1px solid #3c1a55;
+ box-shadow: inset 0 1px 0 #9a56cc;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(19, 8, 27, 0.7);
+}
+.jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
+ background: linear-gradient(#662C90, #4a2069);
+ border: 1px solid #2f1442;
+}
+.jewel.togglebutton.primary:active, .jewel.togglebutton.primary:active:focus {
+ background: linear-gradient(#4a2069, #2f1442);
+ border: 1px solid #13081b;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.primary:focus {
+ border: 1px solid #3c1a55;
+ box-shadow: inset 0px 0px 0px 1px rgba(224, 204, 239, 0.5), inset 0 1px 0 rgba(236, 223, 245, 0.6);
+}
+.jewel.togglebutton.primary[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.primary.selected {
+ background: linear-gradient(#4a2069, #2f1442);
+ border: 1px solid #13081b;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
.jewel.tooltip {
color: #FFFFFF;
background: #404040;
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 3d7cfe3..dcd1917 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
@@ -163,10 +163,10 @@ div {
border: 1px solid #d9d9d9;
box-shadow: none;
color: silver;
+ text-shadow: unset;
}
.jewel.button[disabled] {
font-weight: 400;
- text-shadow: unset;
}
.jewel.button.icon i {
margin-left: 0px;
@@ -203,6 +203,7 @@ div {
border: 1px solid #d9d9d9;
box-shadow: none;
color: silver;
+ text-shadow: unset;
}
.jewel.card {
@@ -908,11 +909,87 @@ a:active {
color: silver;
}
-.jewel.togglebutton .fonticon {
+.jewel.togglebutton {
+ background: linear-gradient(#e6e6e6, #cccccc);
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 0.25rem;
+ color: #808080;
+ font-family: "Lato", sans-serif;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+.jewel.togglebutton:hover, .jewel.togglebutton:hover:focus {
+ background: linear-gradient(#d9d9d9, silver);
+ border: 1px solid #a6a6a6;
+}
+.jewel.togglebutton:active, .jewel.togglebutton:active:focus {
+ background: linear-gradient(silver, #a6a6a6);
+ border: 1px solid #8d8d8d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton:focus {
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.selected {
+ background: linear-gradient(silver, #a6a6a6);
+ border: 1px solid #8d8d8d;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton[disabled] {
+ font-weight: 400;
+}
+.jewel.togglebutton.icon i {
+ margin-left: 0px;
+ margin-right: 0px;
+}
+.jewel.togglebutton.iconWithSpace i {
margin-left: 0px;
margin-right: 8px;
}
+.jewel.togglebutton.primary {
+ background: linear-gradient(#f4e813, #cac00a);
+ border: 1px solid #999207;
+ box-shadow: inset 0 1px 0 #f7ef5c;
+ border-radius: 0.25rem;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(80, 76, 4, 0.7);
+}
+.jewel.togglebutton.primary:hover, .jewel.togglebutton.primary:hover:focus {
+ background: linear-gradient(#E2D70B, #b1a909);
+ border: 1px solid #817a06;
+}
+.jewel.togglebutton.primary:active, .jewel.togglebutton.primary:active:focus {
+ background: linear-gradient(#b1a909, #817a06);
+ border: 1px solid #504c04;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.primary:focus {
+ border: 1px solid #999207;
+ box-shadow: inset 0px 0px 0px 1px rgba(254, 253, 238, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.primary[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.primary.selected {
+ background: linear-gradient(#b1a909, #817a06);
+ border: 1px solid #504c04;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
.jewel.tooltip {
color: #FFFFFF;
background: #404040;
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Amethyst-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Amethyst-Theme/src/main/resources/defaults.css
index 928ca14..dc44726 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Amethyst-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Amethyst-Theme/src/main/resources/defaults.css
@@ -102,6 +102,7 @@ div {
border: 1px solid #d9d9d9;
box-shadow: none;
color: silver;
+ text-shadow: unset;
}
.jewel.snackbar.secondary .jewel.snackbar-content {
@@ -132,4 +133,38 @@ a:active {
color: #d94fd6;
}
+.jewel.togglebutton.secondary {
+ background: linear-gradient(#d43bd1, #b427b1);
+ border: 1px solid #8a1e88;
+ box-shadow: inset 0 1px 0 #e279e0;
+ border-radius: 3px;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(75, 17, 74, 0.7);
+}
+.jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
+ background: linear-gradient(#C92CC6, #9f239d);
+ border: 1px solid #751a74;
+}
+.jewel.togglebutton.secondary:active, .jewel.togglebutton.secondary:active:focus {
+ background: linear-gradient(#9f239d, #751a74);
+ border: 1px solid #4b114a;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.secondary:focus {
+ border: 1px solid #8a1e88;
+ box-shadow: inset 0px 0px 0px 1px rgba(253, 247, 253, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.secondary[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.secondary.selected {
+ background: linear-gradient(#9f239d, #751a74);
+ border: 1px solid #4b114a;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
/*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Blue-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Blue-Theme/src/main/resources/defaults.css
index 7b25bc5..32953dd 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Blue-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Blue-Theme/src/main/resources/defaults.css
@@ -102,6 +102,7 @@ div {
border: 1px solid #d9d9d9;
box-shadow: none;
color: silver;
+ text-shadow: unset;
}
.jewel.snackbar.secondary .jewel.snackbar-content {
@@ -132,4 +133,38 @@ a:active {
color: #6cc1f4;
}
+.jewel.togglebutton.secondary {
+ background: linear-gradient(#54b7f3, #24a3ef);
+ border: 1px solid #0f88d1;
+ box-shadow: inset 0 1px 0 #9bd5f8;
+ border-radius: 3px;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(10, 90, 138, 0.7);
+}
+.jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
+ background: linear-gradient(#3CADF1, #1198e9);
+ border: 1px solid #0d79ba;
+}
+.jewel.togglebutton.secondary:active, .jewel.togglebutton.secondary:active:focus {
+ background: linear-gradient(#1198e9, #0d79ba);
+ border: 1px solid #0a5a8a;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.secondary:focus {
+ border: 1px solid #0f88d1;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.secondary[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.secondary.selected {
+ background: linear-gradient(#1198e9, #0d79ba);
+ border: 1px solid #0a5a8a;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
/*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Emerald-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Emerald-Theme/src/main/resources/defaults.css
index 8449336..cdb7f9d 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Emerald-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Emerald-Theme/src/main/resources/defaults.css
@@ -102,6 +102,7 @@ div {
border: 1px solid #d9d9d9;
box-shadow: none;
color: silver;
+ text-shadow: unset;
}
.jewel.snackbar.secondary .jewel.snackbar-content {
@@ -132,4 +133,38 @@ a:active {
color: #a3d263;
}
+.jewel.togglebutton.secondary {
+ background: linear-gradient(#98cc50, #7eb435);
+ border: 1px solid #638c29;
+ box-shadow: inset 0 1px 0 #bbdd8b;
+ border-radius: 3px;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(57, 81, 24, 0.7);
+}
+.jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
+ background: linear-gradient(#8CC63C, #71a02f);
+ border: 1px solid #557923;
+}
+.jewel.togglebutton.secondary:active, .jewel.togglebutton.secondary:active:focus {
+ background: linear-gradient(#71a02f, #557923);
+ border: 1px solid #395118;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.secondary:focus {
+ border: 1px solid #638c29;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.secondary[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.secondary.selected {
+ background: linear-gradient(#71a02f, #557923);
+ border: 1px solid #395118;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
/*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Green-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Green-Theme/src/main/resources/defaults.css
index afa0377..8412eb2 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Green-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Green-Theme/src/main/resources/defaults.css
@@ -102,6 +102,7 @@ div {
border: 1px solid #d9d9d9;
box-shadow: none;
color: silver;
+ text-shadow: unset;
}
.jewel.snackbar.secondary .jewel.snackbar-content {
@@ -132,4 +133,38 @@ a:active {
color: #58ca66;
}
+.jewel.togglebutton.secondary {
+ background: linear-gradient(#45c354, #34a241);
+ border: 1px solid #277b32;
+ box-shadow: inset 0 1px 0 #7fd68a;
+ border-radius: 3px;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(21, 65, 26, 0.7);
+}
+.jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
+ background: linear-gradient(#3AB549, #2e8e39);
+ border: 1px solid #21682a;
+}
+.jewel.togglebutton.secondary:active, .jewel.togglebutton.secondary:active:focus {
+ background: linear-gradient(#2e8e39, #21682a);
+ border: 1px solid #15411a;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.secondary:focus {
+ border: 1px solid #277b32;
+ box-shadow: inset 0px 0px 0px 1px rgba(243, 251, 244, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.secondary[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.secondary.selected {
+ background: linear-gradient(#2e8e39, #21682a);
+ border: 1px solid #15411a;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
/*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Orange-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Orange-Theme/src/main/resources/defaults.css
index 3e87883..1ce0acf 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Orange-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Orange-Theme/src/main/resources/defaults.css
@@ -102,6 +102,7 @@ div {
border: 1px solid #d9d9d9;
box-shadow: none;
color: silver;
+ text-shadow: unset;
}
.jewel.snackbar.secondary .jewel.snackbar-content {
@@ -132,4 +133,38 @@ a:active {
color: #f9ab4e;
}
+.jewel.togglebutton.secondary {
+ background: linear-gradient(#f8a036, #f28809);
+ border: 1px solid #c16c07;
+ box-shadow: inset 0 1px 0 #fac380;
+ border-radius: 3px;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(119, 67, 4, 0.7);
+}
+.jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
+ background: linear-gradient(#F7941D, #d97a08);
+ border: 1px solid #a85e06;
+}
+.jewel.togglebutton.secondary:active, .jewel.togglebutton.secondary:active:focus {
+ background: linear-gradient(#d97a08, #a85e06);
+ border: 1px solid #774304;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.secondary:focus {
+ border: 1px solid #c16c07;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.secondary[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.secondary.selected {
+ background: linear-gradient(#d97a08, #a85e06);
+ border: 1px solid #774304;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
/*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Red-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Red-Theme/src/main/resources/defaults.css
index 42f19e1..3a38ee4 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Red-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Red-Theme/src/main/resources/defaults.css
@@ -102,6 +102,7 @@ div {
border: 1px solid #d9d9d9;
box-shadow: none;
color: silver;
+ text-shadow: unset;
}
.jewel.snackbar.secondary .jewel.snackbar-content {
@@ -132,4 +133,38 @@ a:active {
color: #f04b51;
}
+.jewel.togglebutton.secondary {
+ background: linear-gradient(#ee343b, #dc121a);
+ border: 1px solid #ad0e15;
+ box-shadow: inset 0 1px 0 #f47a7f;
+ border-radius: 3px;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(102, 9, 12, 0.7);
+}
+.jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
+ background: linear-gradient(#EC1C24, #c51017);
+ border: 1px solid #950d12;
+}
+.jewel.togglebutton.secondary:active, .jewel.togglebutton.secondary:active:focus {
+ background: linear-gradient(#c51017, #950d12);
+ border: 1px solid #66090c;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.secondary:focus {
+ border: 1px solid #ad0e15;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.secondary[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.secondary.selected {
+ background: linear-gradient(#c51017, #950d12);
+ border: 1px solid #66090c;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
/*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Sapphire-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Sapphire-Theme/src/main/resources/defaults.css
index 3851373..2d5c9a7 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Sapphire-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Sapphire-Theme/src/main/resources/defaults.css
@@ -102,6 +102,7 @@ div {
border: 1px solid #d9d9d9;
box-shadow: none;
color: silver;
+ text-shadow: unset;
}
.jewel.snackbar.secondary .jewel.snackbar-content {
@@ -132,4 +133,38 @@ a:active {
color: #488ed5;
}
+.jewel.togglebutton.secondary {
+ background: linear-gradient(#3481d0, #2767a9);
+ border: 1px solid #1e4e80;
+ box-shadow: inset 0 1px 0 #72a7de;
+ border-radius: 3px;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(15, 40, 66, 0.7);
+}
+.jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
+ background: linear-gradient(#2C74BE, #225b95);
+ border: 1px solid #19416b;
+}
+.jewel.togglebutton.secondary:active, .jewel.togglebutton.secondary:active:focus {
+ background: linear-gradient(#225b95, #19416b);
+ border: 1px solid #0f2842;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.secondary:focus {
+ border: 1px solid #1e4e80;
+ box-shadow: inset 0px 0px 0px 1px rgba(238, 244, 251, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.secondary[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.secondary.selected {
+ background: linear-gradient(#225b95, #19416b);
+ border: 1px solid #0f2842;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
/*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Sunflower-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Sunflower-Theme/src/main/resources/defaults.css
index 437c163..4335f12 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Sunflower-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Sunflower-Theme/src/main/resources/defaults.css
@@ -102,6 +102,7 @@ div {
border: 1px solid #d9d9d9;
box-shadow: none;
color: silver;
+ text-shadow: unset;
}
.jewel.snackbar.secondary .jewel.snackbar-content {
@@ -132,4 +133,38 @@ a:active {
color: #fac570;
}
+.jewel.togglebutton.secondary {
+ background: linear-gradient(#f9bb58, #f7a726);
+ border: 1px solid #e28f08;
+ box-shadow: inset 0 1px 0 #fcd9a1;
+ border-radius: 3px;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(152, 96, 6, 0.7);
+}
+.jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
+ background: linear-gradient(#F8B13F, #f69d0e);
+ border: 1px solid #ca7f07;
+}
+.jewel.togglebutton.secondary:active, .jewel.togglebutton.secondary:active:focus {
+ background: linear-gradient(#f69d0e, #ca7f07);
+ border: 1px solid #986006;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.secondary:focus {
+ border: 1px solid #e28f08;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.secondary[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.secondary.selected {
+ background: linear-gradient(#f69d0e, #ca7f07);
+ border: 1px solid #986006;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
/*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Topaz-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Topaz-Theme/src/main/resources/defaults.css
index 3c29846..afe4530 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Topaz-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Topaz-Theme/src/main/resources/defaults.css
@@ -102,6 +102,7 @@ div {
border: 1px solid #d9d9d9;
box-shadow: none;
color: silver;
+ text-shadow: unset;
}
.jewel.snackbar.secondary .jewel.snackbar-content {
@@ -132,4 +133,38 @@ a:active {
color: #f37f59;
}
+.jewel.togglebutton.secondary {
+ background: linear-gradient(#f16c42, #ed4812);
+ border: 1px solid #be390e;
+ box-shadow: inset 0 1px 0 #f6a389;
+ border-radius: 3px;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(119, 36, 9, 0.7);
+}
+.jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
+ background: linear-gradient(#EF5A2A, #d64010);
+ border: 1px solid #a6320d;
+}
+.jewel.togglebutton.secondary:active, .jewel.togglebutton.secondary:active:focus {
+ background: linear-gradient(#d64010, #a6320d);
+ border: 1px solid #772409;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.secondary:focus {
+ border: 1px solid #be390e;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.secondary[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.secondary.selected {
+ background: linear-gradient(#d64010, #a6320d);
+ border: 1px solid #772409;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
/*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Turquoise-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Turquoise-Theme/src/main/resources/defaults.css
index 61ea1d4..1338c18 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Turquoise-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Turquoise-Theme/src/main/resources/defaults.css
@@ -102,6 +102,7 @@ div {
border: 1px solid #d9d9d9;
box-shadow: none;
color: silver;
+ text-shadow: unset;
}
.jewel.snackbar.secondary .jewel.snackbar-content {
@@ -132,4 +133,38 @@ a:active {
color: #36cec3;
}
+.jewel.togglebutton.secondary {
+ background: linear-gradient(#2ebcb2, #24948c);
+ border: 1px solid #1a6b65;
+ box-shadow: inset 0 1px 0 #5fd8cf;
+ border-radius: 3px;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(11, 45, 43, 0.7);
+}
+.jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
+ background: linear-gradient(#29A89F, #1f7f78);
+ border: 1px solid #155651;
+}
+.jewel.togglebutton.secondary:active, .jewel.togglebutton.secondary:active:focus {
+ background: linear-gradient(#1f7f78, #155651);
+ border: 1px solid #0b2d2b;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.secondary:focus {
+ border: 1px solid #1a6b65;
+ box-shadow: inset 0px 0px 0px 1px rgba(218, 246, 244, 0.5), inset 0 1px 0 rgba(239, 251, 250, 0.6);
+}
+.jewel.togglebutton.secondary[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.secondary.selected {
+ background: linear-gradient(#1f7f78, #155651);
+ border: 1px solid #0b2d2b;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
/*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Violet-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Violet-Theme/src/main/resources/defaults.css
index 56505a5..c152e19 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Violet-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Violet-Theme/src/main/resources/defaults.css
@@ -102,6 +102,7 @@ div {
border: 1px solid #d9d9d9;
box-shadow: none;
color: silver;
+ text-shadow: unset;
}
.jewel.snackbar.secondary .jewel.snackbar-content {
@@ -132,4 +133,38 @@ a:active {
color: #8238b7;
}
+.jewel.togglebutton.secondary {
+ background: linear-gradient(#7432a4, #58267c);
+ border: 1px solid #3c1a55;
+ box-shadow: inset 0 1px 0 #9a56cc;
+ border-radius: 3px;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(19, 8, 27, 0.7);
+}
+.jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
+ background: linear-gradient(#662C90, #4a2069);
+ border: 1px solid #2f1442;
+}
+.jewel.togglebutton.secondary:active, .jewel.togglebutton.secondary:active:focus {
+ background: linear-gradient(#4a2069, #2f1442);
+ border: 1px solid #13081b;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.secondary:focus {
+ border: 1px solid #3c1a55;
+ box-shadow: inset 0px 0px 0px 1px rgba(224, 204, 239, 0.5), inset 0 1px 0 rgba(236, 223, 245, 0.6);
+}
+.jewel.togglebutton.secondary[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.secondary.selected {
+ background: linear-gradient(#4a2069, #2f1442);
+ border: 1px solid #13081b;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
/*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Yellow-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Yellow-Theme/src/main/resources/defaults.css
index 31f898b..66e1d0c 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Yellow-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Yellow-Theme/src/main/resources/defaults.css
@@ -102,6 +102,7 @@ div {
border: 1px solid #d9d9d9;
box-shadow: none;
color: silver;
+ text-shadow: unset;
}
.jewel.snackbar.secondary .jewel.snackbar-content {
@@ -132,4 +133,38 @@ a:active {
color: #f5ea2b;
}
+.jewel.togglebutton.secondary {
+ background: linear-gradient(#f4e813, #cac00a);
+ border: 1px solid #999207;
+ box-shadow: inset 0 1px 0 #f7ef5c;
+ border-radius: 3px;
+ color: #FFFFFF;
+ text-shadow: 0 -1px 0 rgba(80, 76, 4, 0.7);
+}
+.jewel.togglebutton.secondary:hover, .jewel.togglebutton.secondary:hover:focus {
+ background: linear-gradient(#E2D70B, #b1a909);
+ border: 1px solid #817a06;
+}
+.jewel.togglebutton.secondary:active, .jewel.togglebutton.secondary:active:focus {
+ background: linear-gradient(#b1a909, #817a06);
+ border: 1px solid #504c04;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.togglebutton.secondary:focus {
+ border: 1px solid #999207;
+ box-shadow: inset 0px 0px 0px 1px rgba(254, 253, 238, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+.jewel.togglebutton.secondary[disabled] {
+ background: #f3f3f3;
+ border: 1px solid #d9d9d9;
+ box-shadow: none;
+ color: silver;
+ text-shadow: unset;
+}
+.jewel.togglebutton.secondary.selected {
+ background: linear-gradient(#b1a909, #817a06);
+ border: 1px solid #504c04;
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+
/*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/JewelTheme/src/main/resources/defaults.css b/frameworks/themes/JewelTheme/src/main/resources/defaults.css
index 6d374b2..d51e060 100644
--- a/frameworks/themes/JewelTheme/src/main/resources/defaults.css
+++ b/frameworks/themes/JewelTheme/src/main/resources/defaults.css
@@ -167,7 +167,6 @@ div {
}
.jewel.button[disabled] {
font-weight: 400;
- text-shadow: unset;
}
.jewel.button.icon i {
margin-left: 0px;