Changed variable scss for grid

Author: AntonL9vov

src/assets/variables.scss

@@ -1,6 +1,7 @@
 //* Core
 $bg-button: #f2f2f2;
 $bg-input: #ffffff;
+$bg-grid: #ffffff;
 $bg-hover: #d3eafff5;
 $bg-selected: rgba(0, 0, 0, 0.03);
 $bg-grid-odd: rgba(0, 0, 0, 0.04);
@@ -58,6 +59,7 @@ $bg-multiautocomplete-item: #e8e8e8;
   //* Core
   --bg-button: #000000;
   --bg-input: #000000;
+  --bg-grid: #000000;
   --bg-hover: #303030f5;
   --bg-grid-odd: rgba(117, 117, 117, 0.342);
 
@@ -127,4 +129,3 @@ body ::-webkit-scrollbar-thumb:window-inactive {
 body ::-webkit-scrollbar-thumb:hover {
   background: rgba(128, 135, 139, 80%);
 }
-

src/components/hive-grid/hive-grid-header.vue

@@ -91,7 +91,7 @@ watch(currentQuery, () => {
 @import '@/assets/variables.scss';
 
 .hive-grid__header {
-  background-color: var(--bg-input, $bg-input);
+  background-color: var(--bg-grid, $bg-grid);
   border: 1px solid rgba(0, 0, 0, 0.08);
   position: sticky;
   top: 0;

src/components/hive-grid/hive-grid.vue

@@ -481,7 +481,7 @@ const currentPageItems = computed(() => {
   }
 
   & tr.even {
-    background-color: var(--bg-input, $bg-input);
+    background-color: var(--bg-grid, $bg-grid);
   }
 
   & tr.odd {

src/examples/App.vue

@@ -12,11 +12,11 @@ const a = 1;
     <hive-pane id="light">
       <all-widgets />
     </hive-pane>
-    <!-- <hive-pane id="dark">
+    <hive-pane id="dark">
       <div hive-theme="dark" style="background: black; color: white">
         <all-widgets dark />
       </div>
-    </hive-pane> -->
+    </hive-pane>
   </hive-splitter>
   <!-- <div>
     <filter-new />