diff --git a/app/webpacker/css/admin/products_v3.scss b/app/webpacker/css/admin/products_v3.scss index 6316027db0..2ac6a85eff 100644 --- a/app/webpacker/css/admin/products_v3.scss +++ b/app/webpacker/css/admin/products_v3.scss @@ -395,6 +395,8 @@ .button.secondary { display: block; background-color: $color-btn-secondary-hover-bg; + color: $color-btn-hover-bg; + border-color: $color-btn-hover-border; } } } diff --git a/app/webpacker/css/admin_v3/components/buttons.scss b/app/webpacker/css/admin_v3/components/buttons.scss index 37f3d9d929..0215f75952 100644 --- a/app/webpacker/css/admin_v3/components/buttons.scss +++ b/app/webpacker/css/admin_v3/components/buttons.scss @@ -54,20 +54,16 @@ button:not(.plain):not(.trix-button), &.secondary { background-color: $color-btn-secondary-bg; - border: 1px solid $color-btn-bg; - color: $color-btn-bg; + color: $color-link; &:hover { - background-color: $color-11; - border: 1px solid $color-btn-secondary-hover-bg; - color: $color-btn-secondary-hover-bg; + background-color: $color-btn-secondary-hover-bg; } - &:active, &:focus { - background-color: $color-11; - border: 1px solid $color-4; - color: $color-4; + background-color: $color-btn-secondary-hover-bg; + border-color: $color-link-focus; + color: $color-link-focus; } } diff --git a/app/webpacker/css/admin_v3/globals/variables.scss b/app/webpacker/css/admin_v3/globals/variables.scss index feff9ef373..29d4342278 100644 --- a/app/webpacker/css/admin_v3/globals/variables.scss +++ b/app/webpacker/css/admin_v3/globals/variables.scss @@ -54,7 +54,7 @@ $color-btn-disabled-text: $lighter-grey !default; $color-btn-red-bg: $red !default; $color-btn-red-hover-bg: $roof-terracotta !default; $color-btn-secondary-bg: $white !default; -$color-btn-secondary-hover-bg: $orient !default; +$color-btn-secondary-hover-bg: $mystic !default; // Actions colors $color-action-edit-bg: very-light($teal) !default;