Updating all background-default hovers colors (#16519)

feature/default_network_editable
George Marshall 2 years ago committed by GitHub
parent 27e8f0ffaa
commit 653031b909
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
  1. 4
      ui/components/app/account-menu/index.scss
  2. 2
      ui/components/app/connected-status-indicator/index.scss
  3. 2
      ui/components/app/dropdowns/dropdown.js
  4. 8
      ui/components/app/edit-gas-fee-popover/edit-gas-item/index.scss
  5. 2
      ui/components/app/flask/snaps-authorship-pill/index.scss
  6. 2
      ui/components/app/selected-account/index.scss
  7. 4
      ui/components/app/transaction-decoding/components/ui/copy-raw-data/index.scss
  8. 2
      ui/components/ui/list-item/index.scss
  9. 2
      ui/components/ui/menu/menu.scss
  10. 2
      ui/css/itcss/components/send.scss
  11. 2
      ui/pages/create-account/connect-hardware/index.scss
  12. 2
      ui/pages/notifications/index.scss
  13. 2
      ui/pages/settings/index.scss
  14. 2
      ui/pages/swaps/dropdown-search-list/index.scss
  15. 2
      ui/pages/swaps/searchable-item-list/index.scss

@ -45,11 +45,11 @@
cursor: pointer; cursor: pointer;
&:hover { &:hover {
background-color: var(--color-background-alternative); background-color: var(--color-background-default-hover);
} }
&:active { &:active {
background-color: var(--color-background-alternative); background-color: var(--color-background-default-hover);
} }
} }

@ -9,7 +9,7 @@
&:hover, &:hover,
&:active { &:active {
background-color: var(--color-background-alternative); background-color: var(--color-background-default-hover);
} }
&__inner-circle { &__inner-circle {

@ -36,7 +36,7 @@ export class Dropdown extends Component {
{` {`
li.dropdown-menu-item:hover { li.dropdown-menu-item:hover {
color:var(--color-text-default); color:var(--color-text-default);
background-color: var(--color-background-alternative); background-color: var(--color-background-default-hover);
border-radius: 4px; border-radius: 4px;
} }
`} `}

@ -12,11 +12,15 @@
width: 100%; width: 100%;
&:hover:not([disabled]) { &:hover:not([disabled]) {
background-color: var(--color-primary-muted); background-color: var(--color-background-default-hover);
} }
&--selected { &--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] { button.edit-gas-item--disabled[disabled] {

@ -18,7 +18,7 @@
&:hover, &:hover,
&:focus { &:focus {
.chip { .chip {
background-color: var(--color-background-alternative); background-color: var(--color-background-default-hover);
} }
} }
} }

@ -44,7 +44,7 @@
&:hover, &:hover,
&:active { &:active {
background-color: var(--color-background-alternative); background-color: var(--color-background-default-hover);
} }
} }

@ -12,11 +12,11 @@
background-color: transparent; background-color: transparent;
&:hover { &:hover {
background-color: var(--color-background-alternative); background-color: var(--color-background-default-hover);
} }
&:active { &:active {
background-color: var(--color-background-alternative); background-color: var(--color-background-default-hover);
} }
} }

@ -21,7 +21,7 @@
&:hover, &:hover,
&:focus-within { &:focus-within {
background-color: var(--color-background-alternative); background-color: var(--color-background-default-hover);
} }
&__icon { &__icon {

@ -37,7 +37,7 @@
&:hover, &:hover,
&:active { &:active {
background: var(--color-background-alternative); background: var(--color-background-default-hover);
} }
&__icon { &__icon {

@ -688,7 +688,7 @@
height: 100%; height: 100%;
&:hover { &:hover {
background-color: var(--color-background-default); background-color: var(--color-background-default-hover);
} }
} }
} }

@ -206,7 +206,7 @@
} }
&__item:hover { &__item:hover {
background-color: var(--color-background-alternative); background-color: var(--color-background-default-hover);
} }
&__item__index { &__item__index {

@ -82,7 +82,7 @@
cursor: pointer; cursor: pointer;
&:hover { &:hover {
background-color: var(--color-background-alternative); background-color: var(--color-background-default-hover);
} }
&__unread-dot { &__unread-dot {

@ -84,7 +84,7 @@
> div { > div {
&:hover { &:hover {
background: var(--color-background-alternative); background: var(--color-background-default-hover);
} }
} }

@ -44,7 +44,7 @@
height: 60px; height: 60px;
&:hover { &:hover {
background: var(--color-background-alternative); background: var(--color-background-default-hover);
} }
} }

@ -68,7 +68,7 @@
&:hover, &:hover,
&:focus { &:focus {
background: var(--color-background-alternative); background: var(--color-background-default-hover);
} }
&--selected { &--selected {

Loading…
Cancel
Save