You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@royale.apache.org by ca...@apache.org on 2020/08/09 10:49:28 UTC

[royale-asjs] branch develop updated: jewel-datagrid: update all themes with latest datagrid styles changes

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 a403014  jewel-datagrid: update all themes with latest datagrid styles changes
a403014 is described below

commit a4030146a331cbc31f9fd62ae164404d447e3a3d
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Sun Aug 9 12:49:13 2020 +0200

    jewel-datagrid: update all themes with latest datagrid styles changes
---
 .../src/main/resources/defaults.css                | 22 ++++++++++++++++++++--
 .../src/main/resources/defaults.css                | 22 ++++++++++++++++++++--
 .../src/main/resources/defaults.css                | 22 ++++++++++++++++++++--
 .../src/main/resources/defaults.css                | 22 ++++++++++++++++++++--
 .../src/main/resources/defaults.css                | 22 ++++++++++++++++++++--
 .../src/main/resources/defaults.css                | 22 ++++++++++++++++++++--
 .../src/main/resources/defaults.css                | 22 ++++++++++++++++++++--
 .../src/main/resources/defaults.css                | 22 ++++++++++++++++++++--
 .../src/main/resources/defaults.css                | 22 ++++++++++++++++++++--
 .../src/main/resources/defaults.css                | 22 ++++++++++++++++++++--
 .../src/main/resources/defaults.css                | 22 ++++++++++++++++++++--
 .../src/main/resources/defaults.css                | 22 ++++++++++++++++++++--
 .../src/main/resources/defaults.css                | 19 +++++++++++++++++--
 .../src/main/resources/defaults.css                | 19 +++++++++++++++++--
 .../src/main/resources/defaults.css                | 19 +++++++++++++++++--
 .../src/main/resources/defaults.css                | 19 +++++++++++++++++--
 .../src/main/resources/defaults.css                | 19 +++++++++++++++++--
 .../src/main/resources/defaults.css                | 19 +++++++++++++++++--
 .../src/main/resources/defaults.css                | 19 +++++++++++++++++--
 .../src/main/resources/defaults.css                | 19 +++++++++++++++++--
 .../src/main/resources/defaults.css                | 19 +++++++++++++++++--
 .../src/main/resources/defaults.css                | 19 +++++++++++++++++--
 .../src/main/resources/defaults.css                | 19 +++++++++++++++++--
 .../src/main/resources/defaults.css                | 19 +++++++++++++++++--
 .../src/main/resources/defaults.css                | 22 ++++++++++++++++++++--
 .../src/main/resources/defaults.css                | 22 ++++++++++++++++++++--
 .../src/main/resources/defaults.css                | 22 ++++++++++++++++++++--
 .../src/main/resources/defaults.css                | 22 ++++++++++++++++++++--
 .../src/main/resources/defaults.css                | 22 ++++++++++++++++++++--
 .../src/main/resources/defaults.css                | 22 ++++++++++++++++++++--
 .../src/main/resources/defaults.css                | 22 ++++++++++++++++++++--
 .../src/main/resources/defaults.css                | 22 ++++++++++++++++++++--
 .../src/main/resources/defaults.css                | 22 ++++++++++++++++++++--
 .../src/main/resources/defaults.css                | 22 ++++++++++++++++++++--
 .../src/main/resources/defaults.css                | 22 ++++++++++++++++++++--
 .../src/main/resources/defaults.css                | 22 ++++++++++++++++++++--
 36 files changed, 684 insertions(+), 72 deletions(-)

diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Amethyst-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Amethyst-Theme/src/main/resources/defaults.css
index 67c9181..609e1f9 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
@@ -463,6 +463,19 @@ j|CardActions {
   background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23191919' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
 }
 
+.jewel.datagrid {
+  background: linear-gradient(#7f7f7f, #737373);
+  border: 1px solid #333333;
+  box-shadow: inset 0 1px 0 #8c8c8c;
+  border-radius: 0.25rem;
+}
+.jewel.datagrid .jewel.buttonbar.header {
+  background: linear-gradient(#737373, #666666);
+  border: 0 none;
+  box-shadow: none;
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+}
 .jewel.datagrid .jewel.buttonbar.header .jewel.button.first {
   border-bottom-left-radius: 0;
 }
@@ -470,10 +483,10 @@ j|CardActions {
   border-bottom-right-radius: 0;
 }
 .jewel.datagrid .listarea {
-  border-top-width: 0px;
+  border-top-width: 1px;
   border-left-width: 0px;
   border-right-width: 0px;
-  border-bottom-width: 1px;
+  border-bottom-width: 0px;
   border-bottom-left-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
   border-style: solid;
@@ -497,7 +510,12 @@ j|CardActions {
   border-bottom-right-radius: 0.25rem;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid {
+  border-top: none;
+  border-left: none;
+  border-right: none;
   border-bottom: 1px solid #6d6d6d;
+  border-right: 0;
+  border-radius: 0;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.hovered {
   background: #da58d8;
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 1b27d5c..285a763 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
@@ -463,6 +463,19 @@ j|CardActions {
   background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23191919' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
 }
 
+.jewel.datagrid {
+  background: linear-gradient(#7f7f7f, #737373);
+  border: 1px solid #333333;
+  box-shadow: inset 0 1px 0 #8c8c8c;
+  border-radius: 0.25rem;
+}
+.jewel.datagrid .jewel.buttonbar.header {
+  background: linear-gradient(#737373, #666666);
+  border: 0 none;
+  box-shadow: none;
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+}
 .jewel.datagrid .jewel.buttonbar.header .jewel.button.first {
   border-bottom-left-radius: 0;
 }
@@ -470,10 +483,10 @@ j|CardActions {
   border-bottom-right-radius: 0;
 }
 .jewel.datagrid .listarea {
-  border-top-width: 0px;
+  border-top-width: 1px;
   border-left-width: 0px;
   border-right-width: 0px;
-  border-bottom-width: 1px;
+  border-bottom-width: 0px;
   border-bottom-left-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
   border-style: solid;
@@ -497,7 +510,12 @@ j|CardActions {
   border-bottom-right-radius: 0.25rem;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid {
+  border-top: none;
+  border-left: none;
+  border-right: none;
   border-bottom: 1px solid #6d6d6d;
+  border-right: 0;
+  border-radius: 0;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.hovered {
   background: #75c5f5;
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 9d42208..65532ad 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
@@ -463,6 +463,19 @@ j|CardActions {
   background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23191919' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
 }
 
+.jewel.datagrid {
+  background: linear-gradient(#7f7f7f, #737373);
+  border: 1px solid #333333;
+  box-shadow: inset 0 1px 0 #8c8c8c;
+  border-radius: 0.25rem;
+}
+.jewel.datagrid .jewel.buttonbar.header {
+  background: linear-gradient(#737373, #666666);
+  border: 0 none;
+  box-shadow: none;
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+}
 .jewel.datagrid .jewel.buttonbar.header .jewel.button.first {
   border-bottom-left-radius: 0;
 }
@@ -470,10 +483,10 @@ j|CardActions {
   border-bottom-right-radius: 0;
 }
 .jewel.datagrid .listarea {
-  border-top-width: 0px;
+  border-top-width: 1px;
   border-left-width: 0px;
   border-right-width: 0px;
-  border-bottom-width: 1px;
+  border-bottom-width: 0px;
   border-bottom-left-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
   border-style: solid;
@@ -497,7 +510,12 @@ j|CardActions {
   border-bottom-right-radius: 0.25rem;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid {
+  border-top: none;
+  border-left: none;
+  border-right: none;
   border-bottom: 1px solid #6d6d6d;
+  border-right: 0;
+  border-radius: 0;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.hovered {
   background: #a8d46b;
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 606d097..4f86ef8 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
@@ -463,6 +463,19 @@ j|CardActions {
   background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23191919' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
 }
 
+.jewel.datagrid {
+  background: linear-gradient(#7f7f7f, #737373);
+  border: 1px solid #333333;
+  box-shadow: inset 0 1px 0 #8c8c8c;
+  border-radius: 0.25rem;
+}
+.jewel.datagrid .jewel.buttonbar.header {
+  background: linear-gradient(#737373, #666666);
+  border: 0 none;
+  box-shadow: none;
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+}
 .jewel.datagrid .jewel.buttonbar.header .jewel.button.first {
   border-bottom-left-radius: 0;
 }
@@ -470,10 +483,10 @@ j|CardActions {
   border-bottom-right-radius: 0;
 }
 .jewel.datagrid .listarea {
-  border-top-width: 0px;
+  border-top-width: 1px;
   border-left-width: 0px;
   border-right-width: 0px;
-  border-bottom-width: 1px;
+  border-bottom-width: 0px;
   border-bottom-left-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
   border-style: solid;
@@ -497,7 +510,12 @@ j|CardActions {
   border-bottom-right-radius: 0.25rem;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid {
+  border-top: none;
+  border-left: none;
+  border-right: none;
   border-bottom: 1px solid #6d6d6d;
+  border-right: 0;
+  border-radius: 0;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.hovered {
   background: #60cc6d;
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 363004b..f0213f4 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
@@ -463,6 +463,19 @@ j|CardActions {
   background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23191919' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
 }
 
+.jewel.datagrid {
+  background: linear-gradient(#7f7f7f, #737373);
+  border: 1px solid #333333;
+  box-shadow: inset 0 1px 0 #8c8c8c;
+  border-radius: 0.25rem;
+}
+.jewel.datagrid .jewel.buttonbar.header {
+  background: linear-gradient(#737373, #666666);
+  border: 0 none;
+  box-shadow: none;
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+}
 .jewel.datagrid .jewel.buttonbar.header .jewel.button.first {
   border-bottom-left-radius: 0;
 }
@@ -470,10 +483,10 @@ j|CardActions {
   border-bottom-right-radius: 0;
 }
 .jewel.datagrid .listarea {
-  border-top-width: 0px;
+  border-top-width: 1px;
   border-left-width: 0px;
   border-right-width: 0px;
-  border-bottom-width: 1px;
+  border-bottom-width: 0px;
   border-bottom-left-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
   border-style: solid;
@@ -497,7 +510,12 @@ j|CardActions {
   border-bottom-right-radius: 0.25rem;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid {
+  border-top: none;
+  border-left: none;
+  border-right: none;
   border-bottom: 1px solid #6d6d6d;
+  border-right: 0;
+  border-radius: 0;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.hovered {
   background: #f9b058;
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 6ac7dbc..bf374c0 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
@@ -463,6 +463,19 @@ j|CardActions {
   background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23191919' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
 }
 
+.jewel.datagrid {
+  background: linear-gradient(#7f7f7f, #737373);
+  border: 1px solid #333333;
+  box-shadow: inset 0 1px 0 #8c8c8c;
+  border-radius: 0.25rem;
+}
+.jewel.datagrid .jewel.buttonbar.header {
+  background: linear-gradient(#737373, #666666);
+  border: 0 none;
+  box-shadow: none;
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+}
 .jewel.datagrid .jewel.buttonbar.header .jewel.button.first {
   border-bottom-left-radius: 0;
 }
@@ -470,10 +483,10 @@ j|CardActions {
   border-bottom-right-radius: 0;
 }
 .jewel.datagrid .listarea {
-  border-top-width: 0px;
+  border-top-width: 1px;
   border-left-width: 0px;
   border-right-width: 0px;
-  border-bottom-width: 1px;
+  border-bottom-width: 0px;
   border-bottom-left-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
   border-style: solid;
@@ -497,7 +510,12 @@ j|CardActions {
   border-bottom-right-radius: 0.25rem;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid {
+  border-top: none;
+  border-left: none;
+  border-right: none;
   border-bottom: 1px solid #6d6d6d;
+  border-right: 0;
+  border-radius: 0;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.hovered {
   background: #f1545a;
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 682fe23..9b8efcd 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
@@ -463,6 +463,19 @@ j|CardActions {
   background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23191919' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
 }
 
+.jewel.datagrid {
+  background: linear-gradient(#7f7f7f, #737373);
+  border: 1px solid #333333;
+  box-shadow: inset 0 1px 0 #8c8c8c;
+  border-radius: 0.25rem;
+}
+.jewel.datagrid .jewel.buttonbar.header {
+  background: linear-gradient(#737373, #666666);
+  border: 0 none;
+  box-shadow: none;
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+}
 .jewel.datagrid .jewel.buttonbar.header .jewel.button.first {
   border-bottom-left-radius: 0;
 }
@@ -470,10 +483,10 @@ j|CardActions {
   border-bottom-right-radius: 0;
 }
 .jewel.datagrid .listarea {
-  border-top-width: 0px;
+  border-top-width: 1px;
   border-left-width: 0px;
   border-right-width: 0px;
-  border-bottom-width: 1px;
+  border-bottom-width: 0px;
   border-bottom-left-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
   border-style: solid;
@@ -497,7 +510,12 @@ j|CardActions {
   border-bottom-right-radius: 0.25rem;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid {
+  border-top: none;
+  border-left: none;
+  border-right: none;
   border-bottom: 1px solid #6d6d6d;
+  border-right: 0;
+  border-radius: 0;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.hovered {
   background: #5193d7;
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 0930330..b787762 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
@@ -463,6 +463,19 @@ j|CardActions {
   background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23191919' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
 }
 
+.jewel.datagrid {
+  background: linear-gradient(#7f7f7f, #737373);
+  border: 1px solid #333333;
+  box-shadow: inset 0 1px 0 #8c8c8c;
+  border-radius: 0.25rem;
+}
+.jewel.datagrid .jewel.buttonbar.header {
+  background: linear-gradient(#737373, #666666);
+  border: 0 none;
+  box-shadow: none;
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+}
 .jewel.datagrid .jewel.buttonbar.header .jewel.button.first {
   border-bottom-left-radius: 0;
 }
@@ -470,10 +483,10 @@ j|CardActions {
   border-bottom-right-radius: 0;
 }
 .jewel.datagrid .listarea {
-  border-top-width: 0px;
+  border-top-width: 1px;
   border-left-width: 0px;
   border-right-width: 0px;
-  border-bottom-width: 1px;
+  border-bottom-width: 0px;
   border-bottom-left-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
   border-style: solid;
@@ -497,7 +510,12 @@ j|CardActions {
   border-bottom-right-radius: 0.25rem;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid {
+  border-top: none;
+  border-left: none;
+  border-right: none;
   border-bottom: 1px solid #6d6d6d;
+  border-right: 0;
+  border-radius: 0;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.hovered {
   background: #fac97a;
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 7fd09b2..93d551c 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
@@ -463,6 +463,19 @@ j|CardActions {
   background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23191919' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
 }
 
+.jewel.datagrid {
+  background: linear-gradient(#7f7f7f, #737373);
+  border: 1px solid #333333;
+  box-shadow: inset 0 1px 0 #8c8c8c;
+  border-radius: 0.25rem;
+}
+.jewel.datagrid .jewel.buttonbar.header {
+  background: linear-gradient(#737373, #666666);
+  border: 0 none;
+  box-shadow: none;
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+}
 .jewel.datagrid .jewel.buttonbar.header .jewel.button.first {
   border-bottom-left-radius: 0;
 }
@@ -470,10 +483,10 @@ j|CardActions {
   border-bottom-right-radius: 0;
 }
 .jewel.datagrid .listarea {
-  border-top-width: 0px;
+  border-top-width: 1px;
   border-left-width: 0px;
   border-right-width: 0px;
-  border-bottom-width: 1px;
+  border-bottom-width: 0px;
   border-bottom-left-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
   border-style: solid;
@@ -497,7 +510,12 @@ j|CardActions {
   border-bottom-right-radius: 0.25rem;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid {
+  border-top: none;
+  border-left: none;
+  border-right: none;
   border-bottom: 1px solid #6d6d6d;
+  border-right: 0;
+  border-radius: 0;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.hovered {
   background: #f38663;
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 9649460..b6a948a 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
@@ -463,6 +463,19 @@ j|CardActions {
   background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23191919' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
 }
 
+.jewel.datagrid {
+  background: linear-gradient(#7f7f7f, #737373);
+  border: 1px solid #333333;
+  box-shadow: inset 0 1px 0 #8c8c8c;
+  border-radius: 0.25rem;
+}
+.jewel.datagrid .jewel.buttonbar.header {
+  background: linear-gradient(#737373, #666666);
+  border: 0 none;
+  box-shadow: none;
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+}
 .jewel.datagrid .jewel.buttonbar.header .jewel.button.first {
   border-bottom-left-radius: 0;
 }
@@ -470,10 +483,10 @@ j|CardActions {
   border-bottom-right-radius: 0;
 }
 .jewel.datagrid .listarea {
-  border-top-width: 0px;
+  border-top-width: 1px;
   border-left-width: 0px;
   border-right-width: 0px;
-  border-bottom-width: 1px;
+  border-bottom-width: 0px;
   border-bottom-left-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
   border-style: solid;
@@ -497,7 +510,12 @@ j|CardActions {
   border-bottom-right-radius: 0.25rem;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid {
+  border-top: none;
+  border-left: none;
+  border-right: none;
   border-bottom: 1px solid #6d6d6d;
+  border-right: 0;
+  border-radius: 0;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.hovered {
   background: #3ed0c6;
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 602b81b..a000221 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
@@ -463,6 +463,19 @@ j|CardActions {
   background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23191919' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
 }
 
+.jewel.datagrid {
+  background: linear-gradient(#7f7f7f, #737373);
+  border: 1px solid #333333;
+  box-shadow: inset 0 1px 0 #8c8c8c;
+  border-radius: 0.25rem;
+}
+.jewel.datagrid .jewel.buttonbar.header {
+  background: linear-gradient(#737373, #666666);
+  border: 0 none;
+  box-shadow: none;
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+}
 .jewel.datagrid .jewel.buttonbar.header .jewel.button.first {
   border-bottom-left-radius: 0;
 }
@@ -470,10 +483,10 @@ j|CardActions {
   border-bottom-right-radius: 0;
 }
 .jewel.datagrid .listarea {
-  border-top-width: 0px;
+  border-top-width: 1px;
   border-left-width: 0px;
   border-right-width: 0px;
-  border-bottom-width: 1px;
+  border-bottom-width: 0px;
   border-bottom-left-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
   border-style: solid;
@@ -497,7 +510,12 @@ j|CardActions {
   border-bottom-right-radius: 0.25rem;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid {
+  border-top: none;
+  border-left: none;
+  border-right: none;
   border-bottom: 1px solid #6d6d6d;
+  border-right: 0;
+  border-radius: 0;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.hovered {
   background: #873abf;
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 117f623..d9b0d26 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
@@ -463,6 +463,19 @@ j|CardActions {
   background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23191919' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
 }
 
+.jewel.datagrid {
+  background: linear-gradient(#7f7f7f, #737373);
+  border: 1px solid #333333;
+  box-shadow: inset 0 1px 0 #8c8c8c;
+  border-radius: 0.25rem;
+}
+.jewel.datagrid .jewel.buttonbar.header {
+  background: linear-gradient(#737373, #666666);
+  border: 0 none;
+  box-shadow: none;
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+}
 .jewel.datagrid .jewel.buttonbar.header .jewel.button.first {
   border-bottom-left-radius: 0;
 }
@@ -470,10 +483,10 @@ j|CardActions {
   border-bottom-right-radius: 0;
 }
 .jewel.datagrid .listarea {
-  border-top-width: 0px;
+  border-top-width: 1px;
   border-left-width: 0px;
   border-right-width: 0px;
-  border-bottom-width: 1px;
+  border-bottom-width: 0px;
   border-bottom-left-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
   border-style: solid;
@@ -497,7 +510,12 @@ j|CardActions {
   border-bottom-right-radius: 0.25rem;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid {
+  border-top: none;
+  border-left: none;
+  border-right: none;
   border-bottom: 1px solid #6d6d6d;
+  border-right: 0;
+  border-radius: 0;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.hovered {
   background: #f5eb35;
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 28bb1ed..7304fe4 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
@@ -465,6 +465,16 @@ j|CardActions {
   background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
 }
 
+.jewel.datagrid {
+  background: white;
+  border: 1px solid #d9d9d9;
+  box-shadow: none;
+}
+.jewel.datagrid .jewel.buttonbar.header {
+  background: #d9d9d9;
+  border: 0 none;
+  box-shadow: none;
+}
 .jewel.datagrid .jewel.buttonbar.header .jewel.button.first {
   border-bottom-left-radius: 0;
 }
@@ -472,10 +482,10 @@ j|CardActions {
   border-bottom-right-radius: 0;
 }
 .jewel.datagrid .listarea {
-  border-top-width: 0px;
+  border-top-width: 1px;
   border-left-width: 0px;
   border-right-width: 0px;
-  border-bottom-width: 1px;
+  border-bottom-width: 0px;
   border-bottom-left-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
   border-style: solid;
@@ -499,7 +509,12 @@ j|CardActions {
   border-bottom-right-radius: 0.25rem;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid {
+  border-top: none;
+  border-left: none;
+  border-right: none;
   border-bottom: 1px solid #ededed;
+  border-right: 0;
+  border-radius: 0;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.hovered {
   background: #da58d8;
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 4ea61d9..a9c084f 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
@@ -465,6 +465,16 @@ j|CardActions {
   background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
 }
 
+.jewel.datagrid {
+  background: white;
+  border: 1px solid #d9d9d9;
+  box-shadow: none;
+}
+.jewel.datagrid .jewel.buttonbar.header {
+  background: #d9d9d9;
+  border: 0 none;
+  box-shadow: none;
+}
 .jewel.datagrid .jewel.buttonbar.header .jewel.button.first {
   border-bottom-left-radius: 0;
 }
@@ -472,10 +482,10 @@ j|CardActions {
   border-bottom-right-radius: 0;
 }
 .jewel.datagrid .listarea {
-  border-top-width: 0px;
+  border-top-width: 1px;
   border-left-width: 0px;
   border-right-width: 0px;
-  border-bottom-width: 1px;
+  border-bottom-width: 0px;
   border-bottom-left-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
   border-style: solid;
@@ -499,7 +509,12 @@ j|CardActions {
   border-bottom-right-radius: 0.25rem;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid {
+  border-top: none;
+  border-left: none;
+  border-right: none;
   border-bottom: 1px solid #ededed;
+  border-right: 0;
+  border-radius: 0;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.hovered {
   background: #75c5f5;
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 273ed82..8ed6a0b 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
@@ -465,6 +465,16 @@ j|CardActions {
   background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
 }
 
+.jewel.datagrid {
+  background: white;
+  border: 1px solid #d9d9d9;
+  box-shadow: none;
+}
+.jewel.datagrid .jewel.buttonbar.header {
+  background: #d9d9d9;
+  border: 0 none;
+  box-shadow: none;
+}
 .jewel.datagrid .jewel.buttonbar.header .jewel.button.first {
   border-bottom-left-radius: 0;
 }
@@ -472,10 +482,10 @@ j|CardActions {
   border-bottom-right-radius: 0;
 }
 .jewel.datagrid .listarea {
-  border-top-width: 0px;
+  border-top-width: 1px;
   border-left-width: 0px;
   border-right-width: 0px;
-  border-bottom-width: 1px;
+  border-bottom-width: 0px;
   border-bottom-left-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
   border-style: solid;
@@ -499,7 +509,12 @@ j|CardActions {
   border-bottom-right-radius: 0.25rem;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid {
+  border-top: none;
+  border-left: none;
+  border-right: none;
   border-bottom: 1px solid #ededed;
+  border-right: 0;
+  border-radius: 0;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.hovered {
   background: #a8d46b;
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 bff67ed..bbeccc2 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
@@ -465,6 +465,16 @@ j|CardActions {
   background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
 }
 
+.jewel.datagrid {
+  background: white;
+  border: 1px solid #d9d9d9;
+  box-shadow: none;
+}
+.jewel.datagrid .jewel.buttonbar.header {
+  background: #d9d9d9;
+  border: 0 none;
+  box-shadow: none;
+}
 .jewel.datagrid .jewel.buttonbar.header .jewel.button.first {
   border-bottom-left-radius: 0;
 }
@@ -472,10 +482,10 @@ j|CardActions {
   border-bottom-right-radius: 0;
 }
 .jewel.datagrid .listarea {
-  border-top-width: 0px;
+  border-top-width: 1px;
   border-left-width: 0px;
   border-right-width: 0px;
-  border-bottom-width: 1px;
+  border-bottom-width: 0px;
   border-bottom-left-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
   border-style: solid;
@@ -499,7 +509,12 @@ j|CardActions {
   border-bottom-right-radius: 0.25rem;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid {
+  border-top: none;
+  border-left: none;
+  border-right: none;
   border-bottom: 1px solid #ededed;
+  border-right: 0;
+  border-radius: 0;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.hovered {
   background: #60cc6d;
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 e667de2..85ffe43 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
@@ -465,6 +465,16 @@ j|CardActions {
   background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
 }
 
+.jewel.datagrid {
+  background: white;
+  border: 1px solid #d9d9d9;
+  box-shadow: none;
+}
+.jewel.datagrid .jewel.buttonbar.header {
+  background: #d9d9d9;
+  border: 0 none;
+  box-shadow: none;
+}
 .jewel.datagrid .jewel.buttonbar.header .jewel.button.first {
   border-bottom-left-radius: 0;
 }
@@ -472,10 +482,10 @@ j|CardActions {
   border-bottom-right-radius: 0;
 }
 .jewel.datagrid .listarea {
-  border-top-width: 0px;
+  border-top-width: 1px;
   border-left-width: 0px;
   border-right-width: 0px;
-  border-bottom-width: 1px;
+  border-bottom-width: 0px;
   border-bottom-left-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
   border-style: solid;
@@ -499,7 +509,12 @@ j|CardActions {
   border-bottom-right-radius: 0.25rem;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid {
+  border-top: none;
+  border-left: none;
+  border-right: none;
   border-bottom: 1px solid #ededed;
+  border-right: 0;
+  border-radius: 0;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.hovered {
   background: #f9b058;
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 841ac16..ef27eed 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
@@ -465,6 +465,16 @@ j|CardActions {
   background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
 }
 
+.jewel.datagrid {
+  background: white;
+  border: 1px solid #d9d9d9;
+  box-shadow: none;
+}
+.jewel.datagrid .jewel.buttonbar.header {
+  background: #d9d9d9;
+  border: 0 none;
+  box-shadow: none;
+}
 .jewel.datagrid .jewel.buttonbar.header .jewel.button.first {
   border-bottom-left-radius: 0;
 }
@@ -472,10 +482,10 @@ j|CardActions {
   border-bottom-right-radius: 0;
 }
 .jewel.datagrid .listarea {
-  border-top-width: 0px;
+  border-top-width: 1px;
   border-left-width: 0px;
   border-right-width: 0px;
-  border-bottom-width: 1px;
+  border-bottom-width: 0px;
   border-bottom-left-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
   border-style: solid;
@@ -499,7 +509,12 @@ j|CardActions {
   border-bottom-right-radius: 0.25rem;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid {
+  border-top: none;
+  border-left: none;
+  border-right: none;
   border-bottom: 1px solid #ededed;
+  border-right: 0;
+  border-radius: 0;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.hovered {
   background: #f1545a;
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 560a297..1f2167e 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
@@ -465,6 +465,16 @@ j|CardActions {
   background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
 }
 
+.jewel.datagrid {
+  background: white;
+  border: 1px solid #d9d9d9;
+  box-shadow: none;
+}
+.jewel.datagrid .jewel.buttonbar.header {
+  background: #d9d9d9;
+  border: 0 none;
+  box-shadow: none;
+}
 .jewel.datagrid .jewel.buttonbar.header .jewel.button.first {
   border-bottom-left-radius: 0;
 }
@@ -472,10 +482,10 @@ j|CardActions {
   border-bottom-right-radius: 0;
 }
 .jewel.datagrid .listarea {
-  border-top-width: 0px;
+  border-top-width: 1px;
   border-left-width: 0px;
   border-right-width: 0px;
-  border-bottom-width: 1px;
+  border-bottom-width: 0px;
   border-bottom-left-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
   border-style: solid;
@@ -499,7 +509,12 @@ j|CardActions {
   border-bottom-right-radius: 0.25rem;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid {
+  border-top: none;
+  border-left: none;
+  border-right: none;
   border-bottom: 1px solid #ededed;
+  border-right: 0;
+  border-radius: 0;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.hovered {
   background: #5193d7;
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 80dcce3..b063553 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
@@ -465,6 +465,16 @@ j|CardActions {
   background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
 }
 
+.jewel.datagrid {
+  background: white;
+  border: 1px solid #d9d9d9;
+  box-shadow: none;
+}
+.jewel.datagrid .jewel.buttonbar.header {
+  background: #d9d9d9;
+  border: 0 none;
+  box-shadow: none;
+}
 .jewel.datagrid .jewel.buttonbar.header .jewel.button.first {
   border-bottom-left-radius: 0;
 }
@@ -472,10 +482,10 @@ j|CardActions {
   border-bottom-right-radius: 0;
 }
 .jewel.datagrid .listarea {
-  border-top-width: 0px;
+  border-top-width: 1px;
   border-left-width: 0px;
   border-right-width: 0px;
-  border-bottom-width: 1px;
+  border-bottom-width: 0px;
   border-bottom-left-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
   border-style: solid;
@@ -499,7 +509,12 @@ j|CardActions {
   border-bottom-right-radius: 0.25rem;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid {
+  border-top: none;
+  border-left: none;
+  border-right: none;
   border-bottom: 1px solid #ededed;
+  border-right: 0;
+  border-radius: 0;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.hovered {
   background: #fac97a;
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 5fbbdbd..cc046c0 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
@@ -465,6 +465,16 @@ j|CardActions {
   background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
 }
 
+.jewel.datagrid {
+  background: white;
+  border: 1px solid #d9d9d9;
+  box-shadow: none;
+}
+.jewel.datagrid .jewel.buttonbar.header {
+  background: #d9d9d9;
+  border: 0 none;
+  box-shadow: none;
+}
 .jewel.datagrid .jewel.buttonbar.header .jewel.button.first {
   border-bottom-left-radius: 0;
 }
@@ -472,10 +482,10 @@ j|CardActions {
   border-bottom-right-radius: 0;
 }
 .jewel.datagrid .listarea {
-  border-top-width: 0px;
+  border-top-width: 1px;
   border-left-width: 0px;
   border-right-width: 0px;
-  border-bottom-width: 1px;
+  border-bottom-width: 0px;
   border-bottom-left-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
   border-style: solid;
@@ -499,7 +509,12 @@ j|CardActions {
   border-bottom-right-radius: 0.25rem;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid {
+  border-top: none;
+  border-left: none;
+  border-right: none;
   border-bottom: 1px solid #ededed;
+  border-right: 0;
+  border-radius: 0;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.hovered {
   background: #f38663;
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 ef371cc..00d895e 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
@@ -465,6 +465,16 @@ j|CardActions {
   background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
 }
 
+.jewel.datagrid {
+  background: white;
+  border: 1px solid #d9d9d9;
+  box-shadow: none;
+}
+.jewel.datagrid .jewel.buttonbar.header {
+  background: #d9d9d9;
+  border: 0 none;
+  box-shadow: none;
+}
 .jewel.datagrid .jewel.buttonbar.header .jewel.button.first {
   border-bottom-left-radius: 0;
 }
@@ -472,10 +482,10 @@ j|CardActions {
   border-bottom-right-radius: 0;
 }
 .jewel.datagrid .listarea {
-  border-top-width: 0px;
+  border-top-width: 1px;
   border-left-width: 0px;
   border-right-width: 0px;
-  border-bottom-width: 1px;
+  border-bottom-width: 0px;
   border-bottom-left-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
   border-style: solid;
@@ -499,7 +509,12 @@ j|CardActions {
   border-bottom-right-radius: 0.25rem;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid {
+  border-top: none;
+  border-left: none;
+  border-right: none;
   border-bottom: 1px solid #ededed;
+  border-right: 0;
+  border-radius: 0;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.hovered {
   background: #3ed0c6;
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 1e23f85..ba0aa09 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
@@ -465,6 +465,16 @@ j|CardActions {
   background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
 }
 
+.jewel.datagrid {
+  background: white;
+  border: 1px solid #d9d9d9;
+  box-shadow: none;
+}
+.jewel.datagrid .jewel.buttonbar.header {
+  background: #d9d9d9;
+  border: 0 none;
+  box-shadow: none;
+}
 .jewel.datagrid .jewel.buttonbar.header .jewel.button.first {
   border-bottom-left-radius: 0;
 }
@@ -472,10 +482,10 @@ j|CardActions {
   border-bottom-right-radius: 0;
 }
 .jewel.datagrid .listarea {
-  border-top-width: 0px;
+  border-top-width: 1px;
   border-left-width: 0px;
   border-right-width: 0px;
-  border-bottom-width: 1px;
+  border-bottom-width: 0px;
   border-bottom-left-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
   border-style: solid;
@@ -499,7 +509,12 @@ j|CardActions {
   border-bottom-right-radius: 0.25rem;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid {
+  border-top: none;
+  border-left: none;
+  border-right: none;
   border-bottom: 1px solid #ededed;
+  border-right: 0;
+  border-radius: 0;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.hovered {
   background: #873abf;
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 d2ec8d9..6e1d81d 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
@@ -465,6 +465,16 @@ j|CardActions {
   background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
 }
 
+.jewel.datagrid {
+  background: white;
+  border: 1px solid #d9d9d9;
+  box-shadow: none;
+}
+.jewel.datagrid .jewel.buttonbar.header {
+  background: #d9d9d9;
+  border: 0 none;
+  box-shadow: none;
+}
 .jewel.datagrid .jewel.buttonbar.header .jewel.button.first {
   border-bottom-left-radius: 0;
 }
@@ -472,10 +482,10 @@ j|CardActions {
   border-bottom-right-radius: 0;
 }
 .jewel.datagrid .listarea {
-  border-top-width: 0px;
+  border-top-width: 1px;
   border-left-width: 0px;
   border-right-width: 0px;
-  border-bottom-width: 1px;
+  border-bottom-width: 0px;
   border-bottom-left-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
   border-style: solid;
@@ -499,7 +509,12 @@ j|CardActions {
   border-bottom-right-radius: 0.25rem;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid {
+  border-top: none;
+  border-left: none;
+  border-right: none;
   border-bottom: 1px solid #ededed;
+  border-right: 0;
+  border-radius: 0;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.hovered {
   background: #f5eb35;
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 4121206..7037267 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
@@ -463,6 +463,19 @@ j|CardActions {
   background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
 }
 
+.jewel.datagrid {
+  background: linear-gradient(white, #f3f3f3);
+  border: 1px solid #b3b3b3;
+  box-shadow: inset 0 1px 0 white;
+  border-radius: 0.25rem;
+}
+.jewel.datagrid .jewel.buttonbar.header {
+  background: linear-gradient(#f3f3f3, #e6e6e6);
+  border: 0 none;
+  box-shadow: none;
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+}
 .jewel.datagrid .jewel.buttonbar.header .jewel.button.first {
   border-bottom-left-radius: 0;
 }
@@ -470,10 +483,10 @@ j|CardActions {
   border-bottom-right-radius: 0;
 }
 .jewel.datagrid .listarea {
-  border-top-width: 0px;
+  border-top-width: 1px;
   border-left-width: 0px;
   border-right-width: 0px;
-  border-bottom-width: 1px;
+  border-bottom-width: 0px;
   border-bottom-left-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
   border-style: solid;
@@ -497,7 +510,12 @@ j|CardActions {
   border-bottom-right-radius: 0.25rem;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid {
+  border-top: none;
+  border-left: none;
+  border-right: none;
   border-bottom: 1px solid #ededed;
+  border-right: 0;
+  border-radius: 0;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.hovered {
   background: #da58d8;
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 f0514b1..620f5d5 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
@@ -463,6 +463,19 @@ j|CardActions {
   background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
 }
 
+.jewel.datagrid {
+  background: linear-gradient(white, #f3f3f3);
+  border: 1px solid #b3b3b3;
+  box-shadow: inset 0 1px 0 white;
+  border-radius: 0.25rem;
+}
+.jewel.datagrid .jewel.buttonbar.header {
+  background: linear-gradient(#f3f3f3, #e6e6e6);
+  border: 0 none;
+  box-shadow: none;
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+}
 .jewel.datagrid .jewel.buttonbar.header .jewel.button.first {
   border-bottom-left-radius: 0;
 }
@@ -470,10 +483,10 @@ j|CardActions {
   border-bottom-right-radius: 0;
 }
 .jewel.datagrid .listarea {
-  border-top-width: 0px;
+  border-top-width: 1px;
   border-left-width: 0px;
   border-right-width: 0px;
-  border-bottom-width: 1px;
+  border-bottom-width: 0px;
   border-bottom-left-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
   border-style: solid;
@@ -497,7 +510,12 @@ j|CardActions {
   border-bottom-right-radius: 0.25rem;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid {
+  border-top: none;
+  border-left: none;
+  border-right: none;
   border-bottom: 1px solid #ededed;
+  border-right: 0;
+  border-radius: 0;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.hovered {
   background: #75c5f5;
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 2036b44..c9f9881 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
@@ -463,6 +463,19 @@ j|CardActions {
   background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
 }
 
+.jewel.datagrid {
+  background: linear-gradient(white, #f3f3f3);
+  border: 1px solid #b3b3b3;
+  box-shadow: inset 0 1px 0 white;
+  border-radius: 0.25rem;
+}
+.jewel.datagrid .jewel.buttonbar.header {
+  background: linear-gradient(#f3f3f3, #e6e6e6);
+  border: 0 none;
+  box-shadow: none;
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+}
 .jewel.datagrid .jewel.buttonbar.header .jewel.button.first {
   border-bottom-left-radius: 0;
 }
@@ -470,10 +483,10 @@ j|CardActions {
   border-bottom-right-radius: 0;
 }
 .jewel.datagrid .listarea {
-  border-top-width: 0px;
+  border-top-width: 1px;
   border-left-width: 0px;
   border-right-width: 0px;
-  border-bottom-width: 1px;
+  border-bottom-width: 0px;
   border-bottom-left-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
   border-style: solid;
@@ -497,7 +510,12 @@ j|CardActions {
   border-bottom-right-radius: 0.25rem;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid {
+  border-top: none;
+  border-left: none;
+  border-right: none;
   border-bottom: 1px solid #ededed;
+  border-right: 0;
+  border-radius: 0;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.hovered {
   background: #a8d46b;
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 732204c..dfc2ef7 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
@@ -463,6 +463,19 @@ j|CardActions {
   background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
 }
 
+.jewel.datagrid {
+  background: linear-gradient(white, #f3f3f3);
+  border: 1px solid #b3b3b3;
+  box-shadow: inset 0 1px 0 white;
+  border-radius: 0.25rem;
+}
+.jewel.datagrid .jewel.buttonbar.header {
+  background: linear-gradient(#f3f3f3, #e6e6e6);
+  border: 0 none;
+  box-shadow: none;
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+}
 .jewel.datagrid .jewel.buttonbar.header .jewel.button.first {
   border-bottom-left-radius: 0;
 }
@@ -470,10 +483,10 @@ j|CardActions {
   border-bottom-right-radius: 0;
 }
 .jewel.datagrid .listarea {
-  border-top-width: 0px;
+  border-top-width: 1px;
   border-left-width: 0px;
   border-right-width: 0px;
-  border-bottom-width: 1px;
+  border-bottom-width: 0px;
   border-bottom-left-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
   border-style: solid;
@@ -497,7 +510,12 @@ j|CardActions {
   border-bottom-right-radius: 0.25rem;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid {
+  border-top: none;
+  border-left: none;
+  border-right: none;
   border-bottom: 1px solid #ededed;
+  border-right: 0;
+  border-radius: 0;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.hovered {
   background: #60cc6d;
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 f01f788..559b4e2 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
@@ -463,6 +463,19 @@ j|CardActions {
   background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
 }
 
+.jewel.datagrid {
+  background: linear-gradient(white, #f3f3f3);
+  border: 1px solid #b3b3b3;
+  box-shadow: inset 0 1px 0 white;
+  border-radius: 0.25rem;
+}
+.jewel.datagrid .jewel.buttonbar.header {
+  background: linear-gradient(#f3f3f3, #e6e6e6);
+  border: 0 none;
+  box-shadow: none;
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+}
 .jewel.datagrid .jewel.buttonbar.header .jewel.button.first {
   border-bottom-left-radius: 0;
 }
@@ -470,10 +483,10 @@ j|CardActions {
   border-bottom-right-radius: 0;
 }
 .jewel.datagrid .listarea {
-  border-top-width: 0px;
+  border-top-width: 1px;
   border-left-width: 0px;
   border-right-width: 0px;
-  border-bottom-width: 1px;
+  border-bottom-width: 0px;
   border-bottom-left-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
   border-style: solid;
@@ -497,7 +510,12 @@ j|CardActions {
   border-bottom-right-radius: 0.25rem;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid {
+  border-top: none;
+  border-left: none;
+  border-right: none;
   border-bottom: 1px solid #ededed;
+  border-right: 0;
+  border-radius: 0;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.hovered {
   background: #f9b058;
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 d470d41..69e3be9 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
@@ -463,6 +463,19 @@ j|CardActions {
   background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
 }
 
+.jewel.datagrid {
+  background: linear-gradient(white, #f3f3f3);
+  border: 1px solid #b3b3b3;
+  box-shadow: inset 0 1px 0 white;
+  border-radius: 0.25rem;
+}
+.jewel.datagrid .jewel.buttonbar.header {
+  background: linear-gradient(#f3f3f3, #e6e6e6);
+  border: 0 none;
+  box-shadow: none;
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+}
 .jewel.datagrid .jewel.buttonbar.header .jewel.button.first {
   border-bottom-left-radius: 0;
 }
@@ -470,10 +483,10 @@ j|CardActions {
   border-bottom-right-radius: 0;
 }
 .jewel.datagrid .listarea {
-  border-top-width: 0px;
+  border-top-width: 1px;
   border-left-width: 0px;
   border-right-width: 0px;
-  border-bottom-width: 1px;
+  border-bottom-width: 0px;
   border-bottom-left-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
   border-style: solid;
@@ -497,7 +510,12 @@ j|CardActions {
   border-bottom-right-radius: 0.25rem;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid {
+  border-top: none;
+  border-left: none;
+  border-right: none;
   border-bottom: 1px solid #ededed;
+  border-right: 0;
+  border-radius: 0;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.hovered {
   background: #f1545a;
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 bb64666..5de24e6 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
@@ -463,6 +463,19 @@ j|CardActions {
   background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
 }
 
+.jewel.datagrid {
+  background: linear-gradient(white, #f3f3f3);
+  border: 1px solid #b3b3b3;
+  box-shadow: inset 0 1px 0 white;
+  border-radius: 0.25rem;
+}
+.jewel.datagrid .jewel.buttonbar.header {
+  background: linear-gradient(#f3f3f3, #e6e6e6);
+  border: 0 none;
+  box-shadow: none;
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+}
 .jewel.datagrid .jewel.buttonbar.header .jewel.button.first {
   border-bottom-left-radius: 0;
 }
@@ -470,10 +483,10 @@ j|CardActions {
   border-bottom-right-radius: 0;
 }
 .jewel.datagrid .listarea {
-  border-top-width: 0px;
+  border-top-width: 1px;
   border-left-width: 0px;
   border-right-width: 0px;
-  border-bottom-width: 1px;
+  border-bottom-width: 0px;
   border-bottom-left-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
   border-style: solid;
@@ -497,7 +510,12 @@ j|CardActions {
   border-bottom-right-radius: 0.25rem;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid {
+  border-top: none;
+  border-left: none;
+  border-right: none;
   border-bottom: 1px solid #ededed;
+  border-right: 0;
+  border-radius: 0;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.hovered {
   background: #5193d7;
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 ef6daef..9ced19e 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
@@ -463,6 +463,19 @@ j|CardActions {
   background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
 }
 
+.jewel.datagrid {
+  background: linear-gradient(white, #f3f3f3);
+  border: 1px solid #b3b3b3;
+  box-shadow: inset 0 1px 0 white;
+  border-radius: 0.25rem;
+}
+.jewel.datagrid .jewel.buttonbar.header {
+  background: linear-gradient(#f3f3f3, #e6e6e6);
+  border: 0 none;
+  box-shadow: none;
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+}
 .jewel.datagrid .jewel.buttonbar.header .jewel.button.first {
   border-bottom-left-radius: 0;
 }
@@ -470,10 +483,10 @@ j|CardActions {
   border-bottom-right-radius: 0;
 }
 .jewel.datagrid .listarea {
-  border-top-width: 0px;
+  border-top-width: 1px;
   border-left-width: 0px;
   border-right-width: 0px;
-  border-bottom-width: 1px;
+  border-bottom-width: 0px;
   border-bottom-left-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
   border-style: solid;
@@ -497,7 +510,12 @@ j|CardActions {
   border-bottom-right-radius: 0.25rem;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid {
+  border-top: none;
+  border-left: none;
+  border-right: none;
   border-bottom: 1px solid #ededed;
+  border-right: 0;
+  border-radius: 0;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.hovered {
   background: #fac97a;
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 7d35e41..7c1a61a 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
@@ -463,6 +463,19 @@ j|CardActions {
   background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
 }
 
+.jewel.datagrid {
+  background: linear-gradient(white, #f3f3f3);
+  border: 1px solid #b3b3b3;
+  box-shadow: inset 0 1px 0 white;
+  border-radius: 0.25rem;
+}
+.jewel.datagrid .jewel.buttonbar.header {
+  background: linear-gradient(#f3f3f3, #e6e6e6);
+  border: 0 none;
+  box-shadow: none;
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+}
 .jewel.datagrid .jewel.buttonbar.header .jewel.button.first {
   border-bottom-left-radius: 0;
 }
@@ -470,10 +483,10 @@ j|CardActions {
   border-bottom-right-radius: 0;
 }
 .jewel.datagrid .listarea {
-  border-top-width: 0px;
+  border-top-width: 1px;
   border-left-width: 0px;
   border-right-width: 0px;
-  border-bottom-width: 1px;
+  border-bottom-width: 0px;
   border-bottom-left-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
   border-style: solid;
@@ -497,7 +510,12 @@ j|CardActions {
   border-bottom-right-radius: 0.25rem;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid {
+  border-top: none;
+  border-left: none;
+  border-right: none;
   border-bottom: 1px solid #ededed;
+  border-right: 0;
+  border-radius: 0;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.hovered {
   background: #f38663;
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 84cb83d..d3350a3 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
@@ -463,6 +463,19 @@ j|CardActions {
   background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
 }
 
+.jewel.datagrid {
+  background: linear-gradient(white, #f3f3f3);
+  border: 1px solid #b3b3b3;
+  box-shadow: inset 0 1px 0 white;
+  border-radius: 0.25rem;
+}
+.jewel.datagrid .jewel.buttonbar.header {
+  background: linear-gradient(#f3f3f3, #e6e6e6);
+  border: 0 none;
+  box-shadow: none;
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+}
 .jewel.datagrid .jewel.buttonbar.header .jewel.button.first {
   border-bottom-left-radius: 0;
 }
@@ -470,10 +483,10 @@ j|CardActions {
   border-bottom-right-radius: 0;
 }
 .jewel.datagrid .listarea {
-  border-top-width: 0px;
+  border-top-width: 1px;
   border-left-width: 0px;
   border-right-width: 0px;
-  border-bottom-width: 1px;
+  border-bottom-width: 0px;
   border-bottom-left-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
   border-style: solid;
@@ -497,7 +510,12 @@ j|CardActions {
   border-bottom-right-radius: 0.25rem;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid {
+  border-top: none;
+  border-left: none;
+  border-right: none;
   border-bottom: 1px solid #ededed;
+  border-right: 0;
+  border-radius: 0;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.hovered {
   background: #3ed0c6;
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 21ee8ed..0bc1524 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
@@ -463,6 +463,19 @@ j|CardActions {
   background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
 }
 
+.jewel.datagrid {
+  background: linear-gradient(white, #f3f3f3);
+  border: 1px solid #b3b3b3;
+  box-shadow: inset 0 1px 0 white;
+  border-radius: 0.25rem;
+}
+.jewel.datagrid .jewel.buttonbar.header {
+  background: linear-gradient(#f3f3f3, #e6e6e6);
+  border: 0 none;
+  box-shadow: none;
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+}
 .jewel.datagrid .jewel.buttonbar.header .jewel.button.first {
   border-bottom-left-radius: 0;
 }
@@ -470,10 +483,10 @@ j|CardActions {
   border-bottom-right-radius: 0;
 }
 .jewel.datagrid .listarea {
-  border-top-width: 0px;
+  border-top-width: 1px;
   border-left-width: 0px;
   border-right-width: 0px;
-  border-bottom-width: 1px;
+  border-bottom-width: 0px;
   border-bottom-left-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
   border-style: solid;
@@ -497,7 +510,12 @@ j|CardActions {
   border-bottom-right-radius: 0.25rem;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid {
+  border-top: none;
+  border-left: none;
+  border-right: none;
   border-bottom: 1px solid #ededed;
+  border-right: 0;
+  border-radius: 0;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.hovered {
   background: #873abf;
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 211879c..10272f6 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
@@ -463,6 +463,19 @@ j|CardActions {
   background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, -1.000000)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg transform='translate(-2.000000, 0.000000)'%3E%3Cpolygon transform='translate(8.000000, 4.705000) scale(1, -1) translate(-8.000000, -4.705000) ' points='3.41 8.41 8 3.83 12.59 8.41 14 7 8 1 2 7'%3E%3C/polygon%3E%3C/g [...]
 }
 
+.jewel.datagrid {
+  background: linear-gradient(white, #f3f3f3);
+  border: 1px solid #b3b3b3;
+  box-shadow: inset 0 1px 0 white;
+  border-radius: 0.25rem;
+}
+.jewel.datagrid .jewel.buttonbar.header {
+  background: linear-gradient(#f3f3f3, #e6e6e6);
+  border: 0 none;
+  box-shadow: none;
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+}
 .jewel.datagrid .jewel.buttonbar.header .jewel.button.first {
   border-bottom-left-radius: 0;
 }
@@ -470,10 +483,10 @@ j|CardActions {
   border-bottom-right-radius: 0;
 }
 .jewel.datagrid .listarea {
-  border-top-width: 0px;
+  border-top-width: 1px;
   border-left-width: 0px;
   border-right-width: 0px;
-  border-bottom-width: 1px;
+  border-bottom-width: 0px;
   border-bottom-left-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
   border-style: solid;
@@ -497,7 +510,12 @@ j|CardActions {
   border-bottom-right-radius: 0.25rem;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid {
+  border-top: none;
+  border-left: none;
+  border-right: none;
   border-bottom: 1px solid #ededed;
+  border-right: 0;
+  border-radius: 0;
 }
 .jewel.datagrid .jewel.list.column .jewel.item.datagrid.primary.hovered {
   background: #f5eb35;