You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@royale.apache.org by ca...@apache.org on 2019/12/30 18:50:54 UTC

[royale-asjs] branch develop updated: jewel-themes: update themes for DataGridItemRenderer

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 ccb75f5  jewel-themes: update themes for DataGridItemRenderer
ccb75f5 is described below

commit ccb75f5aece48fcf8e3b9d966e3118617fc94efa
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Mon Dec 30 19:50:45 2019 +0100

    jewel-themes: update themes for DataGridItemRenderer
---
 .../src/main/resources/defaults.css                      |  4 ++--
 .../src/main/resources/defaults.css                      |  4 ++--
 .../src/main/resources/defaults.css                      |  4 ++--
 .../src/main/resources/defaults.css                      |  4 ++--
 .../src/main/resources/defaults.css                      |  4 ++--
 .../src/main/resources/defaults.css                      |  4 ++--
 .../src/main/resources/defaults.css                      |  4 ++--
 .../src/main/resources/defaults.css                      |  4 ++--
 .../src/main/resources/defaults.css                      |  4 ++--
 .../src/main/resources/defaults.css                      |  4 ++--
 .../src/main/resources/defaults.css                      |  4 ++--
 .../src/main/resources/defaults.css                      |  4 ++--
 .../src/main/resources/defaults.css                      | 16 ++++++++--------
 .../src/main/resources/defaults.css                      | 16 ++++++++--------
 .../src/main/resources/defaults.css                      | 16 ++++++++--------
 .../src/main/resources/defaults.css                      | 16 ++++++++--------
 .../src/main/resources/defaults.css                      | 16 ++++++++--------
 .../src/main/resources/defaults.css                      | 16 ++++++++--------
 .../src/main/resources/defaults.css                      | 16 ++++++++--------
 .../src/main/resources/defaults.css                      | 16 ++++++++--------
 .../src/main/resources/defaults.css                      | 16 ++++++++--------
 .../src/main/resources/defaults.css                      | 16 ++++++++--------
 .../src/main/resources/defaults.css                      | 16 ++++++++--------
 .../src/main/resources/defaults.css                      | 16 ++++++++--------
 .../src/main/resources/defaults.css                      |  4 ++--
 .../src/main/resources/defaults.css                      |  4 ++--
 .../src/main/resources/defaults.css                      |  4 ++--
 .../src/main/resources/defaults.css                      |  4 ++--
 .../src/main/resources/defaults.css                      |  4 ++--
 .../src/main/resources/defaults.css                      |  4 ++--
 .../src/main/resources/defaults.css                      |  4 ++--
 .../src/main/resources/defaults.css                      |  4 ++--
 .../src/main/resources/defaults.css                      |  4 ++--
 .../src/main/resources/defaults.css                      |  4 ++--
 .../src/main/resources/defaults.css                      |  4 ++--
 .../src/main/resources/defaults.css                      |  4 ++--
 .../src/main/resources/defaults.css                      |  4 ++--
 .../src/main/resources/defaults.css                      |  4 ++--
 .../src/main/resources/defaults.css                      |  4 ++--
 .../src/main/resources/defaults.css                      |  4 ++--
 .../src/main/resources/defaults.css                      |  4 ++--
 .../src/main/resources/defaults.css                      |  4 ++--
 .../src/main/resources/defaults.css                      |  4 ++--
 .../src/main/resources/defaults.css                      |  4 ++--
 .../src/main/resources/defaults.css                      |  4 ++--
 .../src/main/resources/defaults.css                      |  4 ++--
 .../src/main/resources/defaults.css                      |  4 ++--
 .../src/main/resources/defaults.css                      |  4 ++--
 .../src/main/resources/defaults.css                      | 16 ++++++++--------
 .../src/main/resources/defaults.css                      | 16 ++++++++--------
 .../src/main/resources/defaults.css                      | 16 ++++++++--------
 .../src/main/resources/defaults.css                      | 16 ++++++++--------
 .../src/main/resources/defaults.css                      | 16 ++++++++--------
 .../src/main/resources/defaults.css                      | 16 ++++++++--------
 .../src/main/resources/defaults.css                      | 16 ++++++++--------
 .../src/main/resources/defaults.css                      | 16 ++++++++--------
 .../src/main/resources/defaults.css                      | 16 ++++++++--------
 .../src/main/resources/defaults.css                      | 16 ++++++++--------
 .../src/main/resources/defaults.css                      | 16 ++++++++--------
 .../src/main/resources/defaults.css                      | 16 ++++++++--------
 .../src/main/resources/defaults.css                      |  4 ++--
 .../src/main/resources/defaults.css                      |  4 ++--
 .../src/main/resources/defaults.css                      |  4 ++--
 .../src/main/resources/defaults.css                      |  4 ++--
 .../src/main/resources/defaults.css                      |  4 ++--
 .../src/main/resources/defaults.css                      |  4 ++--
 .../src/main/resources/defaults.css                      |  4 ++--
 .../src/main/resources/defaults.css                      |  4 ++--
 .../src/main/resources/defaults.css                      |  4 ++--
 .../src/main/resources/defaults.css                      |  4 ++--
 .../src/main/resources/defaults.css                      |  4 ++--
 .../src/main/resources/defaults.css                      |  4 ++--
 72 files changed, 288 insertions(+), 288 deletions(-)

diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Amethyst-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Amethyst-Theme/src/main/resources/defaults.css
index d1e72ba..782f23e 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Amethyst-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Amethyst-Theme/src/main/resources/defaults.css
@@ -122,10 +122,10 @@ hr {
   text-shadow: unset;
 }
 
-.jewel.datagrid .jewel.list.column .jewel.item.emphasized.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.hovered {
   background: #da58d8;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.item.emphasized.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.selectable:active {
   background: #d643d3;
 }
 
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Blue-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Blue-Theme/src/main/resources/defaults.css
index ed0f65f..05ceff1 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Blue-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Blue-Theme/src/main/resources/defaults.css
@@ -122,10 +122,10 @@ hr {
   text-shadow: unset;
 }
 
-.jewel.datagrid .jewel.list.column .jewel.item.emphasized.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.hovered {
   background: #75c5f5;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.item.emphasized.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.selectable:active {
   background: #5dbbf3;
 }
 
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Emerald-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Emerald-Theme/src/main/resources/defaults.css
index efa51bb..7f467f3 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Emerald-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Emerald-Theme/src/main/resources/defaults.css
@@ -122,10 +122,10 @@ hr {
   text-shadow: unset;
 }
 
-.jewel.datagrid .jewel.list.column .jewel.item.emphasized.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.hovered {
   background: #a8d46b;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.item.emphasized.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.selectable:active {
   background: #9cce58;
 }
 
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Green-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Green-Theme/src/main/resources/defaults.css
index e4aafd9..36e1366 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Green-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Green-Theme/src/main/resources/defaults.css
@@ -122,10 +122,10 @@ hr {
   text-shadow: unset;
 }
 
-.jewel.datagrid .jewel.list.column .jewel.item.emphasized.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.hovered {
   background: #60cc6d;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.item.emphasized.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.selectable:active {
   background: #4dc65c;
 }
 
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Orange-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Orange-Theme/src/main/resources/defaults.css
index 3634386..30202df 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Orange-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Orange-Theme/src/main/resources/defaults.css
@@ -122,10 +122,10 @@ hr {
   text-shadow: unset;
 }
 
-.jewel.datagrid .jewel.list.column .jewel.item.emphasized.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.hovered {
   background: #f9b058;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.item.emphasized.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.selectable:active {
   background: #f8a43f;
 }
 
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Red-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Red-Theme/src/main/resources/defaults.css
index ff22476..ddb6222 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Red-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Red-Theme/src/main/resources/defaults.css
@@ -122,10 +122,10 @@ hr {
   text-shadow: unset;
 }
 
-.jewel.datagrid .jewel.list.column .jewel.item.emphasized.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.hovered {
   background: #f1545a;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.item.emphasized.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.selectable:active {
   background: #ef3d44;
 }
 
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Sapphire-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Sapphire-Theme/src/main/resources/defaults.css
index 03a9c0e..51ab592 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Sapphire-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Sapphire-Theme/src/main/resources/defaults.css
@@ -122,10 +122,10 @@ hr {
   text-shadow: unset;
 }
 
-.jewel.datagrid .jewel.list.column .jewel.item.emphasized.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.hovered {
   background: #5193d7;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.item.emphasized.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.selectable:active {
   background: #3c86d2;
 }
 
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Sunflower-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Sunflower-Theme/src/main/resources/defaults.css
index ac9df3d..fb715aa 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Sunflower-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Sunflower-Theme/src/main/resources/defaults.css
@@ -122,10 +122,10 @@ hr {
   text-shadow: unset;
 }
 
-.jewel.datagrid .jewel.list.column .jewel.item.emphasized.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.hovered {
   background: #fac97a;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.item.emphasized.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.selectable:active {
   background: #f9bf61;
 }
 
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Topaz-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Topaz-Theme/src/main/resources/defaults.css
index 7661d72..ead6904 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Topaz-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Topaz-Theme/src/main/resources/defaults.css
@@ -122,10 +122,10 @@ hr {
   text-shadow: unset;
 }
 
-.jewel.datagrid .jewel.list.column .jewel.item.emphasized.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.hovered {
   background: #f38663;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.item.emphasized.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.selectable:active {
   background: #f1744b;
 }
 
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Turquoise-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Turquoise-Theme/src/main/resources/defaults.css
index da18a78..9f929da 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Turquoise-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Turquoise-Theme/src/main/resources/defaults.css
@@ -122,10 +122,10 @@ hr {
   text-shadow: unset;
 }
 
-.jewel.datagrid .jewel.list.column .jewel.item.emphasized.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.hovered {
   background: #3ed0c6;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.item.emphasized.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.selectable:active {
   background: #30c5ba;
 }
 
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Violet-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Violet-Theme/src/main/resources/defaults.css
index 2271730..6b96a15 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Violet-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Violet-Theme/src/main/resources/defaults.css
@@ -122,10 +122,10 @@ hr {
   text-shadow: unset;
 }
 
-.jewel.datagrid .jewel.list.column .jewel.item.emphasized.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.hovered {
   background: #873abf;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.item.emphasized.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.selectable:active {
   background: #7934ab;
 }
 
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Yellow-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Yellow-Theme/src/main/resources/defaults.css
index 66688cb..48535a7 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Yellow-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Yellow-Theme/src/main/resources/defaults.css
@@ -122,10 +122,10 @@ hr {
   text-shadow: unset;
 }
 
-.jewel.datagrid .jewel.list.column .jewel.item.emphasized.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.hovered {
   background: #f5eb35;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.item.emphasized.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.selectable:active {
   background: #f4e91d;
 }
 
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 3077217..8d16e24 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
@@ -333,13 +333,13 @@ j|Card {
 .jewel.datagrid .jewel.list.column.last {
   border-bottom-right-radius: 0.25rem;
 }
-.jewel.datagrid .jewel.list.column .jewel.item {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem {
   border-bottom: 1px solid #6d6d6d;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.primary.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.hovered {
   background: #da58d8;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.primary.selected, .jewel.datagrid .jewel.list.column .jewel.item.primary.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.selectable:active {
   background: #d643d3;
 }
 
@@ -614,19 +614,19 @@ j|FormItem {
   color: rgba(255, 255, 255, 0.5);
 }
 
-.jewel.item {
+.jewel.item, .jewel.datagriditem {
   padding: 8px;
 }
-.jewel.item.hovered {
+.jewel.item.hovered, .jewel.datagriditem.hovered {
   color: #FFFFFF;
 }
-.jewel.item.selected, .jewel.item.selectable:active {
+.jewel.item.selected, .jewel.item.selectable:active, .jewel.datagriditem.selected, .jewel.datagriditem.selectable:active {
   color: #FFFFFF;
 }
-.jewel.item.primary.hovered {
+.jewel.item.primary.hovered, .jewel.datagriditem.primary.hovered {
   background: #C92CC6;
 }
-.jewel.item.primary.selected, .jewel.item.primary.selectable:active {
+.jewel.item.primary.selected, .jewel.item.primary.selectable:active, .jewel.datagriditem.primary.selected, .jewel.datagriditem.primary.selectable:active {
   background: #b427b1;
 }
 
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 62bbe15..cc67b48 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
@@ -333,13 +333,13 @@ j|Card {
 .jewel.datagrid .jewel.list.column.last {
   border-bottom-right-radius: 0.25rem;
 }
-.jewel.datagrid .jewel.list.column .jewel.item {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem {
   border-bottom: 1px solid #6d6d6d;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.primary.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.hovered {
   background: #75c5f5;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.primary.selected, .jewel.datagrid .jewel.list.column .jewel.item.primary.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.selectable:active {
   background: #5dbbf3;
 }
 
@@ -614,19 +614,19 @@ j|FormItem {
   color: rgba(255, 255, 255, 0.5);
 }
 
-.jewel.item {
+.jewel.item, .jewel.datagriditem {
   padding: 8px;
 }
-.jewel.item.hovered {
+.jewel.item.hovered, .jewel.datagriditem.hovered {
   color: #FFFFFF;
 }
-.jewel.item.selected, .jewel.item.selectable:active {
+.jewel.item.selected, .jewel.item.selectable:active, .jewel.datagriditem.selected, .jewel.datagriditem.selectable:active {
   color: #FFFFFF;
 }
-.jewel.item.primary.hovered {
+.jewel.item.primary.hovered, .jewel.datagriditem.primary.hovered {
   background: #3CADF1;
 }
-.jewel.item.primary.selected, .jewel.item.primary.selectable:active {
+.jewel.item.primary.selected, .jewel.item.primary.selectable:active, .jewel.datagriditem.primary.selected, .jewel.datagriditem.primary.selectable:active {
   background: #24a3ef;
 }
 
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 638eb23..17bc6f2 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
@@ -333,13 +333,13 @@ j|Card {
 .jewel.datagrid .jewel.list.column.last {
   border-bottom-right-radius: 0.25rem;
 }
-.jewel.datagrid .jewel.list.column .jewel.item {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem {
   border-bottom: 1px solid #6d6d6d;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.primary.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.hovered {
   background: #a8d46b;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.primary.selected, .jewel.datagrid .jewel.list.column .jewel.item.primary.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.selectable:active {
   background: #9cce58;
 }
 
@@ -614,19 +614,19 @@ j|FormItem {
   color: rgba(255, 255, 255, 0.5);
 }
 
-.jewel.item {
+.jewel.item, .jewel.datagriditem {
   padding: 8px;
 }
-.jewel.item.hovered {
+.jewel.item.hovered, .jewel.datagriditem.hovered {
   color: #FFFFFF;
 }
-.jewel.item.selected, .jewel.item.selectable:active {
+.jewel.item.selected, .jewel.item.selectable:active, .jewel.datagriditem.selected, .jewel.datagriditem.selectable:active {
   color: #FFFFFF;
 }
-.jewel.item.primary.hovered {
+.jewel.item.primary.hovered, .jewel.datagriditem.primary.hovered {
   background: #8CC63C;
 }
-.jewel.item.primary.selected, .jewel.item.primary.selectable:active {
+.jewel.item.primary.selected, .jewel.item.primary.selectable:active, .jewel.datagriditem.primary.selected, .jewel.datagriditem.primary.selectable:active {
   background: #7eb435;
 }
 
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 2c0c193..1916c91 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
@@ -333,13 +333,13 @@ j|Card {
 .jewel.datagrid .jewel.list.column.last {
   border-bottom-right-radius: 0.25rem;
 }
-.jewel.datagrid .jewel.list.column .jewel.item {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem {
   border-bottom: 1px solid #6d6d6d;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.primary.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.hovered {
   background: #60cc6d;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.primary.selected, .jewel.datagrid .jewel.list.column .jewel.item.primary.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.selectable:active {
   background: #4dc65c;
 }
 
@@ -614,19 +614,19 @@ j|FormItem {
   color: rgba(255, 255, 255, 0.5);
 }
 
-.jewel.item {
+.jewel.item, .jewel.datagriditem {
   padding: 8px;
 }
-.jewel.item.hovered {
+.jewel.item.hovered, .jewel.datagriditem.hovered {
   color: #FFFFFF;
 }
-.jewel.item.selected, .jewel.item.selectable:active {
+.jewel.item.selected, .jewel.item.selectable:active, .jewel.datagriditem.selected, .jewel.datagriditem.selectable:active {
   color: #FFFFFF;
 }
-.jewel.item.primary.hovered {
+.jewel.item.primary.hovered, .jewel.datagriditem.primary.hovered {
   background: #3AB549;
 }
-.jewel.item.primary.selected, .jewel.item.primary.selectable:active {
+.jewel.item.primary.selected, .jewel.item.primary.selectable:active, .jewel.datagriditem.primary.selected, .jewel.datagriditem.primary.selectable:active {
   background: #34a241;
 }
 
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 6c3599a..11f69d6 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
@@ -333,13 +333,13 @@ j|Card {
 .jewel.datagrid .jewel.list.column.last {
   border-bottom-right-radius: 0.25rem;
 }
-.jewel.datagrid .jewel.list.column .jewel.item {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem {
   border-bottom: 1px solid #6d6d6d;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.primary.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.hovered {
   background: #f9b058;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.primary.selected, .jewel.datagrid .jewel.list.column .jewel.item.primary.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.selectable:active {
   background: #f8a43f;
 }
 
@@ -614,19 +614,19 @@ j|FormItem {
   color: rgba(255, 255, 255, 0.5);
 }
 
-.jewel.item {
+.jewel.item, .jewel.datagriditem {
   padding: 8px;
 }
-.jewel.item.hovered {
+.jewel.item.hovered, .jewel.datagriditem.hovered {
   color: #FFFFFF;
 }
-.jewel.item.selected, .jewel.item.selectable:active {
+.jewel.item.selected, .jewel.item.selectable:active, .jewel.datagriditem.selected, .jewel.datagriditem.selectable:active {
   color: #FFFFFF;
 }
-.jewel.item.primary.hovered {
+.jewel.item.primary.hovered, .jewel.datagriditem.primary.hovered {
   background: #F7941D;
 }
-.jewel.item.primary.selected, .jewel.item.primary.selectable:active {
+.jewel.item.primary.selected, .jewel.item.primary.selectable:active, .jewel.datagriditem.primary.selected, .jewel.datagriditem.primary.selectable:active {
   background: #f28809;
 }
 
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 fefb481..dbbdf9e 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
@@ -333,13 +333,13 @@ j|Card {
 .jewel.datagrid .jewel.list.column.last {
   border-bottom-right-radius: 0.25rem;
 }
-.jewel.datagrid .jewel.list.column .jewel.item {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem {
   border-bottom: 1px solid #6d6d6d;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.primary.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.hovered {
   background: #f1545a;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.primary.selected, .jewel.datagrid .jewel.list.column .jewel.item.primary.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.selectable:active {
   background: #ef3d44;
 }
 
@@ -614,19 +614,19 @@ j|FormItem {
   color: rgba(255, 255, 255, 0.5);
 }
 
-.jewel.item {
+.jewel.item, .jewel.datagriditem {
   padding: 8px;
 }
-.jewel.item.hovered {
+.jewel.item.hovered, .jewel.datagriditem.hovered {
   color: #FFFFFF;
 }
-.jewel.item.selected, .jewel.item.selectable:active {
+.jewel.item.selected, .jewel.item.selectable:active, .jewel.datagriditem.selected, .jewel.datagriditem.selectable:active {
   color: #FFFFFF;
 }
-.jewel.item.primary.hovered {
+.jewel.item.primary.hovered, .jewel.datagriditem.primary.hovered {
   background: #EC1C24;
 }
-.jewel.item.primary.selected, .jewel.item.primary.selectable:active {
+.jewel.item.primary.selected, .jewel.item.primary.selectable:active, .jewel.datagriditem.primary.selected, .jewel.datagriditem.primary.selectable:active {
   background: #dc121a;
 }
 
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 cc3f290..062a519 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
@@ -333,13 +333,13 @@ j|Card {
 .jewel.datagrid .jewel.list.column.last {
   border-bottom-right-radius: 0.25rem;
 }
-.jewel.datagrid .jewel.list.column .jewel.item {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem {
   border-bottom: 1px solid #6d6d6d;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.primary.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.hovered {
   background: #5193d7;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.primary.selected, .jewel.datagrid .jewel.list.column .jewel.item.primary.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.selectable:active {
   background: #3c86d2;
 }
 
@@ -614,19 +614,19 @@ j|FormItem {
   color: rgba(255, 255, 255, 0.5);
 }
 
-.jewel.item {
+.jewel.item, .jewel.datagriditem {
   padding: 8px;
 }
-.jewel.item.hovered {
+.jewel.item.hovered, .jewel.datagriditem.hovered {
   color: #FFFFFF;
 }
-.jewel.item.selected, .jewel.item.selectable:active {
+.jewel.item.selected, .jewel.item.selectable:active, .jewel.datagriditem.selected, .jewel.datagriditem.selectable:active {
   color: #FFFFFF;
 }
-.jewel.item.primary.hovered {
+.jewel.item.primary.hovered, .jewel.datagriditem.primary.hovered {
   background: #2C74BE;
 }
-.jewel.item.primary.selected, .jewel.item.primary.selectable:active {
+.jewel.item.primary.selected, .jewel.item.primary.selectable:active, .jewel.datagriditem.primary.selected, .jewel.datagriditem.primary.selectable:active {
   background: #2767a9;
 }
 
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 189d991..dcc7137 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
@@ -333,13 +333,13 @@ j|Card {
 .jewel.datagrid .jewel.list.column.last {
   border-bottom-right-radius: 0.25rem;
 }
-.jewel.datagrid .jewel.list.column .jewel.item {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem {
   border-bottom: 1px solid #6d6d6d;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.primary.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.hovered {
   background: #fac97a;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.primary.selected, .jewel.datagrid .jewel.list.column .jewel.item.primary.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.selectable:active {
   background: #f9bf61;
 }
 
@@ -614,19 +614,19 @@ j|FormItem {
   color: rgba(255, 255, 255, 0.5);
 }
 
-.jewel.item {
+.jewel.item, .jewel.datagriditem {
   padding: 8px;
 }
-.jewel.item.hovered {
+.jewel.item.hovered, .jewel.datagriditem.hovered {
   color: #FFFFFF;
 }
-.jewel.item.selected, .jewel.item.selectable:active {
+.jewel.item.selected, .jewel.item.selectable:active, .jewel.datagriditem.selected, .jewel.datagriditem.selectable:active {
   color: #FFFFFF;
 }
-.jewel.item.primary.hovered {
+.jewel.item.primary.hovered, .jewel.datagriditem.primary.hovered {
   background: #F8B13F;
 }
-.jewel.item.primary.selected, .jewel.item.primary.selectable:active {
+.jewel.item.primary.selected, .jewel.item.primary.selectable:active, .jewel.datagriditem.primary.selected, .jewel.datagriditem.primary.selectable:active {
   background: #f7a726;
 }
 
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 a9a19bf..b00b950 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
@@ -333,13 +333,13 @@ j|Card {
 .jewel.datagrid .jewel.list.column.last {
   border-bottom-right-radius: 0.25rem;
 }
-.jewel.datagrid .jewel.list.column .jewel.item {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem {
   border-bottom: 1px solid #6d6d6d;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.primary.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.hovered {
   background: #f38663;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.primary.selected, .jewel.datagrid .jewel.list.column .jewel.item.primary.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.selectable:active {
   background: #f1744b;
 }
 
@@ -614,19 +614,19 @@ j|FormItem {
   color: rgba(255, 255, 255, 0.5);
 }
 
-.jewel.item {
+.jewel.item, .jewel.datagriditem {
   padding: 8px;
 }
-.jewel.item.hovered {
+.jewel.item.hovered, .jewel.datagriditem.hovered {
   color: #FFFFFF;
 }
-.jewel.item.selected, .jewel.item.selectable:active {
+.jewel.item.selected, .jewel.item.selectable:active, .jewel.datagriditem.selected, .jewel.datagriditem.selectable:active {
   color: #FFFFFF;
 }
-.jewel.item.primary.hovered {
+.jewel.item.primary.hovered, .jewel.datagriditem.primary.hovered {
   background: #EF5A2A;
 }
-.jewel.item.primary.selected, .jewel.item.primary.selectable:active {
+.jewel.item.primary.selected, .jewel.item.primary.selectable:active, .jewel.datagriditem.primary.selected, .jewel.datagriditem.primary.selectable:active {
   background: #ed4812;
 }
 
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 0cb7802..0655e34 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
@@ -333,13 +333,13 @@ j|Card {
 .jewel.datagrid .jewel.list.column.last {
   border-bottom-right-radius: 0.25rem;
 }
-.jewel.datagrid .jewel.list.column .jewel.item {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem {
   border-bottom: 1px solid #6d6d6d;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.primary.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.hovered {
   background: #3ed0c6;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.primary.selected, .jewel.datagrid .jewel.list.column .jewel.item.primary.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.selectable:active {
   background: #30c5ba;
 }
 
@@ -614,19 +614,19 @@ j|FormItem {
   color: rgba(255, 255, 255, 0.5);
 }
 
-.jewel.item {
+.jewel.item, .jewel.datagriditem {
   padding: 8px;
 }
-.jewel.item.hovered {
+.jewel.item.hovered, .jewel.datagriditem.hovered {
   color: #FFFFFF;
 }
-.jewel.item.selected, .jewel.item.selectable:active {
+.jewel.item.selected, .jewel.item.selectable:active, .jewel.datagriditem.selected, .jewel.datagriditem.selectable:active {
   color: #FFFFFF;
 }
-.jewel.item.primary.hovered {
+.jewel.item.primary.hovered, .jewel.datagriditem.primary.hovered {
   background: #29A89F;
 }
-.jewel.item.primary.selected, .jewel.item.primary.selectable:active {
+.jewel.item.primary.selected, .jewel.item.primary.selectable:active, .jewel.datagriditem.primary.selected, .jewel.datagriditem.primary.selectable:active {
   background: #24948c;
 }
 
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 256528d..e9ada4b 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
@@ -333,13 +333,13 @@ j|Card {
 .jewel.datagrid .jewel.list.column.last {
   border-bottom-right-radius: 0.25rem;
 }
-.jewel.datagrid .jewel.list.column .jewel.item {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem {
   border-bottom: 1px solid #6d6d6d;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.primary.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.hovered {
   background: #873abf;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.primary.selected, .jewel.datagrid .jewel.list.column .jewel.item.primary.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.selectable:active {
   background: #7934ab;
 }
 
@@ -614,19 +614,19 @@ j|FormItem {
   color: rgba(255, 255, 255, 0.5);
 }
 
-.jewel.item {
+.jewel.item, .jewel.datagriditem {
   padding: 8px;
 }
-.jewel.item.hovered {
+.jewel.item.hovered, .jewel.datagriditem.hovered {
   color: #FFFFFF;
 }
-.jewel.item.selected, .jewel.item.selectable:active {
+.jewel.item.selected, .jewel.item.selectable:active, .jewel.datagriditem.selected, .jewel.datagriditem.selectable:active {
   color: #FFFFFF;
 }
-.jewel.item.primary.hovered {
+.jewel.item.primary.hovered, .jewel.datagriditem.primary.hovered {
   background: #662C90;
 }
-.jewel.item.primary.selected, .jewel.item.primary.selectable:active {
+.jewel.item.primary.selected, .jewel.item.primary.selectable:active, .jewel.datagriditem.primary.selected, .jewel.datagriditem.primary.selectable:active {
   background: #58267c;
 }
 
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 99ac497..0160eae 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
@@ -333,13 +333,13 @@ j|Card {
 .jewel.datagrid .jewel.list.column.last {
   border-bottom-right-radius: 0.25rem;
 }
-.jewel.datagrid .jewel.list.column .jewel.item {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem {
   border-bottom: 1px solid #6d6d6d;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.primary.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.hovered {
   background: #f5eb35;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.primary.selected, .jewel.datagrid .jewel.list.column .jewel.item.primary.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.selectable:active {
   background: #f4e91d;
 }
 
@@ -614,19 +614,19 @@ j|FormItem {
   color: rgba(255, 255, 255, 0.5);
 }
 
-.jewel.item {
+.jewel.item, .jewel.datagriditem {
   padding: 8px;
 }
-.jewel.item.hovered {
+.jewel.item.hovered, .jewel.datagriditem.hovered {
   color: #FFFFFF;
 }
-.jewel.item.selected, .jewel.item.selectable:active {
+.jewel.item.selected, .jewel.item.selectable:active, .jewel.datagriditem.selected, .jewel.datagriditem.selectable:active {
   color: #FFFFFF;
 }
-.jewel.item.primary.hovered {
+.jewel.item.primary.hovered, .jewel.datagriditem.primary.hovered {
   background: #E2D70B;
 }
-.jewel.item.primary.selected, .jewel.item.primary.selectable:active {
+.jewel.item.primary.selected, .jewel.item.primary.selectable:active, .jewel.datagriditem.primary.selected, .jewel.datagriditem.primary.selectable:active {
   background: #cac00a;
 }
 
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Amethyst-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Amethyst-Theme/src/main/resources/defaults.css
index 01e806a..2a8cecb 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Amethyst-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Amethyst-Theme/src/main/resources/defaults.css
@@ -122,10 +122,10 @@ hr {
   text-shadow: unset;
 }
 
-.jewel.datagrid .jewel.list.column .jewel.item.secondary.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.hovered {
   background: #da58d8;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.item.secondary.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.selectable:active {
   background: #d643d3;
 }
 
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Blue-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Blue-Theme/src/main/resources/defaults.css
index a4f081a..7e5ae4b 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Blue-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Blue-Theme/src/main/resources/defaults.css
@@ -122,10 +122,10 @@ hr {
   text-shadow: unset;
 }
 
-.jewel.datagrid .jewel.list.column .jewel.item.secondary.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.hovered {
   background: #75c5f5;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.item.secondary.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.selectable:active {
   background: #5dbbf3;
 }
 
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Emerald-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Emerald-Theme/src/main/resources/defaults.css
index 4051b06..d9c8b1e 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Emerald-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Emerald-Theme/src/main/resources/defaults.css
@@ -122,10 +122,10 @@ hr {
   text-shadow: unset;
 }
 
-.jewel.datagrid .jewel.list.column .jewel.item.secondary.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.hovered {
   background: #a8d46b;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.item.secondary.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.selectable:active {
   background: #9cce58;
 }
 
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Green-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Green-Theme/src/main/resources/defaults.css
index 0a14b7f..7e49e45 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Green-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Green-Theme/src/main/resources/defaults.css
@@ -122,10 +122,10 @@ hr {
   text-shadow: unset;
 }
 
-.jewel.datagrid .jewel.list.column .jewel.item.secondary.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.hovered {
   background: #60cc6d;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.item.secondary.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.selectable:active {
   background: #4dc65c;
 }
 
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Orange-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Orange-Theme/src/main/resources/defaults.css
index d7de199..46b8c3b 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Orange-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Orange-Theme/src/main/resources/defaults.css
@@ -122,10 +122,10 @@ hr {
   text-shadow: unset;
 }
 
-.jewel.datagrid .jewel.list.column .jewel.item.secondary.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.hovered {
   background: #f9b058;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.item.secondary.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.selectable:active {
   background: #f8a43f;
 }
 
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Red-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Red-Theme/src/main/resources/defaults.css
index 074607d..0e9ba08 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Red-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Red-Theme/src/main/resources/defaults.css
@@ -122,10 +122,10 @@ hr {
   text-shadow: unset;
 }
 
-.jewel.datagrid .jewel.list.column .jewel.item.secondary.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.hovered {
   background: #f1545a;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.item.secondary.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.selectable:active {
   background: #ef3d44;
 }
 
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Sapphire-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Sapphire-Theme/src/main/resources/defaults.css
index 513ea8c..cf3ea80 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Sapphire-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Sapphire-Theme/src/main/resources/defaults.css
@@ -122,10 +122,10 @@ hr {
   text-shadow: unset;
 }
 
-.jewel.datagrid .jewel.list.column .jewel.item.secondary.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.hovered {
   background: #5193d7;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.item.secondary.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.selectable:active {
   background: #3c86d2;
 }
 
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Sunflower-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Sunflower-Theme/src/main/resources/defaults.css
index 4d53e72..0501946 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Sunflower-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Sunflower-Theme/src/main/resources/defaults.css
@@ -122,10 +122,10 @@ hr {
   text-shadow: unset;
 }
 
-.jewel.datagrid .jewel.list.column .jewel.item.secondary.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.hovered {
   background: #fac97a;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.item.secondary.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.selectable:active {
   background: #f9bf61;
 }
 
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Topaz-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Topaz-Theme/src/main/resources/defaults.css
index 6a0c5ee..8611de3 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Topaz-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Topaz-Theme/src/main/resources/defaults.css
@@ -122,10 +122,10 @@ hr {
   text-shadow: unset;
 }
 
-.jewel.datagrid .jewel.list.column .jewel.item.secondary.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.hovered {
   background: #f38663;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.item.secondary.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.selectable:active {
   background: #f1744b;
 }
 
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Turquoise-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Turquoise-Theme/src/main/resources/defaults.css
index 213eff5..0d8f547 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Turquoise-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Turquoise-Theme/src/main/resources/defaults.css
@@ -122,10 +122,10 @@ hr {
   text-shadow: unset;
 }
 
-.jewel.datagrid .jewel.list.column .jewel.item.secondary.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.hovered {
   background: #3ed0c6;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.item.secondary.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.selectable:active {
   background: #30c5ba;
 }
 
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Violet-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Violet-Theme/src/main/resources/defaults.css
index 139730a..7164ecc 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Violet-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Violet-Theme/src/main/resources/defaults.css
@@ -122,10 +122,10 @@ hr {
   text-shadow: unset;
 }
 
-.jewel.datagrid .jewel.list.column .jewel.item.secondary.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.hovered {
   background: #873abf;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.item.secondary.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.selectable:active {
   background: #7934ab;
 }
 
diff --git a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Yellow-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Yellow-Theme/src/main/resources/defaults.css
index cd5611a..fdbb59d 100644
--- a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Yellow-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Yellow-Theme/src/main/resources/defaults.css
@@ -122,10 +122,10 @@ hr {
   text-shadow: unset;
 }
 
-.jewel.datagrid .jewel.list.column .jewel.item.secondary.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.hovered {
   background: #f5eb35;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.item.secondary.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.selectable:active {
   background: #f4e91d;
 }
 
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Amethyst-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Amethyst-Theme/src/main/resources/defaults.css
index b291135..8a30b87 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Amethyst-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Amethyst-Theme/src/main/resources/defaults.css
@@ -122,10 +122,10 @@ hr {
   text-shadow: unset;
 }
 
-.jewel.datagrid .jewel.list.column .jewel.item.emphasized.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.hovered {
   background: #da58d8;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.item.emphasized.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.selectable:active {
   background: #d643d3;
 }
 
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Blue-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Blue-Theme/src/main/resources/defaults.css
index 9f9017f..1f2e05c 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Blue-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Blue-Theme/src/main/resources/defaults.css
@@ -122,10 +122,10 @@ hr {
   text-shadow: unset;
 }
 
-.jewel.datagrid .jewel.list.column .jewel.item.emphasized.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.hovered {
   background: #75c5f5;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.item.emphasized.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.selectable:active {
   background: #5dbbf3;
 }
 
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Emerald-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Emerald-Theme/src/main/resources/defaults.css
index ae847e2..d35ee47 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Emerald-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Emerald-Theme/src/main/resources/defaults.css
@@ -122,10 +122,10 @@ hr {
   text-shadow: unset;
 }
 
-.jewel.datagrid .jewel.list.column .jewel.item.emphasized.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.hovered {
   background: #a8d46b;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.item.emphasized.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.selectable:active {
   background: #9cce58;
 }
 
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Green-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Green-Theme/src/main/resources/defaults.css
index b0c1a71..84db7a7 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Green-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Green-Theme/src/main/resources/defaults.css
@@ -122,10 +122,10 @@ hr {
   text-shadow: unset;
 }
 
-.jewel.datagrid .jewel.list.column .jewel.item.emphasized.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.hovered {
   background: #60cc6d;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.item.emphasized.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.selectable:active {
   background: #4dc65c;
 }
 
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Orange-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Orange-Theme/src/main/resources/defaults.css
index 01f294b..c25e48a 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Orange-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Orange-Theme/src/main/resources/defaults.css
@@ -122,10 +122,10 @@ hr {
   text-shadow: unset;
 }
 
-.jewel.datagrid .jewel.list.column .jewel.item.emphasized.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.hovered {
   background: #f9b058;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.item.emphasized.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.selectable:active {
   background: #f8a43f;
 }
 
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Red-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Red-Theme/src/main/resources/defaults.css
index 735b466..9d1b6c6 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Red-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Red-Theme/src/main/resources/defaults.css
@@ -122,10 +122,10 @@ hr {
   text-shadow: unset;
 }
 
-.jewel.datagrid .jewel.list.column .jewel.item.emphasized.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.hovered {
   background: #f1545a;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.item.emphasized.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.selectable:active {
   background: #ef3d44;
 }
 
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Sapphire-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Sapphire-Theme/src/main/resources/defaults.css
index 60a2880..8a0f93a 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Sapphire-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Sapphire-Theme/src/main/resources/defaults.css
@@ -122,10 +122,10 @@ hr {
   text-shadow: unset;
 }
 
-.jewel.datagrid .jewel.list.column .jewel.item.emphasized.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.hovered {
   background: #5193d7;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.item.emphasized.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.selectable:active {
   background: #3c86d2;
 }
 
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Sunflower-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Sunflower-Theme/src/main/resources/defaults.css
index c040b50..ac1ca6c 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Sunflower-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Sunflower-Theme/src/main/resources/defaults.css
@@ -122,10 +122,10 @@ hr {
   text-shadow: unset;
 }
 
-.jewel.datagrid .jewel.list.column .jewel.item.emphasized.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.hovered {
   background: #fac97a;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.item.emphasized.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.selectable:active {
   background: #f9bf61;
 }
 
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Topaz-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Topaz-Theme/src/main/resources/defaults.css
index a4ad296..9630d34 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Topaz-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Topaz-Theme/src/main/resources/defaults.css
@@ -122,10 +122,10 @@ hr {
   text-shadow: unset;
 }
 
-.jewel.datagrid .jewel.list.column .jewel.item.emphasized.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.hovered {
   background: #f38663;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.item.emphasized.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.selectable:active {
   background: #f1744b;
 }
 
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Turquoise-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Turquoise-Theme/src/main/resources/defaults.css
index 55f522e..ce605be 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Turquoise-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Turquoise-Theme/src/main/resources/defaults.css
@@ -122,10 +122,10 @@ hr {
   text-shadow: unset;
 }
 
-.jewel.datagrid .jewel.list.column .jewel.item.emphasized.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.hovered {
   background: #3ed0c6;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.item.emphasized.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.selectable:active {
   background: #30c5ba;
 }
 
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Violet-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Violet-Theme/src/main/resources/defaults.css
index f440962..0b72965 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Violet-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Violet-Theme/src/main/resources/defaults.css
@@ -122,10 +122,10 @@ hr {
   text-shadow: unset;
 }
 
-.jewel.datagrid .jewel.list.column .jewel.item.emphasized.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.hovered {
   background: #873abf;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.item.emphasized.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.selectable:active {
   background: #7934ab;
 }
 
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Yellow-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Yellow-Theme/src/main/resources/defaults.css
index af34ecf..f336087 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Yellow-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Yellow-Theme/src/main/resources/defaults.css
@@ -122,10 +122,10 @@ hr {
   text-shadow: unset;
 }
 
-.jewel.datagrid .jewel.list.column .jewel.item.emphasized.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.hovered {
   background: #f5eb35;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.item.emphasized.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.emphasized.selectable:active {
   background: #f4e91d;
 }
 
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 6b3b055..21b56ce 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
@@ -332,13 +332,13 @@ j|Card {
 .jewel.datagrid .jewel.list.column.last {
   border-bottom-right-radius: 0.25rem;
 }
-.jewel.datagrid .jewel.list.column .jewel.item {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem {
   border-bottom: 1px solid #ededed;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.primary.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.hovered {
   background: #da58d8;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.primary.selected, .jewel.datagrid .jewel.list.column .jewel.item.primary.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.selectable:active {
   background: #d643d3;
 }
 
@@ -613,19 +613,19 @@ j|FormItem {
   color: rgba(255, 255, 255, 0.5);
 }
 
-.jewel.item {
+.jewel.item, .jewel.datagriditem {
   padding: 8px;
 }
-.jewel.item.hovered {
+.jewel.item.hovered, .jewel.datagriditem.hovered {
   color: #FFFFFF;
 }
-.jewel.item.selected, .jewel.item.selectable:active {
+.jewel.item.selected, .jewel.item.selectable:active, .jewel.datagriditem.selected, .jewel.datagriditem.selectable:active {
   color: #FFFFFF;
 }
-.jewel.item.primary.hovered {
+.jewel.item.primary.hovered, .jewel.datagriditem.primary.hovered {
   background: #C92CC6;
 }
-.jewel.item.primary.selected, .jewel.item.primary.selectable:active {
+.jewel.item.primary.selected, .jewel.item.primary.selectable:active, .jewel.datagriditem.primary.selected, .jewel.datagriditem.primary.selectable:active {
   background: #b427b1;
 }
 
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 f7c1743..76027dd 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
@@ -332,13 +332,13 @@ j|Card {
 .jewel.datagrid .jewel.list.column.last {
   border-bottom-right-radius: 0.25rem;
 }
-.jewel.datagrid .jewel.list.column .jewel.item {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem {
   border-bottom: 1px solid #ededed;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.primary.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.hovered {
   background: #75c5f5;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.primary.selected, .jewel.datagrid .jewel.list.column .jewel.item.primary.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.selectable:active {
   background: #5dbbf3;
 }
 
@@ -613,19 +613,19 @@ j|FormItem {
   color: rgba(255, 255, 255, 0.5);
 }
 
-.jewel.item {
+.jewel.item, .jewel.datagriditem {
   padding: 8px;
 }
-.jewel.item.hovered {
+.jewel.item.hovered, .jewel.datagriditem.hovered {
   color: #FFFFFF;
 }
-.jewel.item.selected, .jewel.item.selectable:active {
+.jewel.item.selected, .jewel.item.selectable:active, .jewel.datagriditem.selected, .jewel.datagriditem.selectable:active {
   color: #FFFFFF;
 }
-.jewel.item.primary.hovered {
+.jewel.item.primary.hovered, .jewel.datagriditem.primary.hovered {
   background: #3CADF1;
 }
-.jewel.item.primary.selected, .jewel.item.primary.selectable:active {
+.jewel.item.primary.selected, .jewel.item.primary.selectable:active, .jewel.datagriditem.primary.selected, .jewel.datagriditem.primary.selectable:active {
   background: #24a3ef;
 }
 
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 eb459fa..85b4b9e 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
@@ -332,13 +332,13 @@ j|Card {
 .jewel.datagrid .jewel.list.column.last {
   border-bottom-right-radius: 0.25rem;
 }
-.jewel.datagrid .jewel.list.column .jewel.item {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem {
   border-bottom: 1px solid #ededed;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.primary.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.hovered {
   background: #a8d46b;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.primary.selected, .jewel.datagrid .jewel.list.column .jewel.item.primary.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.selectable:active {
   background: #9cce58;
 }
 
@@ -613,19 +613,19 @@ j|FormItem {
   color: rgba(255, 255, 255, 0.5);
 }
 
-.jewel.item {
+.jewel.item, .jewel.datagriditem {
   padding: 8px;
 }
-.jewel.item.hovered {
+.jewel.item.hovered, .jewel.datagriditem.hovered {
   color: #FFFFFF;
 }
-.jewel.item.selected, .jewel.item.selectable:active {
+.jewel.item.selected, .jewel.item.selectable:active, .jewel.datagriditem.selected, .jewel.datagriditem.selectable:active {
   color: #FFFFFF;
 }
-.jewel.item.primary.hovered {
+.jewel.item.primary.hovered, .jewel.datagriditem.primary.hovered {
   background: #8CC63C;
 }
-.jewel.item.primary.selected, .jewel.item.primary.selectable:active {
+.jewel.item.primary.selected, .jewel.item.primary.selectable:active, .jewel.datagriditem.primary.selected, .jewel.datagriditem.primary.selectable:active {
   background: #7eb435;
 }
 
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 936d56b..26e97c2 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
@@ -332,13 +332,13 @@ j|Card {
 .jewel.datagrid .jewel.list.column.last {
   border-bottom-right-radius: 0.25rem;
 }
-.jewel.datagrid .jewel.list.column .jewel.item {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem {
   border-bottom: 1px solid #ededed;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.primary.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.hovered {
   background: #60cc6d;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.primary.selected, .jewel.datagrid .jewel.list.column .jewel.item.primary.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.selectable:active {
   background: #4dc65c;
 }
 
@@ -613,19 +613,19 @@ j|FormItem {
   color: rgba(255, 255, 255, 0.5);
 }
 
-.jewel.item {
+.jewel.item, .jewel.datagriditem {
   padding: 8px;
 }
-.jewel.item.hovered {
+.jewel.item.hovered, .jewel.datagriditem.hovered {
   color: #FFFFFF;
 }
-.jewel.item.selected, .jewel.item.selectable:active {
+.jewel.item.selected, .jewel.item.selectable:active, .jewel.datagriditem.selected, .jewel.datagriditem.selectable:active {
   color: #FFFFFF;
 }
-.jewel.item.primary.hovered {
+.jewel.item.primary.hovered, .jewel.datagriditem.primary.hovered {
   background: #3AB549;
 }
-.jewel.item.primary.selected, .jewel.item.primary.selectable:active {
+.jewel.item.primary.selected, .jewel.item.primary.selectable:active, .jewel.datagriditem.primary.selected, .jewel.datagriditem.primary.selectable:active {
   background: #34a241;
 }
 
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 3c4a3af..9944bb9 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
@@ -332,13 +332,13 @@ j|Card {
 .jewel.datagrid .jewel.list.column.last {
   border-bottom-right-radius: 0.25rem;
 }
-.jewel.datagrid .jewel.list.column .jewel.item {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem {
   border-bottom: 1px solid #ededed;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.primary.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.hovered {
   background: #f9b058;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.primary.selected, .jewel.datagrid .jewel.list.column .jewel.item.primary.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.selectable:active {
   background: #f8a43f;
 }
 
@@ -613,19 +613,19 @@ j|FormItem {
   color: rgba(255, 255, 255, 0.5);
 }
 
-.jewel.item {
+.jewel.item, .jewel.datagriditem {
   padding: 8px;
 }
-.jewel.item.hovered {
+.jewel.item.hovered, .jewel.datagriditem.hovered {
   color: #FFFFFF;
 }
-.jewel.item.selected, .jewel.item.selectable:active {
+.jewel.item.selected, .jewel.item.selectable:active, .jewel.datagriditem.selected, .jewel.datagriditem.selectable:active {
   color: #FFFFFF;
 }
-.jewel.item.primary.hovered {
+.jewel.item.primary.hovered, .jewel.datagriditem.primary.hovered {
   background: #F7941D;
 }
-.jewel.item.primary.selected, .jewel.item.primary.selectable:active {
+.jewel.item.primary.selected, .jewel.item.primary.selectable:active, .jewel.datagriditem.primary.selected, .jewel.datagriditem.primary.selectable:active {
   background: #f28809;
 }
 
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 fdc01e2..80cc60d 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
@@ -332,13 +332,13 @@ j|Card {
 .jewel.datagrid .jewel.list.column.last {
   border-bottom-right-radius: 0.25rem;
 }
-.jewel.datagrid .jewel.list.column .jewel.item {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem {
   border-bottom: 1px solid #ededed;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.primary.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.hovered {
   background: #f1545a;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.primary.selected, .jewel.datagrid .jewel.list.column .jewel.item.primary.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.selectable:active {
   background: #ef3d44;
 }
 
@@ -613,19 +613,19 @@ j|FormItem {
   color: rgba(255, 255, 255, 0.5);
 }
 
-.jewel.item {
+.jewel.item, .jewel.datagriditem {
   padding: 8px;
 }
-.jewel.item.hovered {
+.jewel.item.hovered, .jewel.datagriditem.hovered {
   color: #FFFFFF;
 }
-.jewel.item.selected, .jewel.item.selectable:active {
+.jewel.item.selected, .jewel.item.selectable:active, .jewel.datagriditem.selected, .jewel.datagriditem.selectable:active {
   color: #FFFFFF;
 }
-.jewel.item.primary.hovered {
+.jewel.item.primary.hovered, .jewel.datagriditem.primary.hovered {
   background: #EC1C24;
 }
-.jewel.item.primary.selected, .jewel.item.primary.selectable:active {
+.jewel.item.primary.selected, .jewel.item.primary.selectable:active, .jewel.datagriditem.primary.selected, .jewel.datagriditem.primary.selectable:active {
   background: #dc121a;
 }
 
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 9510e88..ae95f90 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
@@ -332,13 +332,13 @@ j|Card {
 .jewel.datagrid .jewel.list.column.last {
   border-bottom-right-radius: 0.25rem;
 }
-.jewel.datagrid .jewel.list.column .jewel.item {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem {
   border-bottom: 1px solid #ededed;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.primary.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.hovered {
   background: #5193d7;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.primary.selected, .jewel.datagrid .jewel.list.column .jewel.item.primary.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.selectable:active {
   background: #3c86d2;
 }
 
@@ -613,19 +613,19 @@ j|FormItem {
   color: rgba(255, 255, 255, 0.5);
 }
 
-.jewel.item {
+.jewel.item, .jewel.datagriditem {
   padding: 8px;
 }
-.jewel.item.hovered {
+.jewel.item.hovered, .jewel.datagriditem.hovered {
   color: #FFFFFF;
 }
-.jewel.item.selected, .jewel.item.selectable:active {
+.jewel.item.selected, .jewel.item.selectable:active, .jewel.datagriditem.selected, .jewel.datagriditem.selectable:active {
   color: #FFFFFF;
 }
-.jewel.item.primary.hovered {
+.jewel.item.primary.hovered, .jewel.datagriditem.primary.hovered {
   background: #2C74BE;
 }
-.jewel.item.primary.selected, .jewel.item.primary.selectable:active {
+.jewel.item.primary.selected, .jewel.item.primary.selectable:active, .jewel.datagriditem.primary.selected, .jewel.datagriditem.primary.selectable:active {
   background: #2767a9;
 }
 
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 8f6c39c..17d971e 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
@@ -332,13 +332,13 @@ j|Card {
 .jewel.datagrid .jewel.list.column.last {
   border-bottom-right-radius: 0.25rem;
 }
-.jewel.datagrid .jewel.list.column .jewel.item {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem {
   border-bottom: 1px solid #ededed;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.primary.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.hovered {
   background: #fac97a;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.primary.selected, .jewel.datagrid .jewel.list.column .jewel.item.primary.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.selectable:active {
   background: #f9bf61;
 }
 
@@ -613,19 +613,19 @@ j|FormItem {
   color: rgba(255, 255, 255, 0.5);
 }
 
-.jewel.item {
+.jewel.item, .jewel.datagriditem {
   padding: 8px;
 }
-.jewel.item.hovered {
+.jewel.item.hovered, .jewel.datagriditem.hovered {
   color: #FFFFFF;
 }
-.jewel.item.selected, .jewel.item.selectable:active {
+.jewel.item.selected, .jewel.item.selectable:active, .jewel.datagriditem.selected, .jewel.datagriditem.selectable:active {
   color: #FFFFFF;
 }
-.jewel.item.primary.hovered {
+.jewel.item.primary.hovered, .jewel.datagriditem.primary.hovered {
   background: #F8B13F;
 }
-.jewel.item.primary.selected, .jewel.item.primary.selectable:active {
+.jewel.item.primary.selected, .jewel.item.primary.selectable:active, .jewel.datagriditem.primary.selected, .jewel.datagriditem.primary.selectable:active {
   background: #f7a726;
 }
 
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 221fbaf..b1dcc2b 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
@@ -332,13 +332,13 @@ j|Card {
 .jewel.datagrid .jewel.list.column.last {
   border-bottom-right-radius: 0.25rem;
 }
-.jewel.datagrid .jewel.list.column .jewel.item {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem {
   border-bottom: 1px solid #ededed;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.primary.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.hovered {
   background: #f38663;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.primary.selected, .jewel.datagrid .jewel.list.column .jewel.item.primary.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.selectable:active {
   background: #f1744b;
 }
 
@@ -613,19 +613,19 @@ j|FormItem {
   color: rgba(255, 255, 255, 0.5);
 }
 
-.jewel.item {
+.jewel.item, .jewel.datagriditem {
   padding: 8px;
 }
-.jewel.item.hovered {
+.jewel.item.hovered, .jewel.datagriditem.hovered {
   color: #FFFFFF;
 }
-.jewel.item.selected, .jewel.item.selectable:active {
+.jewel.item.selected, .jewel.item.selectable:active, .jewel.datagriditem.selected, .jewel.datagriditem.selectable:active {
   color: #FFFFFF;
 }
-.jewel.item.primary.hovered {
+.jewel.item.primary.hovered, .jewel.datagriditem.primary.hovered {
   background: #EF5A2A;
 }
-.jewel.item.primary.selected, .jewel.item.primary.selectable:active {
+.jewel.item.primary.selected, .jewel.item.primary.selectable:active, .jewel.datagriditem.primary.selected, .jewel.datagriditem.primary.selectable:active {
   background: #ed4812;
 }
 
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 60443a4..1f8b122 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
@@ -332,13 +332,13 @@ j|Card {
 .jewel.datagrid .jewel.list.column.last {
   border-bottom-right-radius: 0.25rem;
 }
-.jewel.datagrid .jewel.list.column .jewel.item {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem {
   border-bottom: 1px solid #ededed;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.primary.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.hovered {
   background: #3ed0c6;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.primary.selected, .jewel.datagrid .jewel.list.column .jewel.item.primary.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.selectable:active {
   background: #30c5ba;
 }
 
@@ -613,19 +613,19 @@ j|FormItem {
   color: rgba(255, 255, 255, 0.5);
 }
 
-.jewel.item {
+.jewel.item, .jewel.datagriditem {
   padding: 8px;
 }
-.jewel.item.hovered {
+.jewel.item.hovered, .jewel.datagriditem.hovered {
   color: #FFFFFF;
 }
-.jewel.item.selected, .jewel.item.selectable:active {
+.jewel.item.selected, .jewel.item.selectable:active, .jewel.datagriditem.selected, .jewel.datagriditem.selectable:active {
   color: #FFFFFF;
 }
-.jewel.item.primary.hovered {
+.jewel.item.primary.hovered, .jewel.datagriditem.primary.hovered {
   background: #29A89F;
 }
-.jewel.item.primary.selected, .jewel.item.primary.selectable:active {
+.jewel.item.primary.selected, .jewel.item.primary.selectable:active, .jewel.datagriditem.primary.selected, .jewel.datagriditem.primary.selectable:active {
   background: #24948c;
 }
 
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 fdfe0b3..98088d8 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
@@ -332,13 +332,13 @@ j|Card {
 .jewel.datagrid .jewel.list.column.last {
   border-bottom-right-radius: 0.25rem;
 }
-.jewel.datagrid .jewel.list.column .jewel.item {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem {
   border-bottom: 1px solid #ededed;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.primary.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.hovered {
   background: #873abf;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.primary.selected, .jewel.datagrid .jewel.list.column .jewel.item.primary.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.selectable:active {
   background: #7934ab;
 }
 
@@ -613,19 +613,19 @@ j|FormItem {
   color: rgba(255, 255, 255, 0.5);
 }
 
-.jewel.item {
+.jewel.item, .jewel.datagriditem {
   padding: 8px;
 }
-.jewel.item.hovered {
+.jewel.item.hovered, .jewel.datagriditem.hovered {
   color: #FFFFFF;
 }
-.jewel.item.selected, .jewel.item.selectable:active {
+.jewel.item.selected, .jewel.item.selectable:active, .jewel.datagriditem.selected, .jewel.datagriditem.selectable:active {
   color: #FFFFFF;
 }
-.jewel.item.primary.hovered {
+.jewel.item.primary.hovered, .jewel.datagriditem.primary.hovered {
   background: #662C90;
 }
-.jewel.item.primary.selected, .jewel.item.primary.selectable:active {
+.jewel.item.primary.selected, .jewel.item.primary.selectable:active, .jewel.datagriditem.primary.selected, .jewel.datagriditem.primary.selectable:active {
   background: #58267c;
 }
 
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 92d243c..68fac4c 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
@@ -332,13 +332,13 @@ j|Card {
 .jewel.datagrid .jewel.list.column.last {
   border-bottom-right-radius: 0.25rem;
 }
-.jewel.datagrid .jewel.list.column .jewel.item {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem {
   border-bottom: 1px solid #ededed;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.primary.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.hovered {
   background: #f5eb35;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.primary.selected, .jewel.datagrid .jewel.list.column .jewel.item.primary.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.primary.selectable:active {
   background: #f4e91d;
 }
 
@@ -613,19 +613,19 @@ j|FormItem {
   color: rgba(255, 255, 255, 0.5);
 }
 
-.jewel.item {
+.jewel.item, .jewel.datagriditem {
   padding: 8px;
 }
-.jewel.item.hovered {
+.jewel.item.hovered, .jewel.datagriditem.hovered {
   color: #FFFFFF;
 }
-.jewel.item.selected, .jewel.item.selectable:active {
+.jewel.item.selected, .jewel.item.selectable:active, .jewel.datagriditem.selected, .jewel.datagriditem.selectable:active {
   color: #FFFFFF;
 }
-.jewel.item.primary.hovered {
+.jewel.item.primary.hovered, .jewel.datagriditem.primary.hovered {
   background: #E2D70B;
 }
-.jewel.item.primary.selected, .jewel.item.primary.selectable:active {
+.jewel.item.primary.selected, .jewel.item.primary.selectable:active, .jewel.datagriditem.primary.selected, .jewel.datagriditem.primary.selectable:active {
   background: #cac00a;
 }
 
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Amethyst-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Amethyst-Theme/src/main/resources/defaults.css
index b46f4e6..4b74449 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Amethyst-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Amethyst-Theme/src/main/resources/defaults.css
@@ -122,10 +122,10 @@ hr {
   text-shadow: unset;
 }
 
-.jewel.datagrid .jewel.list.column .jewel.item.secondary.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.hovered {
   background: #da58d8;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.item.secondary.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.selectable:active {
   background: #d643d3;
 }
 
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Blue-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Blue-Theme/src/main/resources/defaults.css
index fd7158d..4ac36dc 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Blue-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Blue-Theme/src/main/resources/defaults.css
@@ -122,10 +122,10 @@ hr {
   text-shadow: unset;
 }
 
-.jewel.datagrid .jewel.list.column .jewel.item.secondary.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.hovered {
   background: #75c5f5;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.item.secondary.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.selectable:active {
   background: #5dbbf3;
 }
 
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Emerald-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Emerald-Theme/src/main/resources/defaults.css
index aaaa1e8..406f47a 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Emerald-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Emerald-Theme/src/main/resources/defaults.css
@@ -122,10 +122,10 @@ hr {
   text-shadow: unset;
 }
 
-.jewel.datagrid .jewel.list.column .jewel.item.secondary.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.hovered {
   background: #a8d46b;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.item.secondary.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.selectable:active {
   background: #9cce58;
 }
 
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Green-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Green-Theme/src/main/resources/defaults.css
index b1d016c..9f18d5c 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Green-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Green-Theme/src/main/resources/defaults.css
@@ -122,10 +122,10 @@ hr {
   text-shadow: unset;
 }
 
-.jewel.datagrid .jewel.list.column .jewel.item.secondary.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.hovered {
   background: #60cc6d;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.item.secondary.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.selectable:active {
   background: #4dc65c;
 }
 
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Orange-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Orange-Theme/src/main/resources/defaults.css
index daea7fe..cc9bde3 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Orange-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Orange-Theme/src/main/resources/defaults.css
@@ -122,10 +122,10 @@ hr {
   text-shadow: unset;
 }
 
-.jewel.datagrid .jewel.list.column .jewel.item.secondary.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.hovered {
   background: #f9b058;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.item.secondary.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.selectable:active {
   background: #f8a43f;
 }
 
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Red-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Red-Theme/src/main/resources/defaults.css
index 6f18f0c..cf9ec8e 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Red-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Red-Theme/src/main/resources/defaults.css
@@ -122,10 +122,10 @@ hr {
   text-shadow: unset;
 }
 
-.jewel.datagrid .jewel.list.column .jewel.item.secondary.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.hovered {
   background: #f1545a;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.item.secondary.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.selectable:active {
   background: #ef3d44;
 }
 
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Sapphire-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Sapphire-Theme/src/main/resources/defaults.css
index 14bd76d..a762734 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Sapphire-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Sapphire-Theme/src/main/resources/defaults.css
@@ -122,10 +122,10 @@ hr {
   text-shadow: unset;
 }
 
-.jewel.datagrid .jewel.list.column .jewel.item.secondary.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.hovered {
   background: #5193d7;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.item.secondary.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.selectable:active {
   background: #3c86d2;
 }
 
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Sunflower-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Sunflower-Theme/src/main/resources/defaults.css
index db2def9..b09b3e5 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Sunflower-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Sunflower-Theme/src/main/resources/defaults.css
@@ -122,10 +122,10 @@ hr {
   text-shadow: unset;
 }
 
-.jewel.datagrid .jewel.list.column .jewel.item.secondary.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.hovered {
   background: #fac97a;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.item.secondary.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.selectable:active {
   background: #f9bf61;
 }
 
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Topaz-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Topaz-Theme/src/main/resources/defaults.css
index 30f7fb9..963c4f6 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Topaz-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Topaz-Theme/src/main/resources/defaults.css
@@ -122,10 +122,10 @@ hr {
   text-shadow: unset;
 }
 
-.jewel.datagrid .jewel.list.column .jewel.item.secondary.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.hovered {
   background: #f38663;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.item.secondary.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.selectable:active {
   background: #f1744b;
 }
 
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Turquoise-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Turquoise-Theme/src/main/resources/defaults.css
index 4e976ae..85d10f8 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Turquoise-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Turquoise-Theme/src/main/resources/defaults.css
@@ -122,10 +122,10 @@ hr {
   text-shadow: unset;
 }
 
-.jewel.datagrid .jewel.list.column .jewel.item.secondary.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.hovered {
   background: #3ed0c6;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.item.secondary.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.selectable:active {
   background: #30c5ba;
 }
 
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Violet-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Violet-Theme/src/main/resources/defaults.css
index 34dbacd..68ec0f3 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Violet-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Violet-Theme/src/main/resources/defaults.css
@@ -122,10 +122,10 @@ hr {
   text-shadow: unset;
 }
 
-.jewel.datagrid .jewel.list.column .jewel.item.secondary.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.hovered {
   background: #873abf;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.item.secondary.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.selectable:active {
   background: #7934ab;
 }
 
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Yellow-Theme/src/main/resources/defaults.css b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Yellow-Theme/src/main/resources/defaults.css
index 10db535..9f1935a 100644
--- a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Yellow-Theme/src/main/resources/defaults.css
+++ b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Yellow-Theme/src/main/resources/defaults.css
@@ -122,10 +122,10 @@ hr {
   text-shadow: unset;
 }
 
-.jewel.datagrid .jewel.list.column .jewel.item.secondary.hovered {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.hovered {
   background: #f5eb35;
 }
-.jewel.datagrid .jewel.list.column .jewel.item.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.item.secondary.selectable:active {
+.jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.selected, .jewel.datagrid .jewel.list.column .jewel.datagriditem.secondary.selectable:active {
   background: #f4e91d;
 }