diff --git a/lib/gui/app/components/progress-button/styles/_progress-button.scss b/lib/gui/app/components/progress-button/styles/_progress-button.scss index 6e0ae820..f3671abc 100644 --- a/lib/gui/app/components/progress-button/styles/_progress-button.scss +++ b/lib/gui/app/components/progress-button/styles/_progress-button.scss @@ -59,8 +59,8 @@ $progress-button-stripes-animation-duration: 1s; } &.progress-button--striped { - $progress-button-stripes-background-color: desaturate($palette-theme-warning-background, 5%); - $progress-button-stripes-foreground-color: desaturate(darken($palette-theme-warning-background, 18%), 20%); + $progress-button-stripes-background-color: desaturate($palette-theme-primary-background, 5%); + $progress-button-stripes-foreground-color: desaturate(darken($palette-theme-primary-background, 18%), 20%); // Notice that we add `0.01` to certain gradient stop positions. // That workarounds a Chrome rendering issue where diagonal @@ -76,7 +76,7 @@ $progress-button-stripes-animation-duration: 1s; to($progress-button-stripes-background-color)); .progress-button__bar { - background-color: lighten($palette-theme-warning-background, 5%); + background-color: lighten($palette-theme-primary-background, 5%); } } diff --git a/lib/gui/css/main.css b/lib/gui/css/main.css index f3f2129a..8aa74ac0 100644 --- a/lib/gui/css/main.css +++ b/lib/gui/css/main.css @@ -6328,9 +6328,9 @@ body { .progress-button .progress-button__bar { background-color: #ff9e49; } .progress-button.progress-button--striped { - background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, #bd6415), color-stop(0.26, #fa9134), color-stop(0.5, #fa9134), color-stop(0.51, #bd6415), color-stop(0.75, #bd6415), color-stop(0.76, #fa9134), to(#fa9134)); } + background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, #3b679b), color-stop(0.26, #5c93d6), color-stop(0.5, #5c93d6), color-stop(0.51, #3b679b), color-stop(0.75, #3b679b), color-stop(0.76, #5c93d6), to(#5c93d6)); } .progress-button.progress-button--striped .progress-button__bar { - background-color: #ff9e49; } + background-color: #6ca1e0; } .progress-button__content { position: relative;