Merge pull request #790 from eddieferrer/color_change

feat: change danger background color
eddieferrer · Apr 26, 2024 · 3ec0bd6 · 3ec0bd6
2 parents cad8962 + 41d386c
commit 3ec0bd6
Show file tree

Hide file tree

Showing 12 changed files with 13 additions and 13 deletions.
diff --git a/frontend/components/ChangePasswordForm.vue b/frontend/components/ChangePasswordForm.vue
@@ -16,7 +16,7 @@
       <form @submit.prevent="resetPassword">
         <div v-if="password_change_error.general" class="columns">
           <div class="column">
-            <div class="level box is-marginless has-background-danger">
+            <div class="level box is-marginless has-background-danger-dark">
               <span class="message">{{
                 password_change_error.general | capitalize
               }}</span>

diff --git a/frontend/components/ChangePasswordModal.vue b/frontend/components/ChangePasswordModal.vue
@@ -17,7 +17,7 @@
       <section class="modal-card-body">
         <div v-if="formErrors && showAlert" class="columns">
           <div class="column">
-            <div class="level box is-marginless has-background-danger">
+            <div class="level box is-marginless has-background-danger-dark">
               <span class="has-text-white"
                 >There was an error changing your password.</span
               >

diff --git a/frontend/components/EditUserDetailsModal.vue b/frontend/components/EditUserDetailsModal.vue
@@ -17,7 +17,7 @@
       <section class="modal-card-body">
         <div v-if="formErrors && showAlert" class="columns">
           <div class="column">
-            <div class="level box is-marginless has-background-danger">
+            <div class="level box is-marginless has-background-danger-dark">
               <span class="has-text-white"
                 >There was an error changing your account details.</span
               >

diff --git a/frontend/components/FacebookAccountRedirect.vue b/frontend/components/FacebookAccountRedirect.vue
@@ -4,7 +4,7 @@
       <div class="column">
         <div
           v-if="fb_login_error != ''"
-          class="level box is-marginless has-background-danger"
+          class="level box is-marginless has-background-danger-dark"
         >
           <span class="has-text-white">{{ fb_login_error | capitalize }}</span>
         </div>

diff --git a/frontend/components/FlashMessage.vue b/frontend/components/FlashMessage.vue
@@ -36,15 +36,15 @@ export default {
       let flashClass = '';
 
       if (this.getParameterByName('deleted')) {
-        flashClass = 'has-background-danger';
+        flashClass = 'has-background-danger-dark';
         message = 'Your account has been deleted.';
       }
       if (this.getParameterByName('changed')) {
         flashClass = 'has-background-success';
         message = 'Account details changed. This is your new profile page.';
       }
       if (this.getParameterByName('loginagain')) {
-        flashClass = 'has-background-danger';
+        flashClass = 'has-background-danger-dark';
         message = 'Please login again.';
       }
 

diff --git a/frontend/components/ItemListFiltersServer.vue b/frontend/components/ItemListFiltersServer.vue
@@ -581,7 +581,7 @@ export default {
       })
       .catch(() => {
         this.$store.dispatch('SHOW_FLASH_MESSAGE', {
-          class: 'has-background-danger',
+          class: 'has-background-danger-dark',
           message:
             'There has been a fatal server error. Please reload the page.',
         });

diff --git a/frontend/components/ItemListServer.vue b/frontend/components/ItemListServer.vue
@@ -286,7 +286,7 @@ export default {
         })
         .catch((error) => {
           this.$store.dispatch('SHOW_FLASH_MESSAGE', {
-            class: 'has-background-danger',
+            class: 'has-background-danger-dark',
             message: error,
           });
           this.componentState = 'error';

diff --git a/frontend/components/LoginForm.vue b/frontend/components/LoginForm.vue
@@ -21,7 +21,7 @@
         </p>
         <div v-if="login_error" class="columns">
           <div class="column">
-            <div class="level box is-marginless has-background-danger">
+            <div class="level box is-marginless has-background-danger-dark">
               <span class="message">{{ login_error | capitalize }}</span>
             </div>
           </div>

diff --git a/frontend/components/RegistrationForm.vue b/frontend/components/RegistrationForm.vue
@@ -13,7 +13,7 @@
         </p>
         <div v-if="registration_error" class="columns">
           <div class="column">
-            <div class="level box is-marginless has-background-danger">
+            <div class="level box is-marginless has-background-danger-dark">
               <span class="message">{{ registration_error | capitalize }}</span>
             </div>
           </div>

diff --git a/frontend/pages/match.vue b/frontend/pages/match.vue
@@ -161,7 +161,7 @@ export default {
           this.componentState = 'error';
           // show error if params missing
           this.$store.dispatch('SHOW_FLASH_MESSAGE', {
-            class: 'has-background-danger',
+            class: 'has-background-danger-dark',
             message:
               'There has been an error. Please restart the process to find a match.',
           });

diff --git a/frontend/pages/public_match.vue b/frontend/pages/public_match.vue
@@ -172,7 +172,7 @@ export default {
           this.componentState = 'error';
           // show error if params missing
           this.$store.dispatch('SHOW_FLASH_MESSAGE', {
-            class: 'has-background-danger',
+            class: 'has-background-danger-dark',
             message:
               'There has been an error. Please restart the process to find a match.',
           });

diff --git a/frontend/plugins/axios.js b/frontend/plugins/axios.js
@@ -18,7 +18,7 @@ export default function ({ $axios, redirect, store, $cookies }) {
       // If these exist vue template handles error
       if (!errorMessage || !errorMessageFeedback) {
         store.dispatch('SHOW_FLASH_MESSAGE', {
-          class: 'has-background-danger',
+          class: 'has-background-danger-dark',
           message:
             'There has been a fatal server error. Please reload the page.',
         });