diff --git a/app/webpacker/css/admin/components/buttons.scss b/app/webpacker/css/admin/components/buttons.scss index c5804a76f0..1291d04e15 100644 --- a/app/webpacker/css/admin/components/buttons.scss +++ b/app/webpacker/css/admin/components/buttons.scss @@ -76,3 +76,18 @@ button:not(.plain):not(.trix-button), } } } + +input.red, +a.button.red, +button.red { + background-color: $color-warning; + margin-right: 5px; + color: #ffffff; +} + +a.button.red { + &:not(:hover) { + color: #fff; + background-color: $color-warning; + } +} diff --git a/app/webpacker/css/admin/openfoodnetwork.scss b/app/webpacker/css/admin/openfoodnetwork.scss index d8b077a321..a579c8415a 100644 --- a/app/webpacker/css/admin/openfoodnetwork.scss +++ b/app/webpacker/css/admin/openfoodnetwork.scss @@ -38,21 +38,6 @@ div.error:not(.flash) { margin-bottom: 0; } -input.red, -a.button.red, -button.red { - background-color: $color-warning; - margin-right: 5px; - color: #ffffff; -} - -a.button.red { - &:not(:hover) { - color: #fff; - background-color: $color-warning; - } -} - input.orange { background-color: #ff9848; margin-right: 5px; diff --git a/app/webpacker/css/admin_v3/components/buttons.scss b/app/webpacker/css/admin_v3/components/buttons.scss index bfb23abc67..552735b911 100644 --- a/app/webpacker/css/admin_v3/components/buttons.scss +++ b/app/webpacker/css/admin_v3/components/buttons.scss @@ -89,6 +89,16 @@ button:not(.plain):not(.trix-button), height: $btn-relaxed-height; } + &.red { + background-color: $color-btn-red-bg; + border-color: $color-btn-red-bg; + + &:hover { + background-color: $color-btn-red-hover-bg; + border-color: $color-btn-red-hover-bg; + } + } + .badge { position: absolute; top: 0; diff --git a/app/webpacker/css/admin_v3/globals/variables.scss b/app/webpacker/css/admin_v3/globals/variables.scss index eb06e5e998..957b2e51c0 100644 --- a/app/webpacker/css/admin_v3/globals/variables.scss +++ b/app/webpacker/css/admin_v3/globals/variables.scss @@ -45,6 +45,8 @@ $color-btn-hover-bg: $orient !default; $color-btn-hover-text: $white !default; $color-btn-hover-border: $dark-blue !default; $color-btn-disabled-bg: $light-grey !default; +$color-btn-red-bg: $red !default; +$color-btn-red-hover-bg: $roof-terracotta !default; // Actions colors $color-action-edit-bg: very-light($color-success, 5 ) !default;