change default color

CortezSMz · Apr 8, 2022 · 7d592d0 · 7d592d0
1 parent 632cf7a
commit 7d592d0
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 13 deletions.
diff --git a/src/components/Controls.vue b/src/components/Controls.vue
@@ -1,10 +1,10 @@
 <template>
-  <v-footer color="primary lighten-1" app>
+  <v-footer color="primary" app>
     <v-row justify="center" align="center" class="footer-row text-center">
       <v-col cols="2">
         <v-btn
           light
-          color="primary lighten-1"
+          color="primary"
           fab
           small
           href="https://github.com/CortezSMz/connectfour"
@@ -30,11 +30,7 @@
           eager
           overlay-opacity="0.05"
         >
-          <v-alert
-            v-model="finished"
-            class="text-center"
-            color="primary lighten-1"
-          >
+          <v-alert v-model="finished" class="text-center" color="primary">
             {{
               this.$parent.manager.state.finished
                 ? this.$parent.manager.state.winner === "TIE"
@@ -50,11 +46,11 @@
               <font-awesome-icon
                 icon="gear"
                 size="2x"
-                :style="{ color: 'var(--v-primary-lighten1)' }"
+                :style="{ color: 'var(--v-primary-base)' }"
               />
             </v-btn>
           </template>
-          <v-sheet class="footer-sheet" color="primary lighten-1">
+          <v-sheet class="footer-sheet" color="primary">
             <v-row align="center" justify="center">
               <v-col cols="12">
                 <h3>Connect Four</h3>
@@ -77,7 +73,7 @@
                 <font-awesome-icon
                   icon="save"
                   size="2x"
-                  :style="{ color: 'var(--v-primary-lighten1)' }"
+                  :style="{ color: 'var(--v-primary-base)' }"
                 />
               </v-btn>
             </v-row>

diff --git a/src/plugins/vuetify.ts b/src/plugins/vuetify.ts
@@ -11,7 +11,7 @@ export default new Vuetify({
     },
     themes: {
       dark: {
-        primary: "#2361d7",
+        primary: "#4e79f4",
         secondary: "#FF0000",
       },
     },

diff --git a/src/styles/app.scss b/src/styles/app.scss
@@ -5,6 +5,6 @@ html {
 }
 
 .v-btn {
-  color: var(--v-primary-lighten1) !important;
+  color: var(--v-primary-base) !important;
   font-weight: 600 !important;
 }
diff --git a/vue.config.js b/vue.config.js
@@ -3,6 +3,6 @@ module.exports = defineConfig({
   transpileDependencies: true,
   pwa: {
     name: "Connect Four - Alexandre Cortez",
-    themeColor: "#2361d7",
+    themeColor: "#4e79f4",
   },
 });