diff --git a/ui/src/Styles/Components/AlertGrid.scss b/ui/src/Styles/Components/AlertGrid.scss index 4347eb82d..7455f0395 100644 --- a/ui/src/Styles/Components/AlertGrid.scss +++ b/ui/src/Styles/Components/AlertGrid.scss @@ -8,5 +8,5 @@ } .components-grid-swimlane { - background-color: $dark; + background-color: $grid-swimlane-bg; } diff --git a/ui/src/Styles/DarkTheme.scss b/ui/src/Styles/DarkTheme.scss index 612320e1b..6cb88f64b 100644 --- a/ui/src/Styles/DarkTheme.scss +++ b/ui/src/Styles/DarkTheme.scss @@ -80,6 +80,7 @@ $filter-input-hoover-bg: $gray-700; $filter-input-hoover-color: $white; $placeholder-color: $gray-600; $filterinput-border: $navbar-dark-color; +$grid-swimlane-bg: lighten($dark, 2%); $datepicker__background-color: $gray-700; $datepicker__border-color: $gray-800; diff --git a/ui/src/Styles/LightTheme.scss b/ui/src/Styles/LightTheme.scss index 17db130f2..3b4ca6831 100644 --- a/ui/src/Styles/LightTheme.scss +++ b/ui/src/Styles/LightTheme.scss @@ -62,6 +62,7 @@ $filter-input-hoover-bg: $white; $filter-input-hoover-color: $black; $placeholder-color: $secondary; $filterinput-border: $navbar-dark-color; +$grid-swimlane-bg: lighten($dark, 2%); $datepicker__background-color: $white; $datepicker__border-color: $gray-300;