Merge pull request #466 from getodk/warning-light

Use different warning color for background color
getodk · May 18, 2021 · 4f366fd · 4f366fd
2 parents 031e67d + 3df911d
commit 4f366fd
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/src/assets/scss/_variables.scss b/src/assets/scss/_variables.scss
@@ -32,6 +32,7 @@ $color-info: #31708f;
 $color-info-light: #d9edf7;
 $color-info-dark: darken($color-info, 10%);
 $color-warning: #f29e00;
+$color-warning-light: #f5c93b;
 $color-danger: #de2a11;
 $color-danger-light: #ffe6e6;
 $color-danger-dark: darken($color-danger, 10%);

diff --git a/src/components/form-attachment/popups.vue b/src/components/form-attachment/popups.vue
@@ -227,7 +227,7 @@ $popup-width: 300px;
     #form-attachment-popups-unmatched {
       $padding: 10px;
 
-      background-color: $color-warning;
+      background-color: $color-warning-light;
       font-size: 12px;
       line-height: 14px;
       margin-bottom: 17px;

diff --git a/src/components/modal.vue b/src/components/modal.vue
@@ -237,7 +237,7 @@ export default {
 }
 
 .modal-warnings {
-  background-color: $color-warning;
+  background-color: $color-warning-light;
   margin-bottom: 15px;
   padding: 15px;