add list cell background color tokens
This commit is contained in:
parent
e0a41102fd
commit
b7fdde2025
2 changed files with 12 additions and 0 deletions
|
|
@ -295,6 +295,12 @@ $grid--rep--hover--dark: $grey-10;
|
||||||
$grid--border--color--light: $grey-85;
|
$grid--border--color--light: $grey-85;
|
||||||
$grid--border--color--dark: $grey-40;
|
$grid--border--color--dark: $grey-40;
|
||||||
|
|
||||||
|
// Color Definitions: List Cell
|
||||||
|
$list--cell--bg--light: $grey-100;
|
||||||
|
$list--cell--bg--dark: $grey-20;
|
||||||
|
$list--cell--bg--light--hover: $grey-95;
|
||||||
|
$list--cell--bg--dark--hover: $grey-30;
|
||||||
|
|
||||||
// Color Definitions: Slider
|
// Color Definitions: Slider
|
||||||
$slider--thumb--bg--light: $grey-100;
|
$slider--thumb--bg--light: $grey-100;
|
||||||
$slider--thumb--bg--dark: $grey-100;
|
$slider--thumb--bg--dark: $grey-100;
|
||||||
|
|
|
||||||
|
|
@ -38,6 +38,9 @@
|
||||||
|
|
||||||
--grid-rep-hover: #{colors.$grid--rep--hover--light};
|
--grid-rep-hover: #{colors.$grid--rep--hover--light};
|
||||||
|
|
||||||
|
--list-cell-bg: #{colors.$list--cell--bg--light};
|
||||||
|
--list-cell-bg-hover: #{colors.$list--cell--bg--light--hover};
|
||||||
|
|
||||||
--card-bg: #{colors.$grey-100};
|
--card-bg: #{colors.$grey-100};
|
||||||
--bar-bg: #{colors.$grey-100};
|
--bar-bg: #{colors.$grey-100};
|
||||||
|
|
||||||
|
|
@ -403,6 +406,9 @@
|
||||||
|
|
||||||
--grid-rep-hover: #{colors.$grid--rep--hover--dark};
|
--grid-rep-hover: #{colors.$grid--rep--hover--dark};
|
||||||
|
|
||||||
|
--list-cell-bg: #{colors.$list--cell--bg--dark};
|
||||||
|
--list-cell-bg-hover: #{colors.$list--cell--bg--dark--hover};
|
||||||
|
|
||||||
--card-bg: #{colors.$page--element--bg--dark};
|
--card-bg: #{colors.$page--element--bg--dark};
|
||||||
--bar-bg: #{colors.$grey-20};
|
--bar-bg: #{colors.$grey-20};
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue