Implement Grid Styles for Neo Cyberpunk #8028

Author: tobiu

resources/scss/theme-cyberpunk/Global.scss

@@ -11,6 +11,7 @@
     --cyber-red           : #ff4757;
     --cyber-bg            : #0d1117;
     --cyber-bg-alt        : #161b22;
+    --cyber-text          : #c9d1d9;
     --cyber-border        : #30363d;
     --cyber-glow          : 0 0 10px var(--cyber-cyan);
 

resources/scss/theme-cyberpunk/grid/Body.scss

@@ -0,0 +1,15 @@
+:root .neo-theme-cyberpunk { // .neo-grid-body
+    --grid-cell-background-color-hover                    : rgba(0, 210, 255, 0.1);
+    --grid-cell-ismodified-color                          : var(--cyber-gold);
+    --grid-cell-ismodified-size                           : 10px;
+    --grid-cellmodel-selected-cell-background-color       : var(--cyber-cyan);
+    --grid-cellmodel-selected-cell-color                  : #000;
+    --grid-cellmodel-selected-column-cell-background-color: rgba(0, 210, 255, 0.2);
+    --grid-cellmodel-selected-column-cell-color           : #fff;
+    --grid-cellrowmodel-selected-cell-background-color    : var(--cyber-cyan);
+    --grid-cellrowmodel-selected-cell-color               : #000;
+    --grid-cellrowmodel-selected-row-cell-background-color: rgba(0, 210, 255, 0.2);
+    --grid-cellrowmodel-selected-row-cell-color           : #fff;
+    --grid-rowmodel-selected-cell-background-color        : var(--cyber-cyan);
+    --grid-rowmodel-selected-cell-color                   : #000;
+}

resources/scss/theme-cyberpunk/grid/Container.scss

@@ -0,0 +1,7 @@
+:root .neo-theme-cyberpunk {
+    --grid-container-border-color              : var(--cyber-border);
+    --grid-container-cell-background-color     : transparent;
+    --grid-container-cell-background-color-even: rgba(0, 210, 255, 0.03); // Very faint cyan tint
+    --grid-container-color                     : var(--cyber-text);
+    --grid-container-header-cell-border-bottom : 1px solid var(--cyber-cyan);
+}

resources/scss/theme-cyberpunk/grid/header/Button.scss

@@ -0,0 +1,6 @@
+:root .neo-theme-cyberpunk {
+    --grid-header-button-background-color: var(--cyber-bg-alt);
+    --grid-header-button-background-image: none;
+    --grid-header-button-color           : var(--cyber-cyan);
+    --grid-header-button-glyph-color     : var(--cyber-cyan);
+}