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 21ced85 jewel-themes: upgrade all themes with latest changes
21ced85 is described below
commit 21ced853b17cf3f11d47460b27483cf1c1f40f5a
Author: Carlos Rovira <[email protected]>
AuthorDate: Thu Feb 20 00:36:24 2020 +0100
jewel-themes: upgrade all themes with latest changes
---
.../defaults.css | 31 ++++++++++++++++++----
.../defaults.css | 31 ++++++++++++++++++----
.../defaults.css | 31 ++++++++++++++++++----
.../defaults.css | 31 ++++++++++++++++++----
.../defaults.css | 31 ++++++++++++++++++----
.../defaults.css | 31 ++++++++++++++++++----
.../defaults.css | 31 ++++++++++++++++++----
.../defaults.css | 31 ++++++++++++++++++----
.../defaults.css | 31 ++++++++++++++++++----
.../defaults.css | 31 ++++++++++++++++++----
.../defaults.css | 31 ++++++++++++++++++----
.../defaults.css | 31 ++++++++++++++++++----
.../defaults.css | 31 ++++++++++++++++++----
.../defaults.css | 31 ++++++++++++++++++----
.../defaults.css | 31 ++++++++++++++++++----
.../defaults.css | 31 ++++++++++++++++++----
.../defaults.css | 31 ++++++++++++++++++----
.../defaults.css | 31 ++++++++++++++++++----
.../defaults.css | 31 ++++++++++++++++++----
.../defaults.css | 31 ++++++++++++++++++----
.../defaults.css | 31 ++++++++++++++++++----
.../defaults.css | 31 ++++++++++++++++++----
.../defaults.css | 31 ++++++++++++++++++----
.../defaults.css | 31 ++++++++++++++++++----
.../src/main/resources/defaults.css | 29 +++++++++++++++++---
.../src/main/resources/defaults.css | 31 ++++++++++++++++++----
.../src/main/resources/defaults.css | 31 ++++++++++++++++++----
.../src/main/resources/defaults.css | 29 +++++++++++++++++---
.../src/main/resources/defaults.css | 31 ++++++++++++++++++----
.../src/main/resources/defaults.css | 31 ++++++++++++++++++----
.../src/main/resources/defaults.css | 29 +++++++++++++++++---
.../src/main/resources/defaults.css | 31 ++++++++++++++++++----
.../src/main/resources/defaults.css | 31 ++++++++++++++++++----
.../src/main/resources/defaults.css | 29 +++++++++++++++++---
.../src/main/resources/defaults.css | 29 +++++++++++++++++---
.../src/main/resources/defaults.css | 29 +++++++++++++++++---
.../src/main/resources/defaults.css | 31 ++++++++++++++++++----
.../src/main/resources/defaults.css | 31 ++++++++++++++++++----
.../src/main/resources/defaults.css | 31 ++++++++++++++++++----
.../src/main/resources/defaults.css | 31 ++++++++++++++++++----
.../src/main/resources/defaults.css | 31 ++++++++++++++++++----
.../src/main/resources/defaults.css | 31 ++++++++++++++++++----
.../src/main/resources/defaults.css | 31 ++++++++++++++++++----
.../src/main/resources/defaults.css | 31 ++++++++++++++++++----
.../src/main/resources/defaults.css | 31 ++++++++++++++++++----
.../src/main/resources/defaults.css | 31 ++++++++++++++++++----
.../src/main/resources/defaults.css | 31 ++++++++++++++++++----
.../src/main/resources/defaults.css | 31 ++++++++++++++++++----
.../src/main/resources/defaults.css | 31 ++++++++++++++++++----
.../src/main/resources/defaults.css | 31 ++++++++++++++++++----
.../src/main/resources/defaults.css | 31 ++++++++++++++++++----
.../src/main/resources/defaults.css | 31 ++++++++++++++++++----
.../src/main/resources/defaults.css | 31 ++++++++++++++++++----
.../src/main/resources/defaults.css | 31 ++++++++++++++++++----
.../src/main/resources/defaults.css | 31 ++++++++++++++++++----
.../src/main/resources/defaults.css | 31 ++++++++++++++++++----
.../src/main/resources/defaults.css | 31 ++++++++++++++++++----
.../src/main/resources/defaults.css | 31 ++++++++++++++++++----
.../src/main/resources/defaults.css | 31 ++++++++++++++++++----
.../src/main/resources/defaults.css | 31 ++++++++++++++++++----
60 files changed, 1554 insertions(+), 294 deletions(-)
diff --git
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Amethyst-Theme/defaults.css
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Amethyst-Theme/defaults.css
index ce8303e..3f3b746 100644
---
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Amethyst-Theme/defaults.css
+++
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Amethyst-Theme/defaults.css
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: white;
+ background: #e0d6e0;
font-family: "Lato", sans-serif;
color: #808080;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: white;
+ background: #f6f3f6;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -239,9 +239,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #ebebeb;
- border: 0px;
- border-radius: 10px;
+ background: #f6f3f6;
+ border: 1px solid #bdbdbd;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -249,6 +262,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: white;
border: 1px solid #d9d9d9;
diff --git
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Blue-Theme/defaults.css
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Blue-Theme/defaults.css
index b42bc89..5d52b5d 100644
---
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Blue-Theme/defaults.css
+++
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Blue-Theme/defaults.css
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: white;
+ background: #f5f8fa;
font-family: "Lato", sans-serif;
color: #808080;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: white;
+ background: white;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -239,9 +239,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #ebebeb;
- border: 0px;
- border-radius: 10px;
+ background: white;
+ border: 1px solid #d2dadf;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -249,6 +262,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: white;
border: 1px solid #d9d9d9;
diff --git
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Emerald-Theme/defaults.css
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Emerald-Theme/defaults.css
index 4a107e2..d95b9ed 100644
---
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Emerald-Theme/defaults.css
+++
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Emerald-Theme/defaults.css
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: white;
+ background: #e2e3e1;
font-family: "Lato", sans-serif;
color: #808080;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: white;
+ background: #fbfcfb;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -239,9 +239,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #ebebeb;
- border: 0px;
- border-radius: 10px;
+ background: #fbfcfb;
+ border: 1px solid #c3c3c3;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -249,6 +262,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: white;
border: 1px solid #d9d9d9;
diff --git
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Green-Theme/defaults.css
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Green-Theme/defaults.css
index 53d6bc5..add8158 100644
---
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Green-Theme/defaults.css
+++
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Green-Theme/defaults.css
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: white;
+ background: #d8d9d8;
font-family: "Lato", sans-serif;
color: #808080;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: white;
+ background: #f2f2f2;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -239,9 +239,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #ebebeb;
- border: 0px;
- border-radius: 10px;
+ background: #f2f2f2;
+ border: 1px solid #bababa;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -249,6 +262,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: white;
border: 1px solid #d9d9d9;
diff --git
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Orange-Theme/defaults.css
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Orange-Theme/defaults.css
index 3cdbc28..1fa0912 100644
---
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Orange-Theme/defaults.css
+++
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Orange-Theme/defaults.css
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: white;
+ background: #f4ece2;
font-family: "Lato", sans-serif;
color: #808080;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: white;
+ background: white;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -239,9 +239,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #ebebeb;
- border: 0px;
- border-radius: 10px;
+ background: white;
+ border: 1px solid #d8cdc1;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -249,6 +262,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: white;
border: 1px solid #d9d9d9;
diff --git
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Red-Theme/defaults.css
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Red-Theme/defaults.css
index 8092100..f8695d5 100644
---
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Red-Theme/defaults.css
+++
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Red-Theme/defaults.css
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: white;
+ background: #eedcdd;
font-family: "Lato", sans-serif;
color: #808080;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: white;
+ background: #fffefe;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -239,9 +239,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #ebebeb;
- border: 0px;
- border-radius: 10px;
+ background: #fffefe;
+ border: 1px solid #cfbebf;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -249,6 +262,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: white;
border: 1px solid #d9d9d9;
diff --git
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Sapphire-Theme/defaults.css
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Sapphire-Theme/defaults.css
index d6e96c3..7565849 100644
---
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Sapphire-Theme/defaults.css
+++
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Sapphire-Theme/defaults.css
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: white;
+ background: #d1d6db;
font-family: "Lato", sans-serif;
color: #808080;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: white;
+ background: #edeff1;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -239,9 +239,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #ebebeb;
- border: 0px;
- border-radius: 10px;
+ background: #edeff1;
+ border: 1px solid #b7b7b7;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -249,6 +262,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: white;
border: 1px solid #d9d9d9;
diff --git
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Sunflower-Theme/defaults.css
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Sunflower-Theme/defaults.css
index 9fbd9cd..2b5bb47 100644
---
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Sunflower-Theme/defaults.css
+++
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Sunflower-Theme/defaults.css
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: white;
+ background: #fefdfb;
font-family: "Lato", sans-serif;
color: #808080;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: white;
+ background: white;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -239,9 +239,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #ebebeb;
- border: 0px;
- border-radius: 10px;
+ background: white;
+ border: 1px solid #e5e0d6;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -249,6 +262,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: white;
border: 1px solid #d9d9d9;
diff --git
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Topaz-Theme/defaults.css
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Topaz-Theme/defaults.css
index ebddc46..dc9fa9c 100644
---
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Topaz-Theme/defaults.css
+++
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Topaz-Theme/defaults.css
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: white;
+ background: #f4eae7;
font-family: "Lato", sans-serif;
color: #808080;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: white;
+ background: white;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -239,9 +239,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #ebebeb;
- border: 0px;
- border-radius: 10px;
+ background: white;
+ border: 1px solid #d7cbc7;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -249,6 +262,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: white;
border: 1px solid #d9d9d9;
diff --git
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Turquoise-Theme/defaults.css
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Turquoise-Theme/defaults.css
index bd61864..750b1e1 100644
---
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Turquoise-Theme/defaults.css
+++
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Turquoise-Theme/defaults.css
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: white;
+ background: #c4cfce;
font-family: "Lato", sans-serif;
color: #808080;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: white;
+ background: #e0e6e5;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -239,9 +239,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #ebebeb;
- border: 0px;
- border-radius: 10px;
+ background: #e0e6e5;
+ border: 1px solid #ababab;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -249,6 +262,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: white;
border: 1px solid #d9d9d9;
diff --git
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Violet-Theme/defaults.css
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Violet-Theme/defaults.css
index 9e35cae..503cb9c 100644
---
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Violet-Theme/defaults.css
+++
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Violet-Theme/defaults.css
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: white;
+ background: #bfbdc1;
font-family: "Lato", sans-serif;
color: #808080;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: white;
+ background: #d9d7da;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -239,9 +239,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #ebebeb;
- border: 0px;
- border-radius: 10px;
+ background: #d9d7da;
+ border: 1px solid #a0a0a0;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -249,6 +262,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: white;
border: 1px solid #d9d9d9;
diff --git
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Yellow-Theme/defaults.css
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Yellow-Theme/defaults.css
index 84d2153..6e32f8e 100644
---
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Yellow-Theme/defaults.css
+++
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-Flat-Primary-Yellow-Theme/defaults.css
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: white;
+ background: #e8e6c7;
font-family: "Lato", sans-serif;
color: #808080;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: white;
+ background: #f7f6eb;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -239,9 +239,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #ebebeb;
- border: 0px;
- border-radius: 10px;
+ background: #f7f6eb;
+ border: 1px solid #c7c6aa;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -249,6 +262,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: white;
border: 1px solid #d9d9d9;
diff --git
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Amethyst-Theme/defaults.css
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Amethyst-Theme/defaults.css
index 2af804b..2f24021 100644
---
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Amethyst-Theme/defaults.css
+++
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Amethyst-Theme/defaults.css
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: white;
+ background: #e0d6e0;
font-family: "Lato", sans-serif;
color: #808080;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: white;
+ background: #f6f3f6;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -237,9 +237,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #ebebeb;
- border: 0px;
- border-radius: 10px;
+ background: #f6f3f6;
+ border: 1px solid #bdbdbd;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -247,6 +260,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: linear-gradient(white, #f3f3f3);
border: 1px solid #b3b3b3;
diff --git
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Blue-Theme/defaults.css
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Blue-Theme/defaults.css
index fa33002..b31358d 100644
---
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Blue-Theme/defaults.css
+++
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Blue-Theme/defaults.css
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: white;
+ background: #f5f8fa;
font-family: "Lato", sans-serif;
color: #808080;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: white;
+ background: white;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -237,9 +237,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #ebebeb;
- border: 0px;
- border-radius: 10px;
+ background: white;
+ border: 1px solid #d2dadf;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -247,6 +260,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: linear-gradient(white, #f3f3f3);
border: 1px solid #b3b3b3;
diff --git
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/defaults.css
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/defaults.css
index cfb764a..752a14b 100644
---
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/defaults.css
+++
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/defaults.css
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: white;
+ background: #e2e3e1;
font-family: "Lato", sans-serif;
color: #808080;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: white;
+ background: #fbfcfb;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -237,9 +237,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #ebebeb;
- border: 0px;
- border-radius: 10px;
+ background: #fbfcfb;
+ border: 1px solid #c3c3c3;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -247,6 +260,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: linear-gradient(white, #f3f3f3);
border: 1px solid #b3b3b3;
diff --git
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Green-Theme/defaults.css
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Green-Theme/defaults.css
index 617803c..4d3b09f 100644
---
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Green-Theme/defaults.css
+++
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Green-Theme/defaults.css
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: white;
+ background: #d8d9d8;
font-family: "Lato", sans-serif;
color: #808080;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: white;
+ background: #f2f2f2;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -237,9 +237,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #ebebeb;
- border: 0px;
- border-radius: 10px;
+ background: #f2f2f2;
+ border: 1px solid #bababa;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -247,6 +260,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: linear-gradient(white, #f3f3f3);
border: 1px solid #b3b3b3;
diff --git
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Orange-Theme/defaults.css
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Orange-Theme/defaults.css
index a8889f1..d3ca0ab 100644
---
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Orange-Theme/defaults.css
+++
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Orange-Theme/defaults.css
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: white;
+ background: #f4ece2;
font-family: "Lato", sans-serif;
color: #808080;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: white;
+ background: white;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -237,9 +237,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #ebebeb;
- border: 0px;
- border-radius: 10px;
+ background: white;
+ border: 1px solid #d8cdc1;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -247,6 +260,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: linear-gradient(white, #f3f3f3);
border: 1px solid #b3b3b3;
diff --git
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Red-Theme/defaults.css
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Red-Theme/defaults.css
index 1d1c863..2f769bb 100644
---
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Red-Theme/defaults.css
+++
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Red-Theme/defaults.css
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: white;
+ background: #eedcdd;
font-family: "Lato", sans-serif;
color: #808080;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: white;
+ background: #fffefe;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -237,9 +237,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #ebebeb;
- border: 0px;
- border-radius: 10px;
+ background: #fffefe;
+ border: 1px solid #cfbebf;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -247,6 +260,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: linear-gradient(white, #f3f3f3);
border: 1px solid #b3b3b3;
diff --git
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Sapphire-Theme/defaults.css
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Sapphire-Theme/defaults.css
index c726191..bfdab5d 100644
---
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Sapphire-Theme/defaults.css
+++
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Sapphire-Theme/defaults.css
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: white;
+ background: #d1d6db;
font-family: "Lato", sans-serif;
color: #808080;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: white;
+ background: #edeff1;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -237,9 +237,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #ebebeb;
- border: 0px;
- border-radius: 10px;
+ background: #edeff1;
+ border: 1px solid #b7b7b7;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -247,6 +260,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: linear-gradient(white, #f3f3f3);
border: 1px solid #b3b3b3;
diff --git
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Sunflower-Theme/defaults.css
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Sunflower-Theme/defaults.css
index e7288f5..8432252 100644
---
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Sunflower-Theme/defaults.css
+++
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Sunflower-Theme/defaults.css
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: white;
+ background: #fefdfb;
font-family: "Lato", sans-serif;
color: #808080;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: white;
+ background: white;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -237,9 +237,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #ebebeb;
- border: 0px;
- border-radius: 10px;
+ background: white;
+ border: 1px solid #e5e0d6;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -247,6 +260,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: linear-gradient(white, #f3f3f3);
border: 1px solid #b3b3b3;
diff --git
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Topaz-Theme/defaults.css
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Topaz-Theme/defaults.css
index 1cf65fe..903d54e 100644
---
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Topaz-Theme/defaults.css
+++
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Topaz-Theme/defaults.css
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: white;
+ background: #f4eae7;
font-family: "Lato", sans-serif;
color: #808080;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: white;
+ background: white;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -237,9 +237,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #ebebeb;
- border: 0px;
- border-radius: 10px;
+ background: white;
+ border: 1px solid #d7cbc7;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -247,6 +260,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: linear-gradient(white, #f3f3f3);
border: 1px solid #b3b3b3;
diff --git
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Turquoise-Theme/defaults.css
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Turquoise-Theme/defaults.css
index 25e7537..80c65da 100644
---
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Turquoise-Theme/defaults.css
+++
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Turquoise-Theme/defaults.css
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: white;
+ background: #c4cfce;
font-family: "Lato", sans-serif;
color: #808080;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: white;
+ background: #e0e6e5;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -237,9 +237,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #ebebeb;
- border: 0px;
- border-radius: 10px;
+ background: #e0e6e5;
+ border: 1px solid #ababab;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -247,6 +260,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: linear-gradient(white, #f3f3f3);
border: 1px solid #b3b3b3;
diff --git
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Violet-Theme/defaults.css
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Violet-Theme/defaults.css
index 41f63d9..d4463a1 100644
---
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Violet-Theme/defaults.css
+++
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Violet-Theme/defaults.css
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: white;
+ background: #bfbdc1;
font-family: "Lato", sans-serif;
color: #808080;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: white;
+ background: #d9d7da;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -237,9 +237,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #ebebeb;
- border: 0px;
- border-radius: 10px;
+ background: #d9d7da;
+ border: 1px solid #a0a0a0;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -247,6 +260,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: linear-gradient(white, #f3f3f3);
border: 1px solid #b3b3b3;
diff --git
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Yellow-Theme/defaults.css
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Yellow-Theme/defaults.css
index ce39c6e..adc4ea4 100644
---
a/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Yellow-Theme/defaults.css
+++
b/examples/royale/TourDeJewel/src/main/resources/assets/themes/Jewel-Light-NoFlat-Primary-Yellow-Theme/defaults.css
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: white;
+ background: #e8e6c7;
font-family: "Lato", sans-serif;
color: #808080;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: white;
+ background: #f7f6eb;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -237,9 +237,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #ebebeb;
- border: 0px;
- border-radius: 10px;
+ background: #f7f6eb;
+ border: 1px solid #c7c6aa;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -247,6 +260,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: linear-gradient(white, #f3f3f3);
border: 1px solid #b3b3b3;
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 59b3904..cfa8d0f 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
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: black;
+ background: #1d161d;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -237,9 +237,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #1a1a1a;
- border: 0px;
- border-radius: 10px;
+ background: #1d161d;
+ border: 1px solid #bdbdbd;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -247,6 +260,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: linear-gradient(#7f7f7f, #737373);
border: 1px solid #333333;
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 b2e53c8..2342929 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
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: black;
+ background: #0f191f;
font-family: "Lato", sans-serif;
color: #FFFFFF;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: black;
+ background: #1f3542;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -237,9 +237,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #1a1a1a;
- border: 0px;
- border-radius: 10px;
+ background: #1f3542;
+ border: 1px solid #d2dadf;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -247,6 +260,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: linear-gradient(#7f7f7f, #737373);
border: 1px solid #333333;
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 baf7972..bad37a8 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
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: black;
+ background: #020201;
font-family: "Lato", sans-serif;
color: #FFFFFF;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: black;
+ background: #1b1c1a;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -237,9 +237,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #1a1a1a;
- border: 0px;
- border-radius: 10px;
+ background: #1b1c1a;
+ border: 1px solid #c3c3c3;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -247,6 +260,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: linear-gradient(#7f7f7f, #737373);
border: 1px solid #333333;
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 fc55c69..c1bad17 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
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: black;
+ background: #191a19;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -237,9 +237,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #1a1a1a;
- border: 0px;
- border-radius: 10px;
+ background: #191a19;
+ border: 1px solid #bababa;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -247,6 +260,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: linear-gradient(#7f7f7f, #737373);
border: 1px solid #333333;
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 29ae933..9bbc6cc 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
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: black;
+ background: #0f0b06;
font-family: "Lato", sans-serif;
color: #FFFFFF;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: black;
+ background: #342514;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -237,9 +237,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #1a1a1a;
- border: 0px;
- border-radius: 10px;
+ background: #342514;
+ border: 1px solid #d8cdc1;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -247,6 +260,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: linear-gradient(#7f7f7f, #737373);
border: 1px solid #333333;
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 9eb49c1..9ca7edc 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
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: black;
+ background: #060303;
font-family: "Lato", sans-serif;
color: #FFFFFF;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: black;
+ background: #281414;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -237,9 +237,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #1a1a1a;
- border: 0px;
- border-radius: 10px;
+ background: #281414;
+ border: 1px solid #cfbebf;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -247,6 +260,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: linear-gradient(#7f7f7f, #737373);
border: 1px solid #333333;
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 2a1c3f9..6a92347 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
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: black;
+ background: #16191d;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -237,9 +237,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #1a1a1a;
- border: 0px;
- border-radius: 10px;
+ background: #16191d;
+ border: 1px solid #b7b7b7;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -247,6 +260,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: linear-gradient(#7f7f7f, #737373);
border: 1px solid #333333;
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 0eb5f1f..03eafb5 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
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: black;
+ background: #281f10;
font-family: "Lato", sans-serif;
color: #FFFFFF;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: black;
+ background: #4c3b1f;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -237,9 +237,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #1a1a1a;
- border: 0px;
- border-radius: 10px;
+ background: #4c3b1f;
+ border: 1px solid #e5e0d6;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -247,6 +260,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: linear-gradient(#7f7f7f, #737373);
border: 1px solid #333333;
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 549238e..d803a59 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
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: black;
+ background: #120b08;
font-family: "Lato", sans-serif;
color: #FFFFFF;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: black;
+ background: #341f19;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -237,9 +237,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #1a1a1a;
- border: 0px;
- border-radius: 10px;
+ background: #341f19;
+ border: 1px solid #d7cbc7;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -247,6 +260,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: linear-gradient(#7f7f7f, #737373);
border: 1px solid #333333;
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 9bc6de9..f8fe392 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
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: black;
+ background: #171c1c;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -237,9 +237,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #1a1a1a;
- border: 0px;
- border-radius: 10px;
+ background: #171c1c;
+ border: 1px solid #ababab;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -247,6 +260,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: linear-gradient(#7f7f7f, #737373);
border: 1px solid #333333;
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 9345e8e..d0b35e5 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
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: black;
+ background: #1a191a;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -237,9 +237,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #1a1a1a;
- border: 0px;
- border-radius: 10px;
+ background: #1a191a;
+ border: 1px solid #a0a0a0;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -247,6 +260,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: linear-gradient(#7f7f7f, #737373);
border: 1px solid #333333;
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 fe4e70e..b6a0665 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
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: black;
+ background: #24230f;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -237,9 +237,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #1a1a1a;
- border: 0px;
- border-radius: 10px;
+ background: #24230f;
+ border: 1px solid #c7c6aa;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -247,6 +260,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: linear-gradient(#7f7f7f, #737373);
border: 1px solid #333333;
diff --git
a/frameworks/themes/Jewel-Light-Flat-Primary-Amethyst-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Light-Flat-Primary-Amethyst-Theme/src/main/resources/defaults.css
index ce8303e..3f3b746 100644
---
a/frameworks/themes/Jewel-Light-Flat-Primary-Amethyst-Theme/src/main/resources/defaults.css
+++
b/frameworks/themes/Jewel-Light-Flat-Primary-Amethyst-Theme/src/main/resources/defaults.css
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: white;
+ background: #e0d6e0;
font-family: "Lato", sans-serif;
color: #808080;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: white;
+ background: #f6f3f6;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -239,9 +239,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #ebebeb;
- border: 0px;
- border-radius: 10px;
+ background: #f6f3f6;
+ border: 1px solid #bdbdbd;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -249,6 +262,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: white;
border: 1px solid #d9d9d9;
diff --git
a/frameworks/themes/Jewel-Light-Flat-Primary-Blue-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Light-Flat-Primary-Blue-Theme/src/main/resources/defaults.css
index b42bc89..5d52b5d 100644
---
a/frameworks/themes/Jewel-Light-Flat-Primary-Blue-Theme/src/main/resources/defaults.css
+++
b/frameworks/themes/Jewel-Light-Flat-Primary-Blue-Theme/src/main/resources/defaults.css
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: white;
+ background: #f5f8fa;
font-family: "Lato", sans-serif;
color: #808080;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: white;
+ background: white;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -239,9 +239,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #ebebeb;
- border: 0px;
- border-radius: 10px;
+ background: white;
+ border: 1px solid #d2dadf;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -249,6 +262,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: white;
border: 1px solid #d9d9d9;
diff --git
a/frameworks/themes/Jewel-Light-Flat-Primary-Emerald-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Light-Flat-Primary-Emerald-Theme/src/main/resources/defaults.css
index 4a107e2..d95b9ed 100644
---
a/frameworks/themes/Jewel-Light-Flat-Primary-Emerald-Theme/src/main/resources/defaults.css
+++
b/frameworks/themes/Jewel-Light-Flat-Primary-Emerald-Theme/src/main/resources/defaults.css
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: white;
+ background: #e2e3e1;
font-family: "Lato", sans-serif;
color: #808080;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: white;
+ background: #fbfcfb;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -239,9 +239,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #ebebeb;
- border: 0px;
- border-radius: 10px;
+ background: #fbfcfb;
+ border: 1px solid #c3c3c3;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -249,6 +262,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: white;
border: 1px solid #d9d9d9;
diff --git
a/frameworks/themes/Jewel-Light-Flat-Primary-Green-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Light-Flat-Primary-Green-Theme/src/main/resources/defaults.css
index 53d6bc5..add8158 100644
---
a/frameworks/themes/Jewel-Light-Flat-Primary-Green-Theme/src/main/resources/defaults.css
+++
b/frameworks/themes/Jewel-Light-Flat-Primary-Green-Theme/src/main/resources/defaults.css
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: white;
+ background: #d8d9d8;
font-family: "Lato", sans-serif;
color: #808080;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: white;
+ background: #f2f2f2;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -239,9 +239,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #ebebeb;
- border: 0px;
- border-radius: 10px;
+ background: #f2f2f2;
+ border: 1px solid #bababa;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -249,6 +262,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: white;
border: 1px solid #d9d9d9;
diff --git
a/frameworks/themes/Jewel-Light-Flat-Primary-Orange-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Light-Flat-Primary-Orange-Theme/src/main/resources/defaults.css
index 3cdbc28..1fa0912 100644
---
a/frameworks/themes/Jewel-Light-Flat-Primary-Orange-Theme/src/main/resources/defaults.css
+++
b/frameworks/themes/Jewel-Light-Flat-Primary-Orange-Theme/src/main/resources/defaults.css
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: white;
+ background: #f4ece2;
font-family: "Lato", sans-serif;
color: #808080;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: white;
+ background: white;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -239,9 +239,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #ebebeb;
- border: 0px;
- border-radius: 10px;
+ background: white;
+ border: 1px solid #d8cdc1;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -249,6 +262,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: white;
border: 1px solid #d9d9d9;
diff --git
a/frameworks/themes/Jewel-Light-Flat-Primary-Red-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Light-Flat-Primary-Red-Theme/src/main/resources/defaults.css
index 8092100..f8695d5 100644
---
a/frameworks/themes/Jewel-Light-Flat-Primary-Red-Theme/src/main/resources/defaults.css
+++
b/frameworks/themes/Jewel-Light-Flat-Primary-Red-Theme/src/main/resources/defaults.css
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: white;
+ background: #eedcdd;
font-family: "Lato", sans-serif;
color: #808080;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: white;
+ background: #fffefe;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -239,9 +239,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #ebebeb;
- border: 0px;
- border-radius: 10px;
+ background: #fffefe;
+ border: 1px solid #cfbebf;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -249,6 +262,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: white;
border: 1px solid #d9d9d9;
diff --git
a/frameworks/themes/Jewel-Light-Flat-Primary-Sapphire-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Light-Flat-Primary-Sapphire-Theme/src/main/resources/defaults.css
index d6e96c3..7565849 100644
---
a/frameworks/themes/Jewel-Light-Flat-Primary-Sapphire-Theme/src/main/resources/defaults.css
+++
b/frameworks/themes/Jewel-Light-Flat-Primary-Sapphire-Theme/src/main/resources/defaults.css
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: white;
+ background: #d1d6db;
font-family: "Lato", sans-serif;
color: #808080;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: white;
+ background: #edeff1;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -239,9 +239,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #ebebeb;
- border: 0px;
- border-radius: 10px;
+ background: #edeff1;
+ border: 1px solid #b7b7b7;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -249,6 +262,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: white;
border: 1px solid #d9d9d9;
diff --git
a/frameworks/themes/Jewel-Light-Flat-Primary-Sunflower-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Light-Flat-Primary-Sunflower-Theme/src/main/resources/defaults.css
index 9fbd9cd..2b5bb47 100644
---
a/frameworks/themes/Jewel-Light-Flat-Primary-Sunflower-Theme/src/main/resources/defaults.css
+++
b/frameworks/themes/Jewel-Light-Flat-Primary-Sunflower-Theme/src/main/resources/defaults.css
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: white;
+ background: #fefdfb;
font-family: "Lato", sans-serif;
color: #808080;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: white;
+ background: white;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -239,9 +239,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #ebebeb;
- border: 0px;
- border-radius: 10px;
+ background: white;
+ border: 1px solid #e5e0d6;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -249,6 +262,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: white;
border: 1px solid #d9d9d9;
diff --git
a/frameworks/themes/Jewel-Light-Flat-Primary-Topaz-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Light-Flat-Primary-Topaz-Theme/src/main/resources/defaults.css
index ebddc46..dc9fa9c 100644
---
a/frameworks/themes/Jewel-Light-Flat-Primary-Topaz-Theme/src/main/resources/defaults.css
+++
b/frameworks/themes/Jewel-Light-Flat-Primary-Topaz-Theme/src/main/resources/defaults.css
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: white;
+ background: #f4eae7;
font-family: "Lato", sans-serif;
color: #808080;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: white;
+ background: white;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -239,9 +239,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #ebebeb;
- border: 0px;
- border-radius: 10px;
+ background: white;
+ border: 1px solid #d7cbc7;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -249,6 +262,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: white;
border: 1px solid #d9d9d9;
diff --git
a/frameworks/themes/Jewel-Light-Flat-Primary-Turquoise-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Light-Flat-Primary-Turquoise-Theme/src/main/resources/defaults.css
index bd61864..750b1e1 100644
---
a/frameworks/themes/Jewel-Light-Flat-Primary-Turquoise-Theme/src/main/resources/defaults.css
+++
b/frameworks/themes/Jewel-Light-Flat-Primary-Turquoise-Theme/src/main/resources/defaults.css
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: white;
+ background: #c4cfce;
font-family: "Lato", sans-serif;
color: #808080;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: white;
+ background: #e0e6e5;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -239,9 +239,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #ebebeb;
- border: 0px;
- border-radius: 10px;
+ background: #e0e6e5;
+ border: 1px solid #ababab;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -249,6 +262,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: white;
border: 1px solid #d9d9d9;
diff --git
a/frameworks/themes/Jewel-Light-Flat-Primary-Violet-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Light-Flat-Primary-Violet-Theme/src/main/resources/defaults.css
index 9e35cae..503cb9c 100644
---
a/frameworks/themes/Jewel-Light-Flat-Primary-Violet-Theme/src/main/resources/defaults.css
+++
b/frameworks/themes/Jewel-Light-Flat-Primary-Violet-Theme/src/main/resources/defaults.css
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: white;
+ background: #bfbdc1;
font-family: "Lato", sans-serif;
color: #808080;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: white;
+ background: #d9d7da;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -239,9 +239,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #ebebeb;
- border: 0px;
- border-radius: 10px;
+ background: #d9d7da;
+ border: 1px solid #a0a0a0;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -249,6 +262,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: white;
border: 1px solid #d9d9d9;
diff --git
a/frameworks/themes/Jewel-Light-Flat-Primary-Yellow-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Light-Flat-Primary-Yellow-Theme/src/main/resources/defaults.css
index 84d2153..6e32f8e 100644
---
a/frameworks/themes/Jewel-Light-Flat-Primary-Yellow-Theme/src/main/resources/defaults.css
+++
b/frameworks/themes/Jewel-Light-Flat-Primary-Yellow-Theme/src/main/resources/defaults.css
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: white;
+ background: #e8e6c7;
font-family: "Lato", sans-serif;
color: #808080;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: white;
+ background: #f7f6eb;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -239,9 +239,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #ebebeb;
- border: 0px;
- border-radius: 10px;
+ background: #f7f6eb;
+ border: 1px solid #c7c6aa;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -249,6 +262,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: white;
border: 1px solid #d9d9d9;
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 2af804b..2f24021 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
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: white;
+ background: #e0d6e0;
font-family: "Lato", sans-serif;
color: #808080;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: white;
+ background: #f6f3f6;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -237,9 +237,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #ebebeb;
- border: 0px;
- border-radius: 10px;
+ background: #f6f3f6;
+ border: 1px solid #bdbdbd;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -247,6 +260,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: linear-gradient(white, #f3f3f3);
border: 1px solid #b3b3b3;
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 fa33002..b31358d 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
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: white;
+ background: #f5f8fa;
font-family: "Lato", sans-serif;
color: #808080;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: white;
+ background: white;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -237,9 +237,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #ebebeb;
- border: 0px;
- border-radius: 10px;
+ background: white;
+ border: 1px solid #d2dadf;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -247,6 +260,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: linear-gradient(white, #f3f3f3);
border: 1px solid #b3b3b3;
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 cfb764a..752a14b 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
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: white;
+ background: #e2e3e1;
font-family: "Lato", sans-serif;
color: #808080;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: white;
+ background: #fbfcfb;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -237,9 +237,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #ebebeb;
- border: 0px;
- border-radius: 10px;
+ background: #fbfcfb;
+ border: 1px solid #c3c3c3;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -247,6 +260,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: linear-gradient(white, #f3f3f3);
border: 1px solid #b3b3b3;
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 617803c..4d3b09f 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
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: white;
+ background: #d8d9d8;
font-family: "Lato", sans-serif;
color: #808080;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: white;
+ background: #f2f2f2;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -237,9 +237,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #ebebeb;
- border: 0px;
- border-radius: 10px;
+ background: #f2f2f2;
+ border: 1px solid #bababa;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -247,6 +260,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: linear-gradient(white, #f3f3f3);
border: 1px solid #b3b3b3;
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 a8889f1..d3ca0ab 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
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: white;
+ background: #f4ece2;
font-family: "Lato", sans-serif;
color: #808080;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: white;
+ background: white;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -237,9 +237,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #ebebeb;
- border: 0px;
- border-radius: 10px;
+ background: white;
+ border: 1px solid #d8cdc1;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -247,6 +260,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: linear-gradient(white, #f3f3f3);
border: 1px solid #b3b3b3;
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 1d1c863..2f769bb 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
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: white;
+ background: #eedcdd;
font-family: "Lato", sans-serif;
color: #808080;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: white;
+ background: #fffefe;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -237,9 +237,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #ebebeb;
- border: 0px;
- border-radius: 10px;
+ background: #fffefe;
+ border: 1px solid #cfbebf;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -247,6 +260,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: linear-gradient(white, #f3f3f3);
border: 1px solid #b3b3b3;
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 c726191..bfdab5d 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
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: white;
+ background: #d1d6db;
font-family: "Lato", sans-serif;
color: #808080;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: white;
+ background: #edeff1;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -237,9 +237,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #ebebeb;
- border: 0px;
- border-radius: 10px;
+ background: #edeff1;
+ border: 1px solid #b7b7b7;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -247,6 +260,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: linear-gradient(white, #f3f3f3);
border: 1px solid #b3b3b3;
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 e7288f5..8432252 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
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: white;
+ background: #fefdfb;
font-family: "Lato", sans-serif;
color: #808080;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: white;
+ background: white;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -237,9 +237,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #ebebeb;
- border: 0px;
- border-radius: 10px;
+ background: white;
+ border: 1px solid #e5e0d6;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -247,6 +260,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: linear-gradient(white, #f3f3f3);
border: 1px solid #b3b3b3;
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 1cf65fe..903d54e 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
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: white;
+ background: #f4eae7;
font-family: "Lato", sans-serif;
color: #808080;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: white;
+ background: white;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -237,9 +237,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #ebebeb;
- border: 0px;
- border-radius: 10px;
+ background: white;
+ border: 1px solid #d7cbc7;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -247,6 +260,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: linear-gradient(white, #f3f3f3);
border: 1px solid #b3b3b3;
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 25e7537..80c65da 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
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: white;
+ background: #c4cfce;
font-family: "Lato", sans-serif;
color: #808080;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: white;
+ background: #e0e6e5;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -237,9 +237,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #ebebeb;
- border: 0px;
- border-radius: 10px;
+ background: #e0e6e5;
+ border: 1px solid #ababab;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -247,6 +260,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: linear-gradient(white, #f3f3f3);
border: 1px solid #b3b3b3;
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 41f63d9..d4463a1 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
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: white;
+ background: #bfbdc1;
font-family: "Lato", sans-serif;
color: #808080;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: white;
+ background: #d9d7da;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -237,9 +237,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #ebebeb;
- border: 0px;
- border-radius: 10px;
+ background: #d9d7da;
+ border: 1px solid #a0a0a0;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -247,6 +260,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: linear-gradient(white, #f3f3f3);
border: 1px solid #b3b3b3;
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 ce39c6e..adc4ea4 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
@@ -17,7 +17,7 @@
@namespace j "library://ns.apache.org/royale/jewel";
@namespace "http://www.w3.org/1999/xhtml";;
.jewel.application {
- background: white;
+ background: #e8e6c7;
font-family: "Lato", sans-serif;
color: #808080;
padding: 0px;
@@ -95,7 +95,7 @@ hr {
min-width: 320px;
min-height: 240px;
border: 0px solid;
- background-color: white;
+ background: #f7f6eb;
box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
border-radius: 3px;
opacity: 0;
@@ -237,9 +237,22 @@ hr {
.jewel.card {
font-size: 1em;
font-weight: 400;
- background: #ebebeb;
- border: 0px;
- border-radius: 10px;
+ background: #f7f6eb;
+ border: 1px solid #c7c6aa;
+ border-radius: 0.25rem;
+}
+.jewel.card.simple {
+ padding: 20px;
+}
+.jewel.card .cardHeader {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding: 20px;
+}
+.jewel.card .cardPrimaryContent {
+ padding: 20px;
+}
+.jewel.card .cardActions {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 20px;
}
@@ -247,6 +260,14 @@ j|Card {
gap: 3;
}
+j|CardHeader {
+ gap: 3;
+}
+
+j|CardActions {
+ gap: 3;
+}
+
.jewel.checkbox input + span::before {
background: linear-gradient(white, #f3f3f3);
border: 1px solid #b3b3b3;
