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 e6bb4b5 jewel-themes: update all themes
e6bb4b5 is described below
commit e6bb4b5a183b68c63e381bedbb22a80f2f1a6987
Author: Carlos Rovira <[email protected]>
AuthorDate: Mon Apr 22 10:05:47 2019 +0200
jewel-themes: update all themes
---
.../src/main/resources/defaults.css | 21 +++++++++++++++++----
.../src/main/resources/defaults.css | 21 +++++++++++++++++----
.../src/main/resources/defaults.css | 21 +++++++++++++++++----
.../src/main/resources/defaults.css | 21 +++++++++++++++++----
.../src/main/resources/defaults.css | 21 +++++++++++++++++----
.../src/main/resources/defaults.css | 21 +++++++++++++++++----
.../src/main/resources/defaults.css | 21 +++++++++++++++++----
.../src/main/resources/defaults.css | 21 +++++++++++++++++----
.../src/main/resources/defaults.css | 21 +++++++++++++++++----
.../src/main/resources/defaults.css | 21 +++++++++++++++++----
.../src/main/resources/defaults.css | 21 +++++++++++++++++----
.../src/main/resources/defaults.css | 21 +++++++++++++++++----
.../src/main/resources/defaults.css | 21 +++++++++++++++++----
.../src/main/resources/defaults.css | 21 +++++++++++++++++----
.../src/main/resources/defaults.css | 21 +++++++++++++++++----
.../src/main/resources/defaults.css | 21 +++++++++++++++++----
.../src/main/resources/defaults.css | 21 +++++++++++++++++----
.../src/main/resources/defaults.css | 21 +++++++++++++++++----
.../src/main/resources/defaults.css | 21 +++++++++++++++++----
.../src/main/resources/defaults.css | 21 +++++++++++++++++----
.../src/main/resources/defaults.css | 21 +++++++++++++++++----
.../src/main/resources/defaults.css | 21 +++++++++++++++++----
.../src/main/resources/defaults.css | 21 +++++++++++++++++----
.../src/main/resources/defaults.css | 21 +++++++++++++++++----
24 files changed, 408 insertions(+), 96 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 ea3b615..93141e3 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
@@ -849,17 +849,30 @@ j|FormItem {
font-size: 1em;
font-weight: 500;
border: none;
- background: none;
+ background: transparent;
outline: none;
color: rgba(0, 0, 0, 0.6);
+ text-transform: uppercase;
+ text-decoration: none;
+ letter-spacing: 0.1em;
+ font-weight: 600;
+ transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
-.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
- color: #C92CC6;
+.jewel.tabbarbutton > .content {
+ padding-top: 12px;
+ padding-bottom: 12px;
}
-.jewel.tabbarbutton .indicator .indicatorContent {
+.jewel.tabbarbutton .indicator > .indicatorContent {
height: 2px;
background-color: #C92CC6;
}
+.jewel.tabbarbutton.hovered:hover {
+ background: rgba(201, 44, 198, 0.2);
+}
+.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
+ color: #8a1e88;
+ background: rgba(201, 44, 198, 0.4);
+}
.jewel.simpletable {
background: linear-gradient(#7f7f7f, #737373);
diff --git
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Blue-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Blue-Theme/src/main/resources/defaults.css
index cf63ccd..e158919 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
@@ -849,17 +849,30 @@ j|FormItem {
font-size: 1em;
font-weight: 500;
border: none;
- background: none;
+ background: transparent;
outline: none;
color: rgba(0, 0, 0, 0.6);
+ text-transform: uppercase;
+ text-decoration: none;
+ letter-spacing: 0.1em;
+ font-weight: 600;
+ transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
-.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
- color: #3CADF1;
+.jewel.tabbarbutton > .content {
+ padding-top: 12px;
+ padding-bottom: 12px;
}
-.jewel.tabbarbutton .indicator .indicatorContent {
+.jewel.tabbarbutton .indicator > .indicatorContent {
height: 2px;
background-color: #3CADF1;
}
+.jewel.tabbarbutton.hovered:hover {
+ background: rgba(60, 173, 241, 0.2);
+}
+.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
+ color: #0f88d1;
+ background: rgba(60, 173, 241, 0.4);
+}
.jewel.simpletable {
background: linear-gradient(#7f7f7f, #737373);
diff --git
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Emerald-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Emerald-Theme/src/main/resources/defaults.css
index 881fdb0..afc94c5 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
@@ -849,17 +849,30 @@ j|FormItem {
font-size: 1em;
font-weight: 500;
border: none;
- background: none;
+ background: transparent;
outline: none;
color: rgba(0, 0, 0, 0.6);
+ text-transform: uppercase;
+ text-decoration: none;
+ letter-spacing: 0.1em;
+ font-weight: 600;
+ transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
-.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
- color: #8CC63C;
+.jewel.tabbarbutton > .content {
+ padding-top: 12px;
+ padding-bottom: 12px;
}
-.jewel.tabbarbutton .indicator .indicatorContent {
+.jewel.tabbarbutton .indicator > .indicatorContent {
height: 2px;
background-color: #8CC63C;
}
+.jewel.tabbarbutton.hovered:hover {
+ background: rgba(140, 198, 60, 0.2);
+}
+.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
+ color: #638c29;
+ background: rgba(140, 198, 60, 0.4);
+}
.jewel.simpletable {
background: linear-gradient(#7f7f7f, #737373);
diff --git
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Green-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Green-Theme/src/main/resources/defaults.css
index 00fe78b..a69aedb 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
@@ -849,17 +849,30 @@ j|FormItem {
font-size: 1em;
font-weight: 500;
border: none;
- background: none;
+ background: transparent;
outline: none;
color: rgba(0, 0, 0, 0.6);
+ text-transform: uppercase;
+ text-decoration: none;
+ letter-spacing: 0.1em;
+ font-weight: 600;
+ transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
-.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
- color: #3AB549;
+.jewel.tabbarbutton > .content {
+ padding-top: 12px;
+ padding-bottom: 12px;
}
-.jewel.tabbarbutton .indicator .indicatorContent {
+.jewel.tabbarbutton .indicator > .indicatorContent {
height: 2px;
background-color: #3AB549;
}
+.jewel.tabbarbutton.hovered:hover {
+ background: rgba(58, 181, 73, 0.2);
+}
+.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
+ color: #277b32;
+ background: rgba(58, 181, 73, 0.4);
+}
.jewel.simpletable {
background: linear-gradient(#7f7f7f, #737373);
diff --git
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Orange-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Orange-Theme/src/main/resources/defaults.css
index 77af96f..941d2db 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
@@ -849,17 +849,30 @@ j|FormItem {
font-size: 1em;
font-weight: 500;
border: none;
- background: none;
+ background: transparent;
outline: none;
color: rgba(0, 0, 0, 0.6);
+ text-transform: uppercase;
+ text-decoration: none;
+ letter-spacing: 0.1em;
+ font-weight: 600;
+ transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
-.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
- color: #F7941D;
+.jewel.tabbarbutton > .content {
+ padding-top: 12px;
+ padding-bottom: 12px;
}
-.jewel.tabbarbutton .indicator .indicatorContent {
+.jewel.tabbarbutton .indicator > .indicatorContent {
height: 2px;
background-color: #F7941D;
}
+.jewel.tabbarbutton.hovered:hover {
+ background: rgba(247, 148, 29, 0.2);
+}
+.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
+ color: #c16c07;
+ background: rgba(247, 148, 29, 0.4);
+}
.jewel.simpletable {
background: linear-gradient(#7f7f7f, #737373);
diff --git
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Red-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Red-Theme/src/main/resources/defaults.css
index 37b9cdc..2554f32 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
@@ -849,17 +849,30 @@ j|FormItem {
font-size: 1em;
font-weight: 500;
border: none;
- background: none;
+ background: transparent;
outline: none;
color: rgba(0, 0, 0, 0.6);
+ text-transform: uppercase;
+ text-decoration: none;
+ letter-spacing: 0.1em;
+ font-weight: 600;
+ transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
-.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
- color: #EC1C24;
+.jewel.tabbarbutton > .content {
+ padding-top: 12px;
+ padding-bottom: 12px;
}
-.jewel.tabbarbutton .indicator .indicatorContent {
+.jewel.tabbarbutton .indicator > .indicatorContent {
height: 2px;
background-color: #EC1C24;
}
+.jewel.tabbarbutton.hovered:hover {
+ background: rgba(236, 28, 36, 0.2);
+}
+.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
+ color: #ad0e15;
+ background: rgba(236, 28, 36, 0.4);
+}
.jewel.simpletable {
background: linear-gradient(#7f7f7f, #737373);
diff --git
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sapphire-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sapphire-Theme/src/main/resources/defaults.css
index 9591ab9..e42b2e9 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
@@ -849,17 +849,30 @@ j|FormItem {
font-size: 1em;
font-weight: 500;
border: none;
- background: none;
+ background: transparent;
outline: none;
color: rgba(0, 0, 0, 0.6);
+ text-transform: uppercase;
+ text-decoration: none;
+ letter-spacing: 0.1em;
+ font-weight: 600;
+ transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
-.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
- color: #2C74BE;
+.jewel.tabbarbutton > .content {
+ padding-top: 12px;
+ padding-bottom: 12px;
}
-.jewel.tabbarbutton .indicator .indicatorContent {
+.jewel.tabbarbutton .indicator > .indicatorContent {
height: 2px;
background-color: #2C74BE;
}
+.jewel.tabbarbutton.hovered:hover {
+ background: rgba(44, 116, 190, 0.2);
+}
+.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
+ color: #1e4e80;
+ background: rgba(44, 116, 190, 0.4);
+}
.jewel.simpletable {
background: linear-gradient(#7f7f7f, #737373);
diff --git
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sunflower-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sunflower-Theme/src/main/resources/defaults.css
index 2317f01..e53b4cc 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
@@ -849,17 +849,30 @@ j|FormItem {
font-size: 1em;
font-weight: 500;
border: none;
- background: none;
+ background: transparent;
outline: none;
color: rgba(0, 0, 0, 0.6);
+ text-transform: uppercase;
+ text-decoration: none;
+ letter-spacing: 0.1em;
+ font-weight: 600;
+ transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
-.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
- color: #F8B13F;
+.jewel.tabbarbutton > .content {
+ padding-top: 12px;
+ padding-bottom: 12px;
}
-.jewel.tabbarbutton .indicator .indicatorContent {
+.jewel.tabbarbutton .indicator > .indicatorContent {
height: 2px;
background-color: #F8B13F;
}
+.jewel.tabbarbutton.hovered:hover {
+ background: rgba(248, 177, 63, 0.2);
+}
+.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
+ color: #e28f08;
+ background: rgba(248, 177, 63, 0.4);
+}
.jewel.simpletable {
background: linear-gradient(#7f7f7f, #737373);
diff --git
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Topaz-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Topaz-Theme/src/main/resources/defaults.css
index e82e9be..bad4cfc 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
@@ -849,17 +849,30 @@ j|FormItem {
font-size: 1em;
font-weight: 500;
border: none;
- background: none;
+ background: transparent;
outline: none;
color: rgba(0, 0, 0, 0.6);
+ text-transform: uppercase;
+ text-decoration: none;
+ letter-spacing: 0.1em;
+ font-weight: 600;
+ transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
-.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
- color: #EF5A2A;
+.jewel.tabbarbutton > .content {
+ padding-top: 12px;
+ padding-bottom: 12px;
}
-.jewel.tabbarbutton .indicator .indicatorContent {
+.jewel.tabbarbutton .indicator > .indicatorContent {
height: 2px;
background-color: #EF5A2A;
}
+.jewel.tabbarbutton.hovered:hover {
+ background: rgba(239, 90, 42, 0.2);
+}
+.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
+ color: #be390e;
+ background: rgba(239, 90, 42, 0.4);
+}
.jewel.simpletable {
background: linear-gradient(#7f7f7f, #737373);
diff --git
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Turquoise-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Turquoise-Theme/src/main/resources/defaults.css
index 7363093..eb1983b 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
@@ -849,17 +849,30 @@ j|FormItem {
font-size: 1em;
font-weight: 500;
border: none;
- background: none;
+ background: transparent;
outline: none;
color: rgba(0, 0, 0, 0.6);
+ text-transform: uppercase;
+ text-decoration: none;
+ letter-spacing: 0.1em;
+ font-weight: 600;
+ transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
-.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
- color: #29A89F;
+.jewel.tabbarbutton > .content {
+ padding-top: 12px;
+ padding-bottom: 12px;
}
-.jewel.tabbarbutton .indicator .indicatorContent {
+.jewel.tabbarbutton .indicator > .indicatorContent {
height: 2px;
background-color: #29A89F;
}
+.jewel.tabbarbutton.hovered:hover {
+ background: rgba(41, 168, 159, 0.2);
+}
+.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
+ color: #1a6b65;
+ background: rgba(41, 168, 159, 0.4);
+}
.jewel.simpletable {
background: linear-gradient(#7f7f7f, #737373);
diff --git
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Violet-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Violet-Theme/src/main/resources/defaults.css
index 6cc4d6a..168ef4e 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
@@ -849,17 +849,30 @@ j|FormItem {
font-size: 1em;
font-weight: 500;
border: none;
- background: none;
+ background: transparent;
outline: none;
color: rgba(0, 0, 0, 0.6);
+ text-transform: uppercase;
+ text-decoration: none;
+ letter-spacing: 0.1em;
+ font-weight: 600;
+ transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
-.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
- color: #662C90;
+.jewel.tabbarbutton > .content {
+ padding-top: 12px;
+ padding-bottom: 12px;
}
-.jewel.tabbarbutton .indicator .indicatorContent {
+.jewel.tabbarbutton .indicator > .indicatorContent {
height: 2px;
background-color: #662C90;
}
+.jewel.tabbarbutton.hovered:hover {
+ background: rgba(102, 44, 144, 0.2);
+}
+.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
+ color: #3c1a55;
+ background: rgba(102, 44, 144, 0.4);
+}
.jewel.simpletable {
background: linear-gradient(#7f7f7f, #737373);
diff --git
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Yellow-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Yellow-Theme/src/main/resources/defaults.css
index 977d660..efa0011 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
@@ -849,17 +849,30 @@ j|FormItem {
font-size: 1em;
font-weight: 500;
border: none;
- background: none;
+ background: transparent;
outline: none;
color: rgba(0, 0, 0, 0.6);
+ text-transform: uppercase;
+ text-decoration: none;
+ letter-spacing: 0.1em;
+ font-weight: 600;
+ transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
-.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
- color: #E2D70B;
+.jewel.tabbarbutton > .content {
+ padding-top: 12px;
+ padding-bottom: 12px;
}
-.jewel.tabbarbutton .indicator .indicatorContent {
+.jewel.tabbarbutton .indicator > .indicatorContent {
height: 2px;
background-color: #E2D70B;
}
+.jewel.tabbarbutton.hovered:hover {
+ background: rgba(226, 215, 11, 0.2);
+}
+.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
+ color: #999207;
+ background: rgba(226, 215, 11, 0.4);
+}
.jewel.simpletable {
background: linear-gradient(#7f7f7f, #737373);
diff --git
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Amethyst-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Amethyst-Theme/src/main/resources/defaults.css
index 6534772..2921a0e 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
@@ -848,17 +848,30 @@ j|FormItem {
font-size: 1em;
font-weight: 500;
border: none;
- background: none;
+ background: transparent;
outline: none;
color: rgba(0, 0, 0, 0.6);
+ text-transform: uppercase;
+ text-decoration: none;
+ letter-spacing: 0.1em;
+ font-weight: 600;
+ transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
-.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
- color: #C92CC6;
+.jewel.tabbarbutton > .content {
+ padding-top: 12px;
+ padding-bottom: 12px;
}
-.jewel.tabbarbutton .indicator .indicatorContent {
+.jewel.tabbarbutton .indicator > .indicatorContent {
height: 2px;
background-color: #C92CC6;
}
+.jewel.tabbarbutton.hovered:hover {
+ background: rgba(201, 44, 198, 0.2);
+}
+.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
+ color: #8a1e88;
+ background: rgba(201, 44, 198, 0.4);
+}
.jewel.simpletable {
background: linear-gradient(white, #f3f3f3);
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 91e0980..5ebe442 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
@@ -848,17 +848,30 @@ j|FormItem {
font-size: 1em;
font-weight: 500;
border: none;
- background: none;
+ background: transparent;
outline: none;
color: rgba(0, 0, 0, 0.6);
+ text-transform: uppercase;
+ text-decoration: none;
+ letter-spacing: 0.1em;
+ font-weight: 600;
+ transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
-.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
- color: #3CADF1;
+.jewel.tabbarbutton > .content {
+ padding-top: 12px;
+ padding-bottom: 12px;
}
-.jewel.tabbarbutton .indicator .indicatorContent {
+.jewel.tabbarbutton .indicator > .indicatorContent {
height: 2px;
background-color: #3CADF1;
}
+.jewel.tabbarbutton.hovered:hover {
+ background: rgba(60, 173, 241, 0.2);
+}
+.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
+ color: #0f88d1;
+ background: rgba(60, 173, 241, 0.4);
+}
.jewel.simpletable {
background: linear-gradient(white, #f3f3f3);
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 bee5e76..a3b55b9 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
@@ -848,17 +848,30 @@ j|FormItem {
font-size: 1em;
font-weight: 500;
border: none;
- background: none;
+ background: transparent;
outline: none;
color: rgba(0, 0, 0, 0.6);
+ text-transform: uppercase;
+ text-decoration: none;
+ letter-spacing: 0.1em;
+ font-weight: 600;
+ transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
-.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
- color: #8CC63C;
+.jewel.tabbarbutton > .content {
+ padding-top: 12px;
+ padding-bottom: 12px;
}
-.jewel.tabbarbutton .indicator .indicatorContent {
+.jewel.tabbarbutton .indicator > .indicatorContent {
height: 2px;
background-color: #8CC63C;
}
+.jewel.tabbarbutton.hovered:hover {
+ background: rgba(140, 198, 60, 0.2);
+}
+.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
+ color: #638c29;
+ background: rgba(140, 198, 60, 0.4);
+}
.jewel.simpletable {
background: linear-gradient(white, #f3f3f3);
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 1b0bdda..4abfc6e 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
@@ -848,17 +848,30 @@ j|FormItem {
font-size: 1em;
font-weight: 500;
border: none;
- background: none;
+ background: transparent;
outline: none;
color: rgba(0, 0, 0, 0.6);
+ text-transform: uppercase;
+ text-decoration: none;
+ letter-spacing: 0.1em;
+ font-weight: 600;
+ transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
-.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
- color: #3AB549;
+.jewel.tabbarbutton > .content {
+ padding-top: 12px;
+ padding-bottom: 12px;
}
-.jewel.tabbarbutton .indicator .indicatorContent {
+.jewel.tabbarbutton .indicator > .indicatorContent {
height: 2px;
background-color: #3AB549;
}
+.jewel.tabbarbutton.hovered:hover {
+ background: rgba(58, 181, 73, 0.2);
+}
+.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
+ color: #277b32;
+ background: rgba(58, 181, 73, 0.4);
+}
.jewel.simpletable {
background: linear-gradient(white, #f3f3f3);
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 b5300a1..004a82c 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
@@ -848,17 +848,30 @@ j|FormItem {
font-size: 1em;
font-weight: 500;
border: none;
- background: none;
+ background: transparent;
outline: none;
color: rgba(0, 0, 0, 0.6);
+ text-transform: uppercase;
+ text-decoration: none;
+ letter-spacing: 0.1em;
+ font-weight: 600;
+ transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
-.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
- color: #F7941D;
+.jewel.tabbarbutton > .content {
+ padding-top: 12px;
+ padding-bottom: 12px;
}
-.jewel.tabbarbutton .indicator .indicatorContent {
+.jewel.tabbarbutton .indicator > .indicatorContent {
height: 2px;
background-color: #F7941D;
}
+.jewel.tabbarbutton.hovered:hover {
+ background: rgba(247, 148, 29, 0.2);
+}
+.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
+ color: #c16c07;
+ background: rgba(247, 148, 29, 0.4);
+}
.jewel.simpletable {
background: linear-gradient(white, #f3f3f3);
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 7fb7223..7eeaab5 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
@@ -848,17 +848,30 @@ j|FormItem {
font-size: 1em;
font-weight: 500;
border: none;
- background: none;
+ background: transparent;
outline: none;
color: rgba(0, 0, 0, 0.6);
+ text-transform: uppercase;
+ text-decoration: none;
+ letter-spacing: 0.1em;
+ font-weight: 600;
+ transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
-.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
- color: #EC1C24;
+.jewel.tabbarbutton > .content {
+ padding-top: 12px;
+ padding-bottom: 12px;
}
-.jewel.tabbarbutton .indicator .indicatorContent {
+.jewel.tabbarbutton .indicator > .indicatorContent {
height: 2px;
background-color: #EC1C24;
}
+.jewel.tabbarbutton.hovered:hover {
+ background: rgba(236, 28, 36, 0.2);
+}
+.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
+ color: #ad0e15;
+ background: rgba(236, 28, 36, 0.4);
+}
.jewel.simpletable {
background: linear-gradient(white, #f3f3f3);
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 d92f510..ff905bb 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
@@ -848,17 +848,30 @@ j|FormItem {
font-size: 1em;
font-weight: 500;
border: none;
- background: none;
+ background: transparent;
outline: none;
color: rgba(0, 0, 0, 0.6);
+ text-transform: uppercase;
+ text-decoration: none;
+ letter-spacing: 0.1em;
+ font-weight: 600;
+ transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
-.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
- color: #2C74BE;
+.jewel.tabbarbutton > .content {
+ padding-top: 12px;
+ padding-bottom: 12px;
}
-.jewel.tabbarbutton .indicator .indicatorContent {
+.jewel.tabbarbutton .indicator > .indicatorContent {
height: 2px;
background-color: #2C74BE;
}
+.jewel.tabbarbutton.hovered:hover {
+ background: rgba(44, 116, 190, 0.2);
+}
+.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
+ color: #1e4e80;
+ background: rgba(44, 116, 190, 0.4);
+}
.jewel.simpletable {
background: linear-gradient(white, #f3f3f3);
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 a88ab77..39dab93 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
@@ -848,17 +848,30 @@ j|FormItem {
font-size: 1em;
font-weight: 500;
border: none;
- background: none;
+ background: transparent;
outline: none;
color: rgba(0, 0, 0, 0.6);
+ text-transform: uppercase;
+ text-decoration: none;
+ letter-spacing: 0.1em;
+ font-weight: 600;
+ transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
-.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
- color: #F8B13F;
+.jewel.tabbarbutton > .content {
+ padding-top: 12px;
+ padding-bottom: 12px;
}
-.jewel.tabbarbutton .indicator .indicatorContent {
+.jewel.tabbarbutton .indicator > .indicatorContent {
height: 2px;
background-color: #F8B13F;
}
+.jewel.tabbarbutton.hovered:hover {
+ background: rgba(248, 177, 63, 0.2);
+}
+.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
+ color: #e28f08;
+ background: rgba(248, 177, 63, 0.4);
+}
.jewel.simpletable {
background: linear-gradient(white, #f3f3f3);
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 830239e..48d2a18 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
@@ -848,17 +848,30 @@ j|FormItem {
font-size: 1em;
font-weight: 500;
border: none;
- background: none;
+ background: transparent;
outline: none;
color: rgba(0, 0, 0, 0.6);
+ text-transform: uppercase;
+ text-decoration: none;
+ letter-spacing: 0.1em;
+ font-weight: 600;
+ transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
-.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
- color: #EF5A2A;
+.jewel.tabbarbutton > .content {
+ padding-top: 12px;
+ padding-bottom: 12px;
}
-.jewel.tabbarbutton .indicator .indicatorContent {
+.jewel.tabbarbutton .indicator > .indicatorContent {
height: 2px;
background-color: #EF5A2A;
}
+.jewel.tabbarbutton.hovered:hover {
+ background: rgba(239, 90, 42, 0.2);
+}
+.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
+ color: #be390e;
+ background: rgba(239, 90, 42, 0.4);
+}
.jewel.simpletable {
background: linear-gradient(white, #f3f3f3);
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 a8086df..6cd64eb 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
@@ -848,17 +848,30 @@ j|FormItem {
font-size: 1em;
font-weight: 500;
border: none;
- background: none;
+ background: transparent;
outline: none;
color: rgba(0, 0, 0, 0.6);
+ text-transform: uppercase;
+ text-decoration: none;
+ letter-spacing: 0.1em;
+ font-weight: 600;
+ transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
-.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
- color: #29A89F;
+.jewel.tabbarbutton > .content {
+ padding-top: 12px;
+ padding-bottom: 12px;
}
-.jewel.tabbarbutton .indicator .indicatorContent {
+.jewel.tabbarbutton .indicator > .indicatorContent {
height: 2px;
background-color: #29A89F;
}
+.jewel.tabbarbutton.hovered:hover {
+ background: rgba(41, 168, 159, 0.2);
+}
+.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
+ color: #1a6b65;
+ background: rgba(41, 168, 159, 0.4);
+}
.jewel.simpletable {
background: linear-gradient(white, #f3f3f3);
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 3e0614b..12f2a58 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
@@ -848,17 +848,30 @@ j|FormItem {
font-size: 1em;
font-weight: 500;
border: none;
- background: none;
+ background: transparent;
outline: none;
color: rgba(0, 0, 0, 0.6);
+ text-transform: uppercase;
+ text-decoration: none;
+ letter-spacing: 0.1em;
+ font-weight: 600;
+ transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
-.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
- color: #662C90;
+.jewel.tabbarbutton > .content {
+ padding-top: 12px;
+ padding-bottom: 12px;
}
-.jewel.tabbarbutton .indicator .indicatorContent {
+.jewel.tabbarbutton .indicator > .indicatorContent {
height: 2px;
background-color: #662C90;
}
+.jewel.tabbarbutton.hovered:hover {
+ background: rgba(102, 44, 144, 0.2);
+}
+.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
+ color: #3c1a55;
+ background: rgba(102, 44, 144, 0.4);
+}
.jewel.simpletable {
background: linear-gradient(white, #f3f3f3);
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 550e04c..9018435 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
@@ -848,17 +848,30 @@ j|FormItem {
font-size: 1em;
font-weight: 500;
border: none;
- background: none;
+ background: transparent;
outline: none;
color: rgba(0, 0, 0, 0.6);
+ text-transform: uppercase;
+ text-decoration: none;
+ letter-spacing: 0.1em;
+ font-weight: 600;
+ transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
-.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
- color: #E2D70B;
+.jewel.tabbarbutton > .content {
+ padding-top: 12px;
+ padding-bottom: 12px;
}
-.jewel.tabbarbutton .indicator .indicatorContent {
+.jewel.tabbarbutton .indicator > .indicatorContent {
height: 2px;
background-color: #E2D70B;
}
+.jewel.tabbarbutton.hovered:hover {
+ background: rgba(226, 215, 11, 0.2);
+}
+.jewel.tabbarbutton.selected, .jewel.tabbarbutton.selectable:active {
+ color: #999207;
+ background: rgba(226, 215, 11, 0.4);
+}
.jewel.simpletable {
background: linear-gradient(white, #f3f3f3);
