#131 Add danger color state for theme(s)

valantic · Jan 10, 2023 · 46109af · 46109af
1 parent 95213ad
commit 46109af
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 0 deletions.
diff --git a/src/setup/js/color.js b/src/setup/js/color.js
@@ -26,5 +26,7 @@ module.exports = {
     { name: '$color-status--success', value: ['#2fa61c'] },
     { name: '$color-status--info', value: ['#e2951f'] },
     { name: '$color-status--error', value: ['#b50f0f'] },
+    { name: '$color-status--danger', value: ['#FF9600'] },
   ],
+
 };
diff --git a/src/setup/scss/themes/theme-01.scss b/src/setup/scss/themes/theme-01.scss
@@ -18,6 +18,7 @@ $theme-01: (
   color-status-success: #2fa61c,
   color-status-info: #e2951f,
   color-status-error: #b50f0f,
+  color-status-danger: #ff9600
 );
 
 :root {

diff --git a/src/setup/scss/themes/theme-02.scss b/src/setup/scss/themes/theme-02.scss
@@ -18,6 +18,7 @@ $theme-02: (
   color-status-success: #2fa61c,
   color-status-info: #e2951f,
   color-status-error: #b50f0f,
+  color-status-danger: #ff9600
 );
 
 :root {

diff --git a/src/setup/scss/variables/_color.scss b/src/setup/scss/variables/_color.scss
@@ -43,3 +43,5 @@ $color-status--error: var(--theme-color-status-error);
 $color-status--error--rgb: var(--theme-color-status-error--rgb);
 $color-status--info: var(--theme-color-status-info);
 $color-status--info--rgb: var(--theme-color-status-info--rgb);
+$color-status--danger: var(--theme-color-status-danger);
+$color-status--danger--rgb: var(--theme-color-status-danger--rgb);