//insensitive state derived colors
$insensitive_fg_color: mix($fg_color, $bg_color, 50%);
$insensitive_bg_color: mix($bg_color, $base_color, 60%);
-$insensitive_borders_color: $borders_color;
+$insensitive_borders_color: mix($borders_color, $bg_color, 80%);
//colors for the backdrop state, derived from the main colors.
$backdrop_base_color: if($variant == 'light', darken($base_color, 1%), lighten($base_color, 1%));
border-radius: 3px;
background-color: $dark_fill;
- &:disabled { background-color: $insensitive_bg_color; }
+ &:disabled {
+ background-color: $insensitive_bg_color;
+ borders-color: $insensitive_borders_color;
+ }
&:backdrop {
background-color: $backdrop_dark_fill;
border-color: $backdrop_borders_color;
transition: $backdrop_transition;
- &:disabled { background-color: $insensitive_bg_color; }
+ &:disabled {
+ background-color: $insensitive_bg_color;
+ borders-color: $insensitive_borders_color;
+ }
}
// ...on selected list rows