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 2018/08/28 11:46:12 UTC

[royale-asjs] branch develop updated: update jewel themes with new DropDownStyles

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 abf2f72  update jewel themes with new DropDownStyles
abf2f72 is described below

commit abf2f72d0757153d047dea11ee695185cd6b4d13
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Tue Aug 28 13:46:07 2018 +0200

    update jewel themes with new DropDownStyles
---
 .../src/main/resources/defaults.css                | 46 +++++-----------------
 .../src/main/resources/defaults.css                | 46 +++++-----------------
 .../src/main/resources/defaults.css                | 46 +++++-----------------
 .../src/main/resources/defaults.css                | 46 +++++-----------------
 .../src/main/resources/defaults.css                | 46 +++++-----------------
 .../src/main/resources/defaults.css                | 46 +++++-----------------
 .../src/main/resources/defaults.css                | 46 +++++-----------------
 .../src/main/resources/defaults.css                | 46 +++++-----------------
 .../src/main/resources/defaults.css                | 46 +++++-----------------
 .../src/main/resources/defaults.css                | 46 +++++-----------------
 .../src/main/resources/defaults.css                | 46 +++++-----------------
 .../src/main/resources/defaults.css                | 46 +++++-----------------
 .../src/main/resources/defaults.css                | 45 +++++----------------
 .../src/main/resources/defaults.css                | 45 +++++----------------
 .../src/main/resources/defaults.css                | 45 +++++----------------
 .../src/main/resources/defaults.css                | 45 +++++----------------
 .../src/main/resources/defaults.css                | 45 +++++----------------
 .../src/main/resources/defaults.css                | 45 +++++----------------
 .../src/main/resources/defaults.css                | 45 +++++----------------
 .../src/main/resources/defaults.css                | 45 +++++----------------
 .../src/main/resources/defaults.css                | 45 +++++----------------
 .../src/main/resources/defaults.css                | 45 +++++----------------
 .../src/main/resources/defaults.css                | 45 +++++----------------
 .../src/main/resources/defaults.css                | 45 +++++----------------
 24 files changed, 216 insertions(+), 876 deletions(-)

diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Amethyst-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Amethyst-Theme/src/main/resources/defaults.css
index 2065831..1982c07 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
@@ -371,46 +371,18 @@ j|Card {
 }
 
 .jewel.dropdownlist {
-  cursor: pointer;
-  display: inline-block;
-  margin: 0;
-  padding: 10px 16px;
-  min-width: 74px;
-  min-height: 34px;
-  background: linear-gradient(#666666, #4c4c4c);
+  width: 200px;
+  height: 38px;
+  background-color: linear-gradient(#7f7f7f, #737373);
+  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23C92CC6' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+  background-size: 8%;
+  background-position: 170px center;
+  background-repeat: no-repeat;
   border: 1px solid #333333;
-  box-shadow: inset 0 1px 0 #8c8c8c;
-  border-radius: 3px;
-  font-family: "Lato", sans-serif;
-  font-size: 1em;
-  font-weight: bold;
-  color: #FFFFFF;
-  text-transform: uppercase;
-  text-decoration: none;
-  text-shadow: 0 -1px 0 rgba(13, 13, 13, 0.7);
-}
-.jewel.dropdownlist:hover, .jewel.dropdownlist:hover:focus {
-  background: linear-gradient(#595959, #404040);
-  border: 1px solid #262626;
-}
-.jewel.dropdownlist:active, .jewel.dropdownlist:active:focus {
-  background: linear-gradient(#404040, #262626);
-  border: 1px solid #0d0d0d;
-  box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+  border-radius: 0.25rem;
 }
 .jewel.dropdownlist:focus {
-  outline: none;
-  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.dropdownlist[disabled] {
-  cursor: unset;
-  background: #404040;
-  border: 1px solid #0d0d0d;
-  box-shadow: none;
-  color: #737373;
-  font-weight: 400;
-  text-shadow: unset;
+  border: 1px solid #8a1e88;
 }
 
 .fonticon.dark {
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 dfd5b52..8bc4774 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
@@ -371,46 +371,18 @@ j|Card {
 }
 
 .jewel.dropdownlist {
-  cursor: pointer;
-  display: inline-block;
-  margin: 0;
-  padding: 10px 16px;
-  min-width: 74px;
-  min-height: 34px;
-  background: linear-gradient(#666666, #4c4c4c);
+  width: 200px;
+  height: 38px;
+  background-color: linear-gradient(#7f7f7f, #737373);
+  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%233CADF1' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+  background-size: 8%;
+  background-position: 170px center;
+  background-repeat: no-repeat;
   border: 1px solid #333333;
-  box-shadow: inset 0 1px 0 #8c8c8c;
-  border-radius: 3px;
-  font-family: "Lato", sans-serif;
-  font-size: 1em;
-  font-weight: bold;
-  color: #FFFFFF;
-  text-transform: uppercase;
-  text-decoration: none;
-  text-shadow: 0 -1px 0 rgba(13, 13, 13, 0.7);
-}
-.jewel.dropdownlist:hover, .jewel.dropdownlist:hover:focus {
-  background: linear-gradient(#595959, #404040);
-  border: 1px solid #262626;
-}
-.jewel.dropdownlist:active, .jewel.dropdownlist:active:focus {
-  background: linear-gradient(#404040, #262626);
-  border: 1px solid #0d0d0d;
-  box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+  border-radius: 0.25rem;
 }
 .jewel.dropdownlist:focus {
-  outline: none;
-  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.dropdownlist[disabled] {
-  cursor: unset;
-  background: #404040;
-  border: 1px solid #0d0d0d;
-  box-shadow: none;
-  color: #737373;
-  font-weight: 400;
-  text-shadow: unset;
+  border: 1px solid #0f88d1;
 }
 
 .fonticon.dark {
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 a6681da..80a1be0 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
@@ -371,46 +371,18 @@ j|Card {
 }
 
 .jewel.dropdownlist {
-  cursor: pointer;
-  display: inline-block;
-  margin: 0;
-  padding: 10px 16px;
-  min-width: 74px;
-  min-height: 34px;
-  background: linear-gradient(#666666, #4c4c4c);
+  width: 200px;
+  height: 38px;
+  background-color: linear-gradient(#7f7f7f, #737373);
+  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%238CC63C' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+  background-size: 8%;
+  background-position: 170px center;
+  background-repeat: no-repeat;
   border: 1px solid #333333;
-  box-shadow: inset 0 1px 0 #8c8c8c;
-  border-radius: 3px;
-  font-family: "Lato", sans-serif;
-  font-size: 1em;
-  font-weight: bold;
-  color: #FFFFFF;
-  text-transform: uppercase;
-  text-decoration: none;
-  text-shadow: 0 -1px 0 rgba(13, 13, 13, 0.7);
-}
-.jewel.dropdownlist:hover, .jewel.dropdownlist:hover:focus {
-  background: linear-gradient(#595959, #404040);
-  border: 1px solid #262626;
-}
-.jewel.dropdownlist:active, .jewel.dropdownlist:active:focus {
-  background: linear-gradient(#404040, #262626);
-  border: 1px solid #0d0d0d;
-  box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+  border-radius: 0.25rem;
 }
 .jewel.dropdownlist:focus {
-  outline: none;
-  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.dropdownlist[disabled] {
-  cursor: unset;
-  background: #404040;
-  border: 1px solid #0d0d0d;
-  box-shadow: none;
-  color: #737373;
-  font-weight: 400;
-  text-shadow: unset;
+  border: 1px solid #638c29;
 }
 
 .fonticon.dark {
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 7fc9bd6..95988be 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
@@ -371,46 +371,18 @@ j|Card {
 }
 
 .jewel.dropdownlist {
-  cursor: pointer;
-  display: inline-block;
-  margin: 0;
-  padding: 10px 16px;
-  min-width: 74px;
-  min-height: 34px;
-  background: linear-gradient(#666666, #4c4c4c);
+  width: 200px;
+  height: 38px;
+  background-color: linear-gradient(#7f7f7f, #737373);
+  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%233AB549' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+  background-size: 8%;
+  background-position: 170px center;
+  background-repeat: no-repeat;
   border: 1px solid #333333;
-  box-shadow: inset 0 1px 0 #8c8c8c;
-  border-radius: 3px;
-  font-family: "Lato", sans-serif;
-  font-size: 1em;
-  font-weight: bold;
-  color: #FFFFFF;
-  text-transform: uppercase;
-  text-decoration: none;
-  text-shadow: 0 -1px 0 rgba(13, 13, 13, 0.7);
-}
-.jewel.dropdownlist:hover, .jewel.dropdownlist:hover:focus {
-  background: linear-gradient(#595959, #404040);
-  border: 1px solid #262626;
-}
-.jewel.dropdownlist:active, .jewel.dropdownlist:active:focus {
-  background: linear-gradient(#404040, #262626);
-  border: 1px solid #0d0d0d;
-  box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+  border-radius: 0.25rem;
 }
 .jewel.dropdownlist:focus {
-  outline: none;
-  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.dropdownlist[disabled] {
-  cursor: unset;
-  background: #404040;
-  border: 1px solid #0d0d0d;
-  box-shadow: none;
-  color: #737373;
-  font-weight: 400;
-  text-shadow: unset;
+  border: 1px solid #277b32;
 }
 
 .fonticon.dark {
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 c93a4e1..1eab54b 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
@@ -371,46 +371,18 @@ j|Card {
 }
 
 .jewel.dropdownlist {
-  cursor: pointer;
-  display: inline-block;
-  margin: 0;
-  padding: 10px 16px;
-  min-width: 74px;
-  min-height: 34px;
-  background: linear-gradient(#666666, #4c4c4c);
+  width: 200px;
+  height: 38px;
+  background-color: linear-gradient(#7f7f7f, #737373);
+  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23F7941D' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+  background-size: 8%;
+  background-position: 170px center;
+  background-repeat: no-repeat;
   border: 1px solid #333333;
-  box-shadow: inset 0 1px 0 #8c8c8c;
-  border-radius: 3px;
-  font-family: "Lato", sans-serif;
-  font-size: 1em;
-  font-weight: bold;
-  color: #FFFFFF;
-  text-transform: uppercase;
-  text-decoration: none;
-  text-shadow: 0 -1px 0 rgba(13, 13, 13, 0.7);
-}
-.jewel.dropdownlist:hover, .jewel.dropdownlist:hover:focus {
-  background: linear-gradient(#595959, #404040);
-  border: 1px solid #262626;
-}
-.jewel.dropdownlist:active, .jewel.dropdownlist:active:focus {
-  background: linear-gradient(#404040, #262626);
-  border: 1px solid #0d0d0d;
-  box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+  border-radius: 0.25rem;
 }
 .jewel.dropdownlist:focus {
-  outline: none;
-  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.dropdownlist[disabled] {
-  cursor: unset;
-  background: #404040;
-  border: 1px solid #0d0d0d;
-  box-shadow: none;
-  color: #737373;
-  font-weight: 400;
-  text-shadow: unset;
+  border: 1px solid #c16c07;
 }
 
 .fonticon.dark {
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 e19baf3..b152ef4 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
@@ -371,46 +371,18 @@ j|Card {
 }
 
 .jewel.dropdownlist {
-  cursor: pointer;
-  display: inline-block;
-  margin: 0;
-  padding: 10px 16px;
-  min-width: 74px;
-  min-height: 34px;
-  background: linear-gradient(#666666, #4c4c4c);
+  width: 200px;
+  height: 38px;
+  background-color: linear-gradient(#7f7f7f, #737373);
+  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23EC1C24' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+  background-size: 8%;
+  background-position: 170px center;
+  background-repeat: no-repeat;
   border: 1px solid #333333;
-  box-shadow: inset 0 1px 0 #8c8c8c;
-  border-radius: 3px;
-  font-family: "Lato", sans-serif;
-  font-size: 1em;
-  font-weight: bold;
-  color: #FFFFFF;
-  text-transform: uppercase;
-  text-decoration: none;
-  text-shadow: 0 -1px 0 rgba(13, 13, 13, 0.7);
-}
-.jewel.dropdownlist:hover, .jewel.dropdownlist:hover:focus {
-  background: linear-gradient(#595959, #404040);
-  border: 1px solid #262626;
-}
-.jewel.dropdownlist:active, .jewel.dropdownlist:active:focus {
-  background: linear-gradient(#404040, #262626);
-  border: 1px solid #0d0d0d;
-  box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+  border-radius: 0.25rem;
 }
 .jewel.dropdownlist:focus {
-  outline: none;
-  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.dropdownlist[disabled] {
-  cursor: unset;
-  background: #404040;
-  border: 1px solid #0d0d0d;
-  box-shadow: none;
-  color: #737373;
-  font-weight: 400;
-  text-shadow: unset;
+  border: 1px solid #ad0e15;
 }
 
 .fonticon.dark {
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 6f263b4..3431273 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
@@ -371,46 +371,18 @@ j|Card {
 }
 
 .jewel.dropdownlist {
-  cursor: pointer;
-  display: inline-block;
-  margin: 0;
-  padding: 10px 16px;
-  min-width: 74px;
-  min-height: 34px;
-  background: linear-gradient(#666666, #4c4c4c);
+  width: 200px;
+  height: 38px;
+  background-color: linear-gradient(#7f7f7f, #737373);
+  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%232C74BE' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+  background-size: 8%;
+  background-position: 170px center;
+  background-repeat: no-repeat;
   border: 1px solid #333333;
-  box-shadow: inset 0 1px 0 #8c8c8c;
-  border-radius: 3px;
-  font-family: "Lato", sans-serif;
-  font-size: 1em;
-  font-weight: bold;
-  color: #FFFFFF;
-  text-transform: uppercase;
-  text-decoration: none;
-  text-shadow: 0 -1px 0 rgba(13, 13, 13, 0.7);
-}
-.jewel.dropdownlist:hover, .jewel.dropdownlist:hover:focus {
-  background: linear-gradient(#595959, #404040);
-  border: 1px solid #262626;
-}
-.jewel.dropdownlist:active, .jewel.dropdownlist:active:focus {
-  background: linear-gradient(#404040, #262626);
-  border: 1px solid #0d0d0d;
-  box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+  border-radius: 0.25rem;
 }
 .jewel.dropdownlist:focus {
-  outline: none;
-  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.dropdownlist[disabled] {
-  cursor: unset;
-  background: #404040;
-  border: 1px solid #0d0d0d;
-  box-shadow: none;
-  color: #737373;
-  font-weight: 400;
-  text-shadow: unset;
+  border: 1px solid #1e4e80;
 }
 
 .fonticon.dark {
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 a082d8b..be09430 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
@@ -371,46 +371,18 @@ j|Card {
 }
 
 .jewel.dropdownlist {
-  cursor: pointer;
-  display: inline-block;
-  margin: 0;
-  padding: 10px 16px;
-  min-width: 74px;
-  min-height: 34px;
-  background: linear-gradient(#666666, #4c4c4c);
+  width: 200px;
+  height: 38px;
+  background-color: linear-gradient(#7f7f7f, #737373);
+  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23F8B13F' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+  background-size: 8%;
+  background-position: 170px center;
+  background-repeat: no-repeat;
   border: 1px solid #333333;
-  box-shadow: inset 0 1px 0 #8c8c8c;
-  border-radius: 3px;
-  font-family: "Lato", sans-serif;
-  font-size: 1em;
-  font-weight: bold;
-  color: #FFFFFF;
-  text-transform: uppercase;
-  text-decoration: none;
-  text-shadow: 0 -1px 0 rgba(13, 13, 13, 0.7);
-}
-.jewel.dropdownlist:hover, .jewel.dropdownlist:hover:focus {
-  background: linear-gradient(#595959, #404040);
-  border: 1px solid #262626;
-}
-.jewel.dropdownlist:active, .jewel.dropdownlist:active:focus {
-  background: linear-gradient(#404040, #262626);
-  border: 1px solid #0d0d0d;
-  box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+  border-radius: 0.25rem;
 }
 .jewel.dropdownlist:focus {
-  outline: none;
-  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.dropdownlist[disabled] {
-  cursor: unset;
-  background: #404040;
-  border: 1px solid #0d0d0d;
-  box-shadow: none;
-  color: #737373;
-  font-weight: 400;
-  text-shadow: unset;
+  border: 1px solid #e28f08;
 }
 
 .fonticon.dark {
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 ff4c492..34c682a 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
@@ -371,46 +371,18 @@ j|Card {
 }
 
 .jewel.dropdownlist {
-  cursor: pointer;
-  display: inline-block;
-  margin: 0;
-  padding: 10px 16px;
-  min-width: 74px;
-  min-height: 34px;
-  background: linear-gradient(#666666, #4c4c4c);
+  width: 200px;
+  height: 38px;
+  background-color: linear-gradient(#7f7f7f, #737373);
+  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23EF5A2A' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+  background-size: 8%;
+  background-position: 170px center;
+  background-repeat: no-repeat;
   border: 1px solid #333333;
-  box-shadow: inset 0 1px 0 #8c8c8c;
-  border-radius: 3px;
-  font-family: "Lato", sans-serif;
-  font-size: 1em;
-  font-weight: bold;
-  color: #FFFFFF;
-  text-transform: uppercase;
-  text-decoration: none;
-  text-shadow: 0 -1px 0 rgba(13, 13, 13, 0.7);
-}
-.jewel.dropdownlist:hover, .jewel.dropdownlist:hover:focus {
-  background: linear-gradient(#595959, #404040);
-  border: 1px solid #262626;
-}
-.jewel.dropdownlist:active, .jewel.dropdownlist:active:focus {
-  background: linear-gradient(#404040, #262626);
-  border: 1px solid #0d0d0d;
-  box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+  border-radius: 0.25rem;
 }
 .jewel.dropdownlist:focus {
-  outline: none;
-  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.dropdownlist[disabled] {
-  cursor: unset;
-  background: #404040;
-  border: 1px solid #0d0d0d;
-  box-shadow: none;
-  color: #737373;
-  font-weight: 400;
-  text-shadow: unset;
+  border: 1px solid #be390e;
 }
 
 .fonticon.dark {
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 2bed277..654d574 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
@@ -371,46 +371,18 @@ j|Card {
 }
 
 .jewel.dropdownlist {
-  cursor: pointer;
-  display: inline-block;
-  margin: 0;
-  padding: 10px 16px;
-  min-width: 74px;
-  min-height: 34px;
-  background: linear-gradient(#666666, #4c4c4c);
+  width: 200px;
+  height: 38px;
+  background-color: linear-gradient(#7f7f7f, #737373);
+  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%2329A89F' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+  background-size: 8%;
+  background-position: 170px center;
+  background-repeat: no-repeat;
   border: 1px solid #333333;
-  box-shadow: inset 0 1px 0 #8c8c8c;
-  border-radius: 3px;
-  font-family: "Lato", sans-serif;
-  font-size: 1em;
-  font-weight: bold;
-  color: #FFFFFF;
-  text-transform: uppercase;
-  text-decoration: none;
-  text-shadow: 0 -1px 0 rgba(13, 13, 13, 0.7);
-}
-.jewel.dropdownlist:hover, .jewel.dropdownlist:hover:focus {
-  background: linear-gradient(#595959, #404040);
-  border: 1px solid #262626;
-}
-.jewel.dropdownlist:active, .jewel.dropdownlist:active:focus {
-  background: linear-gradient(#404040, #262626);
-  border: 1px solid #0d0d0d;
-  box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+  border-radius: 0.25rem;
 }
 .jewel.dropdownlist:focus {
-  outline: none;
-  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.dropdownlist[disabled] {
-  cursor: unset;
-  background: #404040;
-  border: 1px solid #0d0d0d;
-  box-shadow: none;
-  color: #737373;
-  font-weight: 400;
-  text-shadow: unset;
+  border: 1px solid #1a6b65;
 }
 
 .fonticon.dark {
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 5fcdfca..2b69b96 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
@@ -371,46 +371,18 @@ j|Card {
 }
 
 .jewel.dropdownlist {
-  cursor: pointer;
-  display: inline-block;
-  margin: 0;
-  padding: 10px 16px;
-  min-width: 74px;
-  min-height: 34px;
-  background: linear-gradient(#666666, #4c4c4c);
+  width: 200px;
+  height: 38px;
+  background-color: linear-gradient(#7f7f7f, #737373);
+  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23662C90' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+  background-size: 8%;
+  background-position: 170px center;
+  background-repeat: no-repeat;
   border: 1px solid #333333;
-  box-shadow: inset 0 1px 0 #8c8c8c;
-  border-radius: 3px;
-  font-family: "Lato", sans-serif;
-  font-size: 1em;
-  font-weight: bold;
-  color: #FFFFFF;
-  text-transform: uppercase;
-  text-decoration: none;
-  text-shadow: 0 -1px 0 rgba(13, 13, 13, 0.7);
-}
-.jewel.dropdownlist:hover, .jewel.dropdownlist:hover:focus {
-  background: linear-gradient(#595959, #404040);
-  border: 1px solid #262626;
-}
-.jewel.dropdownlist:active, .jewel.dropdownlist:active:focus {
-  background: linear-gradient(#404040, #262626);
-  border: 1px solid #0d0d0d;
-  box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+  border-radius: 0.25rem;
 }
 .jewel.dropdownlist:focus {
-  outline: none;
-  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.dropdownlist[disabled] {
-  cursor: unset;
-  background: #404040;
-  border: 1px solid #0d0d0d;
-  box-shadow: none;
-  color: #737373;
-  font-weight: 400;
-  text-shadow: unset;
+  border: 1px solid #3c1a55;
 }
 
 .fonticon.dark {
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 bf6de01..d20d166 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
@@ -371,46 +371,18 @@ j|Card {
 }
 
 .jewel.dropdownlist {
-  cursor: pointer;
-  display: inline-block;
-  margin: 0;
-  padding: 10px 16px;
-  min-width: 74px;
-  min-height: 34px;
-  background: linear-gradient(#666666, #4c4c4c);
+  width: 200px;
+  height: 38px;
+  background-color: linear-gradient(#7f7f7f, #737373);
+  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23E2D70B' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+  background-size: 8%;
+  background-position: 170px center;
+  background-repeat: no-repeat;
   border: 1px solid #333333;
-  box-shadow: inset 0 1px 0 #8c8c8c;
-  border-radius: 3px;
-  font-family: "Lato", sans-serif;
-  font-size: 1em;
-  font-weight: bold;
-  color: #FFFFFF;
-  text-transform: uppercase;
-  text-decoration: none;
-  text-shadow: 0 -1px 0 rgba(13, 13, 13, 0.7);
-}
-.jewel.dropdownlist:hover, .jewel.dropdownlist:hover:focus {
-  background: linear-gradient(#595959, #404040);
-  border: 1px solid #262626;
-}
-.jewel.dropdownlist:active, .jewel.dropdownlist:active:focus {
-  background: linear-gradient(#404040, #262626);
-  border: 1px solid #0d0d0d;
-  box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+  border-radius: 0.25rem;
 }
 .jewel.dropdownlist:focus {
-  outline: none;
-  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.dropdownlist[disabled] {
-  cursor: unset;
-  background: #404040;
-  border: 1px solid #0d0d0d;
-  box-shadow: none;
-  color: #737373;
-  font-weight: 400;
-  text-shadow: unset;
+  border: 1px solid #999207;
 }
 
 .fonticon.dark {
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 486ac9e..0bd3a70 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
@@ -370,45 +370,18 @@ j|Card {
 }
 
 .jewel.dropdownlist {
-  cursor: pointer;
-  display: inline-block;
-  margin: 0;
-  padding: 10px 16px;
-  min-width: 74px;
-  min-height: 34px;
-  background: linear-gradient(#e6e6e6, #cccccc);
+  width: 200px;
+  height: 38px;
+  background-color: linear-gradient(white, #f3f3f3);
+  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23C92CC6' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+  background-size: 8%;
+  background-position: 170px center;
+  background-repeat: no-repeat;
   border: 1px solid #b3b3b3;
-  box-shadow: inset 0 1px 0 white;
-  border-radius: 3px;
-  font-family: "Lato", sans-serif;
-  font-size: 1em;
-  font-weight: bold;
-  color: #808080;
-  text-transform: uppercase;
-  text-decoration: none;
-}
-.jewel.dropdownlist:hover, .jewel.dropdownlist:hover:focus {
-  background: linear-gradient(#d9d9d9, silver);
-  border: 1px solid #a6a6a6;
-}
-.jewel.dropdownlist:active, .jewel.dropdownlist:active:focus {
-  background: linear-gradient(silver, #a6a6a6);
-  border: 1px solid #8d8d8d;
-  box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+  border-radius: 0.25rem;
 }
 .jewel.dropdownlist:focus {
-  outline: none;
-  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.dropdownlist[disabled] {
-  cursor: unset;
-  background: #f3f3f3;
-  border: 1px solid #d9d9d9;
-  box-shadow: none;
-  color: silver;
-  font-weight: 400;
-  text-shadow: unset;
+  border: 1px solid #8a1e88;
 }
 
 .fonticon.dark {
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 693633a..54697d5 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
@@ -370,45 +370,18 @@ j|Card {
 }
 
 .jewel.dropdownlist {
-  cursor: pointer;
-  display: inline-block;
-  margin: 0;
-  padding: 10px 16px;
-  min-width: 74px;
-  min-height: 34px;
-  background: linear-gradient(#e6e6e6, #cccccc);
+  width: 200px;
+  height: 38px;
+  background-color: linear-gradient(white, #f3f3f3);
+  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%233CADF1' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+  background-size: 8%;
+  background-position: 170px center;
+  background-repeat: no-repeat;
   border: 1px solid #b3b3b3;
-  box-shadow: inset 0 1px 0 white;
-  border-radius: 3px;
-  font-family: "Lato", sans-serif;
-  font-size: 1em;
-  font-weight: bold;
-  color: #808080;
-  text-transform: uppercase;
-  text-decoration: none;
-}
-.jewel.dropdownlist:hover, .jewel.dropdownlist:hover:focus {
-  background: linear-gradient(#d9d9d9, silver);
-  border: 1px solid #a6a6a6;
-}
-.jewel.dropdownlist:active, .jewel.dropdownlist:active:focus {
-  background: linear-gradient(silver, #a6a6a6);
-  border: 1px solid #8d8d8d;
-  box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+  border-radius: 0.25rem;
 }
 .jewel.dropdownlist:focus {
-  outline: none;
-  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.dropdownlist[disabled] {
-  cursor: unset;
-  background: #f3f3f3;
-  border: 1px solid #d9d9d9;
-  box-shadow: none;
-  color: silver;
-  font-weight: 400;
-  text-shadow: unset;
+  border: 1px solid #0f88d1;
 }
 
 .fonticon.dark {
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 8425c6b..97ea30c 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
@@ -370,45 +370,18 @@ j|Card {
 }
 
 .jewel.dropdownlist {
-  cursor: pointer;
-  display: inline-block;
-  margin: 0;
-  padding: 10px 16px;
-  min-width: 74px;
-  min-height: 34px;
-  background: linear-gradient(#e6e6e6, #cccccc);
+  width: 200px;
+  height: 38px;
+  background-color: linear-gradient(white, #f3f3f3);
+  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%238CC63C' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+  background-size: 8%;
+  background-position: 170px center;
+  background-repeat: no-repeat;
   border: 1px solid #b3b3b3;
-  box-shadow: inset 0 1px 0 white;
-  border-radius: 3px;
-  font-family: "Lato", sans-serif;
-  font-size: 1em;
-  font-weight: bold;
-  color: #808080;
-  text-transform: uppercase;
-  text-decoration: none;
-}
-.jewel.dropdownlist:hover, .jewel.dropdownlist:hover:focus {
-  background: linear-gradient(#d9d9d9, silver);
-  border: 1px solid #a6a6a6;
-}
-.jewel.dropdownlist:active, .jewel.dropdownlist:active:focus {
-  background: linear-gradient(silver, #a6a6a6);
-  border: 1px solid #8d8d8d;
-  box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+  border-radius: 0.25rem;
 }
 .jewel.dropdownlist:focus {
-  outline: none;
-  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.dropdownlist[disabled] {
-  cursor: unset;
-  background: #f3f3f3;
-  border: 1px solid #d9d9d9;
-  box-shadow: none;
-  color: silver;
-  font-weight: 400;
-  text-shadow: unset;
+  border: 1px solid #638c29;
 }
 
 .fonticon.dark {
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 372b91e..1952050 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
@@ -370,45 +370,18 @@ j|Card {
 }
 
 .jewel.dropdownlist {
-  cursor: pointer;
-  display: inline-block;
-  margin: 0;
-  padding: 10px 16px;
-  min-width: 74px;
-  min-height: 34px;
-  background: linear-gradient(#e6e6e6, #cccccc);
+  width: 200px;
+  height: 38px;
+  background-color: linear-gradient(white, #f3f3f3);
+  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%233AB549' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+  background-size: 8%;
+  background-position: 170px center;
+  background-repeat: no-repeat;
   border: 1px solid #b3b3b3;
-  box-shadow: inset 0 1px 0 white;
-  border-radius: 3px;
-  font-family: "Lato", sans-serif;
-  font-size: 1em;
-  font-weight: bold;
-  color: #808080;
-  text-transform: uppercase;
-  text-decoration: none;
-}
-.jewel.dropdownlist:hover, .jewel.dropdownlist:hover:focus {
-  background: linear-gradient(#d9d9d9, silver);
-  border: 1px solid #a6a6a6;
-}
-.jewel.dropdownlist:active, .jewel.dropdownlist:active:focus {
-  background: linear-gradient(silver, #a6a6a6);
-  border: 1px solid #8d8d8d;
-  box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+  border-radius: 0.25rem;
 }
 .jewel.dropdownlist:focus {
-  outline: none;
-  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.dropdownlist[disabled] {
-  cursor: unset;
-  background: #f3f3f3;
-  border: 1px solid #d9d9d9;
-  box-shadow: none;
-  color: silver;
-  font-weight: 400;
-  text-shadow: unset;
+  border: 1px solid #277b32;
 }
 
 .fonticon.dark {
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 4f3b406..da7880b 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
@@ -370,45 +370,18 @@ j|Card {
 }
 
 .jewel.dropdownlist {
-  cursor: pointer;
-  display: inline-block;
-  margin: 0;
-  padding: 10px 16px;
-  min-width: 74px;
-  min-height: 34px;
-  background: linear-gradient(#e6e6e6, #cccccc);
+  width: 200px;
+  height: 38px;
+  background-color: linear-gradient(white, #f3f3f3);
+  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23F7941D' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+  background-size: 8%;
+  background-position: 170px center;
+  background-repeat: no-repeat;
   border: 1px solid #b3b3b3;
-  box-shadow: inset 0 1px 0 white;
-  border-radius: 3px;
-  font-family: "Lato", sans-serif;
-  font-size: 1em;
-  font-weight: bold;
-  color: #808080;
-  text-transform: uppercase;
-  text-decoration: none;
-}
-.jewel.dropdownlist:hover, .jewel.dropdownlist:hover:focus {
-  background: linear-gradient(#d9d9d9, silver);
-  border: 1px solid #a6a6a6;
-}
-.jewel.dropdownlist:active, .jewel.dropdownlist:active:focus {
-  background: linear-gradient(silver, #a6a6a6);
-  border: 1px solid #8d8d8d;
-  box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+  border-radius: 0.25rem;
 }
 .jewel.dropdownlist:focus {
-  outline: none;
-  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.dropdownlist[disabled] {
-  cursor: unset;
-  background: #f3f3f3;
-  border: 1px solid #d9d9d9;
-  box-shadow: none;
-  color: silver;
-  font-weight: 400;
-  text-shadow: unset;
+  border: 1px solid #c16c07;
 }
 
 .fonticon.dark {
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 f8a7b1f..4aebd2b 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
@@ -370,45 +370,18 @@ j|Card {
 }
 
 .jewel.dropdownlist {
-  cursor: pointer;
-  display: inline-block;
-  margin: 0;
-  padding: 10px 16px;
-  min-width: 74px;
-  min-height: 34px;
-  background: linear-gradient(#e6e6e6, #cccccc);
+  width: 200px;
+  height: 38px;
+  background-color: linear-gradient(white, #f3f3f3);
+  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23EC1C24' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+  background-size: 8%;
+  background-position: 170px center;
+  background-repeat: no-repeat;
   border: 1px solid #b3b3b3;
-  box-shadow: inset 0 1px 0 white;
-  border-radius: 3px;
-  font-family: "Lato", sans-serif;
-  font-size: 1em;
-  font-weight: bold;
-  color: #808080;
-  text-transform: uppercase;
-  text-decoration: none;
-}
-.jewel.dropdownlist:hover, .jewel.dropdownlist:hover:focus {
-  background: linear-gradient(#d9d9d9, silver);
-  border: 1px solid #a6a6a6;
-}
-.jewel.dropdownlist:active, .jewel.dropdownlist:active:focus {
-  background: linear-gradient(silver, #a6a6a6);
-  border: 1px solid #8d8d8d;
-  box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+  border-radius: 0.25rem;
 }
 .jewel.dropdownlist:focus {
-  outline: none;
-  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.dropdownlist[disabled] {
-  cursor: unset;
-  background: #f3f3f3;
-  border: 1px solid #d9d9d9;
-  box-shadow: none;
-  color: silver;
-  font-weight: 400;
-  text-shadow: unset;
+  border: 1px solid #ad0e15;
 }
 
 .fonticon.dark {
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 9e8ed28..9aa6421 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
@@ -370,45 +370,18 @@ j|Card {
 }
 
 .jewel.dropdownlist {
-  cursor: pointer;
-  display: inline-block;
-  margin: 0;
-  padding: 10px 16px;
-  min-width: 74px;
-  min-height: 34px;
-  background: linear-gradient(#e6e6e6, #cccccc);
+  width: 200px;
+  height: 38px;
+  background-color: linear-gradient(white, #f3f3f3);
+  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%232C74BE' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+  background-size: 8%;
+  background-position: 170px center;
+  background-repeat: no-repeat;
   border: 1px solid #b3b3b3;
-  box-shadow: inset 0 1px 0 white;
-  border-radius: 3px;
-  font-family: "Lato", sans-serif;
-  font-size: 1em;
-  font-weight: bold;
-  color: #808080;
-  text-transform: uppercase;
-  text-decoration: none;
-}
-.jewel.dropdownlist:hover, .jewel.dropdownlist:hover:focus {
-  background: linear-gradient(#d9d9d9, silver);
-  border: 1px solid #a6a6a6;
-}
-.jewel.dropdownlist:active, .jewel.dropdownlist:active:focus {
-  background: linear-gradient(silver, #a6a6a6);
-  border: 1px solid #8d8d8d;
-  box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+  border-radius: 0.25rem;
 }
 .jewel.dropdownlist:focus {
-  outline: none;
-  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.dropdownlist[disabled] {
-  cursor: unset;
-  background: #f3f3f3;
-  border: 1px solid #d9d9d9;
-  box-shadow: none;
-  color: silver;
-  font-weight: 400;
-  text-shadow: unset;
+  border: 1px solid #1e4e80;
 }
 
 .fonticon.dark {
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 dc5c937..9d4efff 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
@@ -370,45 +370,18 @@ j|Card {
 }
 
 .jewel.dropdownlist {
-  cursor: pointer;
-  display: inline-block;
-  margin: 0;
-  padding: 10px 16px;
-  min-width: 74px;
-  min-height: 34px;
-  background: linear-gradient(#e6e6e6, #cccccc);
+  width: 200px;
+  height: 38px;
+  background-color: linear-gradient(white, #f3f3f3);
+  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23F8B13F' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+  background-size: 8%;
+  background-position: 170px center;
+  background-repeat: no-repeat;
   border: 1px solid #b3b3b3;
-  box-shadow: inset 0 1px 0 white;
-  border-radius: 3px;
-  font-family: "Lato", sans-serif;
-  font-size: 1em;
-  font-weight: bold;
-  color: #808080;
-  text-transform: uppercase;
-  text-decoration: none;
-}
-.jewel.dropdownlist:hover, .jewel.dropdownlist:hover:focus {
-  background: linear-gradient(#d9d9d9, silver);
-  border: 1px solid #a6a6a6;
-}
-.jewel.dropdownlist:active, .jewel.dropdownlist:active:focus {
-  background: linear-gradient(silver, #a6a6a6);
-  border: 1px solid #8d8d8d;
-  box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+  border-radius: 0.25rem;
 }
 .jewel.dropdownlist:focus {
-  outline: none;
-  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.dropdownlist[disabled] {
-  cursor: unset;
-  background: #f3f3f3;
-  border: 1px solid #d9d9d9;
-  box-shadow: none;
-  color: silver;
-  font-weight: 400;
-  text-shadow: unset;
+  border: 1px solid #e28f08;
 }
 
 .fonticon.dark {
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 51efbec..a12ee2c 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
@@ -370,45 +370,18 @@ j|Card {
 }
 
 .jewel.dropdownlist {
-  cursor: pointer;
-  display: inline-block;
-  margin: 0;
-  padding: 10px 16px;
-  min-width: 74px;
-  min-height: 34px;
-  background: linear-gradient(#e6e6e6, #cccccc);
+  width: 200px;
+  height: 38px;
+  background-color: linear-gradient(white, #f3f3f3);
+  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23EF5A2A' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+  background-size: 8%;
+  background-position: 170px center;
+  background-repeat: no-repeat;
   border: 1px solid #b3b3b3;
-  box-shadow: inset 0 1px 0 white;
-  border-radius: 3px;
-  font-family: "Lato", sans-serif;
-  font-size: 1em;
-  font-weight: bold;
-  color: #808080;
-  text-transform: uppercase;
-  text-decoration: none;
-}
-.jewel.dropdownlist:hover, .jewel.dropdownlist:hover:focus {
-  background: linear-gradient(#d9d9d9, silver);
-  border: 1px solid #a6a6a6;
-}
-.jewel.dropdownlist:active, .jewel.dropdownlist:active:focus {
-  background: linear-gradient(silver, #a6a6a6);
-  border: 1px solid #8d8d8d;
-  box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+  border-radius: 0.25rem;
 }
 .jewel.dropdownlist:focus {
-  outline: none;
-  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.dropdownlist[disabled] {
-  cursor: unset;
-  background: #f3f3f3;
-  border: 1px solid #d9d9d9;
-  box-shadow: none;
-  color: silver;
-  font-weight: 400;
-  text-shadow: unset;
+  border: 1px solid #be390e;
 }
 
 .fonticon.dark {
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 fa4eca5..04ab505 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
@@ -370,45 +370,18 @@ j|Card {
 }
 
 .jewel.dropdownlist {
-  cursor: pointer;
-  display: inline-block;
-  margin: 0;
-  padding: 10px 16px;
-  min-width: 74px;
-  min-height: 34px;
-  background: linear-gradient(#e6e6e6, #cccccc);
+  width: 200px;
+  height: 38px;
+  background-color: linear-gradient(white, #f3f3f3);
+  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%2329A89F' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+  background-size: 8%;
+  background-position: 170px center;
+  background-repeat: no-repeat;
   border: 1px solid #b3b3b3;
-  box-shadow: inset 0 1px 0 white;
-  border-radius: 3px;
-  font-family: "Lato", sans-serif;
-  font-size: 1em;
-  font-weight: bold;
-  color: #808080;
-  text-transform: uppercase;
-  text-decoration: none;
-}
-.jewel.dropdownlist:hover, .jewel.dropdownlist:hover:focus {
-  background: linear-gradient(#d9d9d9, silver);
-  border: 1px solid #a6a6a6;
-}
-.jewel.dropdownlist:active, .jewel.dropdownlist:active:focus {
-  background: linear-gradient(silver, #a6a6a6);
-  border: 1px solid #8d8d8d;
-  box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+  border-radius: 0.25rem;
 }
 .jewel.dropdownlist:focus {
-  outline: none;
-  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.dropdownlist[disabled] {
-  cursor: unset;
-  background: #f3f3f3;
-  border: 1px solid #d9d9d9;
-  box-shadow: none;
-  color: silver;
-  font-weight: 400;
-  text-shadow: unset;
+  border: 1px solid #1a6b65;
 }
 
 .fonticon.dark {
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 6ecfa15..a35dd56 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
@@ -370,45 +370,18 @@ j|Card {
 }
 
 .jewel.dropdownlist {
-  cursor: pointer;
-  display: inline-block;
-  margin: 0;
-  padding: 10px 16px;
-  min-width: 74px;
-  min-height: 34px;
-  background: linear-gradient(#e6e6e6, #cccccc);
+  width: 200px;
+  height: 38px;
+  background-color: linear-gradient(white, #f3f3f3);
+  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23662C90' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+  background-size: 8%;
+  background-position: 170px center;
+  background-repeat: no-repeat;
   border: 1px solid #b3b3b3;
-  box-shadow: inset 0 1px 0 white;
-  border-radius: 3px;
-  font-family: "Lato", sans-serif;
-  font-size: 1em;
-  font-weight: bold;
-  color: #808080;
-  text-transform: uppercase;
-  text-decoration: none;
-}
-.jewel.dropdownlist:hover, .jewel.dropdownlist:hover:focus {
-  background: linear-gradient(#d9d9d9, silver);
-  border: 1px solid #a6a6a6;
-}
-.jewel.dropdownlist:active, .jewel.dropdownlist:active:focus {
-  background: linear-gradient(silver, #a6a6a6);
-  border: 1px solid #8d8d8d;
-  box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+  border-radius: 0.25rem;
 }
 .jewel.dropdownlist:focus {
-  outline: none;
-  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.dropdownlist[disabled] {
-  cursor: unset;
-  background: #f3f3f3;
-  border: 1px solid #d9d9d9;
-  box-shadow: none;
-  color: silver;
-  font-weight: 400;
-  text-shadow: unset;
+  border: 1px solid #3c1a55;
 }
 
 .fonticon.dark {
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 0e6b59a..03903f4 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
@@ -370,45 +370,18 @@ j|Card {
 }
 
 .jewel.dropdownlist {
-  cursor: pointer;
-  display: inline-block;
-  margin: 0;
-  padding: 10px 16px;
-  min-width: 74px;
-  min-height: 34px;
-  background: linear-gradient(#e6e6e6, #cccccc);
+  width: 200px;
+  height: 38px;
+  background-color: linear-gradient(white, #f3f3f3);
+  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23E2D70B' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3 [...]
+  background-size: 8%;
+  background-position: 170px center;
+  background-repeat: no-repeat;
   border: 1px solid #b3b3b3;
-  box-shadow: inset 0 1px 0 white;
-  border-radius: 3px;
-  font-family: "Lato", sans-serif;
-  font-size: 1em;
-  font-weight: bold;
-  color: #808080;
-  text-transform: uppercase;
-  text-decoration: none;
-}
-.jewel.dropdownlist:hover, .jewel.dropdownlist:hover:focus {
-  background: linear-gradient(#d9d9d9, silver);
-  border: 1px solid #a6a6a6;
-}
-.jewel.dropdownlist:active, .jewel.dropdownlist:active:focus {
-  background: linear-gradient(silver, #a6a6a6);
-  border: 1px solid #8d8d8d;
-  box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+  border-radius: 0.25rem;
 }
 .jewel.dropdownlist:focus {
-  outline: none;
-  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.dropdownlist[disabled] {
-  cursor: unset;
-  background: #f3f3f3;
-  border: 1px solid #d9d9d9;
-  box-shadow: none;
-  color: silver;
-  font-weight: 400;
-  text-shadow: unset;
+  border: 1px solid #999207;
 }
 
 .fonticon.dark {