From 3088ffe8ebe06dd1f483ec699028eeab788414e8 Mon Sep 17 00:00:00 2001 From: desig9stein Date: Fri, 20 Mar 2026 16:27:56 +0200 Subject: [PATCH] refactor(grid) update body column border for dark indigo theme --- .../themes/schemas/components/dark/_grid.scss | 27 ++++++++++++++++--- 1 file changed, 24 insertions(+), 3 deletions(-) diff --git a/sass/themes/schemas/components/dark/_grid.scss b/sass/themes/schemas/components/dark/_grid.scss index 134aa911..656f3fed 100644 --- a/sass/themes/schemas/components/dark/_grid.scss +++ b/sass/themes/schemas/components/dark/_grid.scss @@ -284,8 +284,6 @@ $dark-material-grid: extend( /// @prop {Map} body-column-selected-border-color [color: ('gray', 100)] - The border color used for the body column when in group-row state. /// @prop {Map} body-column-hover-selected-border-color [color: ('gray', 200)] - The border color used for the body column when in group-row + hover state. /// @prop {Map} row-selected-hover-text-color [contrast-color: ('gray', 200)] - The selected row hover text color. -/// @prop {Map} body-column-selected-border-color [color: ('gray', 100)] - The border color used for the body column when in group-row state. -/// @prop {Map} body-column-hover-selected-border-color [color: ('gray', 200)] - The border color used for the body column when in group-row + hover state. /// @prop {Map} cell-selected-within-background [color: ('gray', 200)] - The background of the selected cell inside a selected row/column. /// @prop {Map} cell-selected-within-text-color [contrast-color: ('gray', 200)] - The color of the selected cell inside a selected row/column. /// @prop {Map} group-row-background [color: ('gray', 100, .5)] - The grid group row background color. @@ -475,7 +473,7 @@ $dark-bootstrap-grid: extend( /// @prop {Map} drop-area-text-color [contrast-color: ('gray', 50, .6)] - The drop area text color. /// @prop {Map} drop-area-icon-color [contrast-color: ('gray', 50, .6)] - The drop area icon color. /// @prop {Map} row-border-color [color: ('gray', 100)] - The row bottom border color. -/// @prop {Map} row-hover-background [color: ('primary', 100)] - The hover row background color. +/// @prop {Map} row-hover-background [color: ('gray', 100)] - The hover row background color. /// @prop {Map} body-column-hover-border-color [color: ('gray', 100)] - The border color used for the body columns. /// @prop {Map} row-hover-text-color [contrast-color: ('gray', 50)] - The hover row text color. /// @prop {Map} row-selected-background [color: ('primary', 900)] - The selected row background color. @@ -506,6 +504,8 @@ $dark-bootstrap-grid: extend( /// @prop {Map} excel-filtering-actions-hover-foreground [contrast-color: ('gray', 50)] - The text color of the excel style filtering options in hover/focus state. /// @prop {Map} excel-filtering-actions-disabled-foreground [contrast-color: ('gray', 50, .2)] - The text color of the excel style filtering options in disabled state. /// @prop {Map} row-ghost-background [color: ('gray', 100)] - The background color of the dragged row. +/// @prop {Map} body-column-selected-border-color [color: ('primary', 900)] - The border color used for the body column when in group-row state. +/// @prop {Map} body-column-hover-selected-border-color [color: ('primary', 700)] - The border color used for the body column when in group-row + hover state. /// @requires $indigo-grid $dark-indigo-grid: extend( $indigo-grid, @@ -641,6 +641,20 @@ $dark-indigo-grid: extend( ), ), + body-column-selected-border-color: ( + color: ( + 'primary', + 900, + ), + ), + + body-column-hover-selected-border-color: ( + color: ( + 'primary', + 700, + ), + ), + row-selected-hover-text-color: ( contrast-color: ( 'gray', @@ -807,6 +821,13 @@ $dark-indigo-grid: extend( ), ), + body-column-hover-border-color: ( + color: ( + 'gray', + 100, + ), + ), + _meta: ( variant: 'dark', ),