chore: work on color contrast

data-fair · Jan 27, 2025 · 39c5edc · 39c5edc
1 parent 3aae24d
commit 39c5edc
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 7 deletions.
diff --git a/nuxt.config.js b/nuxt.config.js
@@ -29,11 +29,11 @@ if (process.env.NODE_ENV !== 'production' || isBuilding) {
           primary: '#1E88E5', // blue.darken1
           secondary: '#42A5F5', // blue.lighten1,
           accent: '#FF9800', // orange.base
-          error: 'FF5252', // red.accent2
+          error: '#D50000', // red-accent-4
           info: '#2196F3', // blue.base
-          success: '#4CAF50', // green.base
-          warning: '#E91E63', // pink.base
-          admin: '#E53935' // red.darken1
+          success: '#2E7D32', // green-darken-3
+          warning: '#D81B60', // pink-darken-1
+          admin: '#B71C1C' // red-darken-4
         },
         dark: {
           primary: '#42A5F5', // colors.blue.lighten1,

diff --git a/public/assets/variables.scss b/public/assets/variables.scss
@@ -1,4 +1,13 @@
 $body-font-family: 'Nunito', serif;
 $btn-outline-border-width: 2px;
 $card-hover-elevation: 8;
-$card-elevation: 1;
+$card-elevation: 1;
+
+$btn-focus-opacity: 0.08;
+$btn-active-opacity: 0.08;
+
+$material-light: (
+  'text-fields': (
+    'outlined': rgba(#000000, 0.54)
+  )
+);
diff --git a/public/pages/contact.vue b/public/pages/contact.vue
@@ -8,7 +8,6 @@
         <v-form
           ref="form"
           v-model="valid"
-          lazy-validation
         >
           <v-text-field
             v-model="message.from"
@@ -119,7 +118,7 @@ const newMessage = { from: '', subject: '', text: '' }
 export default {
   middleware: 'portal-required',
   data: () => ({
-    valid: true,
+    valid: false,
     message: { ...newMessage },
     token: null,
     tokenError: null,