diff --git a/lib/gui/app/components/drive-selector/templates/drive-selector-modal.tpl.html b/lib/gui/app/components/drive-selector/templates/drive-selector-modal.tpl.html index 92695fe2..89bb1071 100644 --- a/lib/gui/app/components/drive-selector/templates/drive-selector-modal.tpl.html +++ b/lib/gui/app/components/drive-selector/templates/drive-selector-modal.tpl.html @@ -55,6 +55,9 @@ diff --git a/lib/gui/app/scss/components/_button.scss b/lib/gui/app/scss/components/_button.scss index aba5856c..b797aeff 100644 --- a/lib/gui/app/scss/components/_button.scss +++ b/lib/gui/app/scss/components/_button.scss @@ -69,6 +69,10 @@ $button-types-styles: ( danger: ( bg: $palette-theme-danger-background, color: $palette-theme-danger-foreground + ), + warning: ( + bg: $palette-theme-warning-background, + color: $palette-theme-danger-foreground ) ); diff --git a/lib/gui/app/scss/modules/_theme.scss b/lib/gui/app/scss/modules/_theme.scss index eb05d96f..a09fac04 100644 --- a/lib/gui/app/scss/modules/_theme.scss +++ b/lib/gui/app/scss/modules/_theme.scss @@ -30,6 +30,7 @@ $palette-theme-default-foreground: #b3b3b3; $palette-theme-primary-background: #5793db; $palette-theme-primary-foreground: #fff; $palette-theme-warning-background: #ff912f; +$palette-theme-warning-foreground: #fff; $palette-theme-danger-background: #d9534f; $palette-theme-danger-foreground: #fff; $palette-theme-success-background: #5fb835; diff --git a/lib/gui/css/main.css b/lib/gui/css/main.css index 20d400c2..904d3411 100644 --- a/lib/gui/css/main.css +++ b/lib/gui/css/main.css @@ -6160,6 +6160,15 @@ body { background-color: #c9302c; color: #fff; } +.button-warning { + background-color: #ff912f; + color: #fff; } + +.button-warning:focus, +.button-warning:hover { + background-color: #fb7600; + color: #fff; } + /* * Copyright 2016 resin.io *