Merge pull request #8 from takielias/dev

Fix for the Datatable on Dark Mode
takielias · Feb 17, 2024 · a0a5c81 · a0a5c81
2 parents 6b86034 + 1729157
commit a0a5c81
Showing 1 changed file with 58 additions and 1 deletion.
diff --git a/resources/css/tablar-kit.css b/resources/css/tablar-kit.css
@@ -10,7 +10,7 @@
     font-family: inherit !important;
 }
 
-.FIE_save-modal{
+.FIE_save-modal {
     width: auto !important;
 }
 
@@ -29,3 +29,60 @@
 .FIE_topbar {
     justify-content: start;
 }
+
+/*Tabulator Dark mode Fix */
+
+.tabulator-menu .tabulator-menu-item {
+    color: #000;
+}
+
+.tabulator {
+    background-color: var(--tblr-bg-surface) !important;
+}
+
+.tabulator .tabulator-header {
+    background-color: var(--tblr-bg-surface) !important;
+}
+
+.tabulator-col {
+    background-color: var(--tblr-bg-surface) !important;
+}
+
+.tabulator-cell {
+    background-color: var(--tblr-bg-surface) !important;
+}
+
+.tabulator-footer {
+    background-color: var(--tblr-bg-surface) !important;
+}
+
+.tabulator .tabulator-header {
+    border-top: 1px solid var(--tblr-dark-mode-border-color-translucent) !important;
+    border-bottom: 1px solid var(--tblr-dark-mode-border-color-translucent) !important;
+}
+
+.tabulator-row {
+    background-color: var(--tblr-bg-surface) !important;
+    border-bottom: 1px solid var(--tblr-dark-mode-border-color-translucent) !important;
+}
+
+.tabulator .tabulator-footer {
+    border-top: none !important;
+}
+
+.tabulator .tabulator-footer .tabulator-page {
+    border: 1px solid var(--tblr-bg-surface) !important;
+    border-radius: var(--tblr-border-radius) !important;
+}
+
+.tabulator .tabulator-footer .tabulator-page.active {
+    color: var(--tblr-pagination-active-color);
+    background-color: var(--tblr-pagination-active-bg);
+    border-color: var(--tblr-pagination-active-border-color);
+}
+
+.tabulator .tabulator-footer .tabulator-page-size {
+    border: 1px solid var(--tblr-bg-surface) !important;
+    border-radius: 3px;
+}
+