diff --git a/sass/lists.scss b/sass/lists.scss index 5e5c16b..a4613d3 100644 --- a/sass/lists.scss +++ b/sass/lists.scss @@ -30,11 +30,18 @@ &:first-child { border-top: 0; } - + &.active, - // `.selected` is deprecated. Use `.active` instead. &.selected { + background-color: $active-unfocused-color; + } + + &.active:focus, + &:focus, + // `.selected` is deprecated. Use `.active` instead. + &.selected:focus { color: #fff; + outline: none; background-color: $active-color; } } diff --git a/sass/variables.scss b/sass/variables.scss index 838522a..ab5ea0d 100644 --- a/sass/variables.scss +++ b/sass/variables.scss @@ -41,6 +41,7 @@ $dark-color: #57acf5 !default; // Focus and active colors $active-color: #116cd6; +$active-unfocused-color: #dcdcdc; $focus-input-color: lighten($primary-color, 10%) !default; // Other