diff --git a/stylesheets/components/CallsTab.scss b/stylesheets/components/CallsTab.scss index 86650266e3..1c632d9f2b 100644 --- a/stylesheets/components/CallsTab.scss +++ b/stylesheets/components/CallsTab.scss @@ -108,10 +108,10 @@ &:not(.CallsList__ToggleFilterByMissed--pressed):hover { @include light-theme { - background: $color-gray-20; + background-color: $color-black-alpha-06; } @include dark-theme { - background: $color-gray-62; + background-color: $color-white-alpha-06; } } diff --git a/stylesheets/components/NavSidebar.scss b/stylesheets/components/NavSidebar.scss index 014f201eab..1b2a010d3e 100644 --- a/stylesheets/components/NavSidebar.scss +++ b/stylesheets/components/NavSidebar.scss @@ -184,12 +184,13 @@ padding: 4px; border-radius: 4px; - &:hover { + &:hover, + &:focus { @include light-theme { - background: $color-gray-20; + background-color: $color-black-alpha-06; } @include dark-theme { - background: $color-gray-62; + background-color: $color-white-alpha-06; } } diff --git a/stylesheets/components/Stories.scss b/stylesheets/components/Stories.scss index a2bf230421..bdee31ee13 100644 --- a/stylesheets/components/Stories.scss +++ b/stylesheets/components/Stories.scss @@ -31,10 +31,29 @@ border-inline-end: 1px solid $color-white-alpha-16; } + &__add-story__container { + padding: 4px; + border-radius: 4px; + &:hover, + &:focus { + @include light-theme { + background-color: $color-black-alpha-06; + } + @include dark-theme { + background-color: $color-white-alpha-06; + } + } + } + &__add-story__button { height: 20px; width: 20px; - @include color-svg('../images/icons/v3/plus/plus.svg', $color-white); + @include light-theme { + @include color-svg('../images/icons/v3/plus/plus.svg', $color-black); + } + @include dark-theme { + @include color-svg('../images/icons/v3/plus/plus.svg', $color-gray-15); + } &:focus { @include keyboard-mode {