diff --git a/ui/components/app/account-menu/index.scss b/ui/components/app/account-menu/index.scss index d3b79532a..96113a57c 100644 --- a/ui/components/app/account-menu/index.scss +++ b/ui/components/app/account-menu/index.scss @@ -45,11 +45,11 @@ cursor: pointer; &:hover { - background-color: var(--color-background-alternative); + background-color: var(--color-background-default-hover); } &:active { - background-color: var(--color-background-alternative); + background-color: var(--color-background-default-hover); } } diff --git a/ui/components/app/connected-status-indicator/index.scss b/ui/components/app/connected-status-indicator/index.scss index 547086abb..3b18f16a4 100644 --- a/ui/components/app/connected-status-indicator/index.scss +++ b/ui/components/app/connected-status-indicator/index.scss @@ -9,7 +9,7 @@ &:hover, &:active { - background-color: var(--color-background-alternative); + background-color: var(--color-background-default-hover); } &__inner-circle { diff --git a/ui/components/app/dropdowns/dropdown.js b/ui/components/app/dropdowns/dropdown.js index d364c2cec..46de91aeb 100644 --- a/ui/components/app/dropdowns/dropdown.js +++ b/ui/components/app/dropdowns/dropdown.js @@ -36,7 +36,7 @@ export class Dropdown extends Component { {` li.dropdown-menu-item:hover { color:var(--color-text-default); - background-color: var(--color-background-alternative); + background-color: var(--color-background-default-hover); border-radius: 4px; } `} diff --git a/ui/components/app/edit-gas-fee-popover/edit-gas-item/index.scss b/ui/components/app/edit-gas-fee-popover/edit-gas-item/index.scss index 8e8e2607a..26da77652 100644 --- a/ui/components/app/edit-gas-fee-popover/edit-gas-item/index.scss +++ b/ui/components/app/edit-gas-fee-popover/edit-gas-item/index.scss @@ -12,11 +12,15 @@ width: 100%; &:hover:not([disabled]) { - background-color: var(--color-primary-muted); + background-color: var(--color-background-default-hover); } &--selected { - background-color: var(--color-background-alternative); + background-color: var(--color-primary-muted); + + &:hover:not([disabled]) { + background-color: var(--color-primary-muted); + } } button.edit-gas-item--disabled[disabled] { diff --git a/ui/components/app/flask/snaps-authorship-pill/index.scss b/ui/components/app/flask/snaps-authorship-pill/index.scss index 1d6b6b3a9..a2e0a49e2 100644 --- a/ui/components/app/flask/snaps-authorship-pill/index.scss +++ b/ui/components/app/flask/snaps-authorship-pill/index.scss @@ -18,7 +18,7 @@ &:hover, &:focus { .chip { - background-color: var(--color-background-alternative); + background-color: var(--color-background-default-hover); } } } diff --git a/ui/components/app/selected-account/index.scss b/ui/components/app/selected-account/index.scss index a0d87d47a..f9a815fcd 100644 --- a/ui/components/app/selected-account/index.scss +++ b/ui/components/app/selected-account/index.scss @@ -44,7 +44,7 @@ &:hover, &:active { - background-color: var(--color-background-alternative); + background-color: var(--color-background-default-hover); } } diff --git a/ui/components/app/transaction-decoding/components/ui/copy-raw-data/index.scss b/ui/components/app/transaction-decoding/components/ui/copy-raw-data/index.scss index 2d5297b9c..6ec24e332 100644 --- a/ui/components/app/transaction-decoding/components/ui/copy-raw-data/index.scss +++ b/ui/components/app/transaction-decoding/components/ui/copy-raw-data/index.scss @@ -12,11 +12,11 @@ background-color: transparent; &:hover { - background-color: var(--color-background-alternative); + background-color: var(--color-background-default-hover); } &:active { - background-color: var(--color-background-alternative); + background-color: var(--color-background-default-hover); } } diff --git a/ui/components/ui/list-item/index.scss b/ui/components/ui/list-item/index.scss index d0ee5ca39..6963ed978 100644 --- a/ui/components/ui/list-item/index.scss +++ b/ui/components/ui/list-item/index.scss @@ -21,7 +21,7 @@ &:hover, &:focus-within { - background-color: var(--color-background-alternative); + background-color: var(--color-background-default-hover); } &__icon { diff --git a/ui/components/ui/menu/menu.scss b/ui/components/ui/menu/menu.scss index 17e457d0c..c9f9b7295 100644 --- a/ui/components/ui/menu/menu.scss +++ b/ui/components/ui/menu/menu.scss @@ -37,7 +37,7 @@ &:hover, &:active { - background: var(--color-background-alternative); + background: var(--color-background-default-hover); } &__icon { diff --git a/ui/css/itcss/components/send.scss b/ui/css/itcss/components/send.scss index 63872fc21..086b7884d 100644 --- a/ui/css/itcss/components/send.scss +++ b/ui/css/itcss/components/send.scss @@ -688,7 +688,7 @@ height: 100%; &:hover { - background-color: var(--color-background-default); + background-color: var(--color-background-default-hover); } } } diff --git a/ui/pages/create-account/connect-hardware/index.scss b/ui/pages/create-account/connect-hardware/index.scss index 5bed01b4d..3e9f1f79a 100644 --- a/ui/pages/create-account/connect-hardware/index.scss +++ b/ui/pages/create-account/connect-hardware/index.scss @@ -206,7 +206,7 @@ } &__item:hover { - background-color: var(--color-background-alternative); + background-color: var(--color-background-default-hover); } &__item__index { diff --git a/ui/pages/notifications/index.scss b/ui/pages/notifications/index.scss index 929bdae68..5e38c3c4f 100644 --- a/ui/pages/notifications/index.scss +++ b/ui/pages/notifications/index.scss @@ -82,7 +82,7 @@ cursor: pointer; &:hover { - background-color: var(--color-background-alternative); + background-color: var(--color-background-default-hover); } &__unread-dot { diff --git a/ui/pages/settings/index.scss b/ui/pages/settings/index.scss index 41948d721..13ce61c26 100644 --- a/ui/pages/settings/index.scss +++ b/ui/pages/settings/index.scss @@ -84,7 +84,7 @@ > div { &:hover { - background: var(--color-background-alternative); + background: var(--color-background-default-hover); } } diff --git a/ui/pages/swaps/dropdown-search-list/index.scss b/ui/pages/swaps/dropdown-search-list/index.scss index 18a9134c0..e08d025e5 100644 --- a/ui/pages/swaps/dropdown-search-list/index.scss +++ b/ui/pages/swaps/dropdown-search-list/index.scss @@ -44,7 +44,7 @@ height: 60px; &:hover { - background: var(--color-background-alternative); + background: var(--color-background-default-hover); } } diff --git a/ui/pages/swaps/searchable-item-list/index.scss b/ui/pages/swaps/searchable-item-list/index.scss index b65f221a8..b1bd2e589 100644 --- a/ui/pages/swaps/searchable-item-list/index.scss +++ b/ui/pages/swaps/searchable-item-list/index.scss @@ -68,7 +68,7 @@ &:hover, &:focus { - background: var(--color-background-alternative); + background: var(--color-background-default-hover); } &--selected {