Updating all background-default hovers colors (#16519)

2 years ago · 653031b909
parent 27e8f0ffaa
commit 653031b909
15 changed files with 22 additions and 18 deletions
--- 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);
      }
    }

--- 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 {
--- 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;
            }
          `}
--- 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] {
--- 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);
    }
  }
 }
--- 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);
    }
  }

--- 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);
    }
  }

--- 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 {
--- 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 {
--- 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);
        }
      }
    }
--- 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 {
--- 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 {
--- 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);
          }
        }

--- 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);
    }
  }

--- 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 {