New experimental theme colors (#17)

Reviewed-on: https://git.maharshi.ninja/root/Piped-redesign/pulls/17

src/App.vue

@@ -2,9 +2,9 @@
     <v-app :style="bgStyles">
         <v-app-bar
             app
-            color="primary"
-            dark
             dense
+            color="#efcac3"
+            light
             v-if="$vuetify.breakpoint.width > 1000"
             class="desktop-buttons-container"
         >
@@ -70,7 +70,7 @@
                 />
             </v-navigation-drawer>
 
-            <v-app-bar app color="primary" dark dense>
+            <v-app-bar app dense :light="$vuetify.theme.dark" :dark="!$vuetify.theme.dark">
                 <v-app-bar-nav-icon @click="drawer = !drawer"></v-app-bar-nav-icon>
 
                 <v-toolbar-title>Piped Material</v-toolbar-title>
@@ -167,7 +167,7 @@ export default {
 	computed: {
 		bgStyles () {
 			return {
-				backgroundColor: this.$vuetify.theme.dark ? '#282828' : '#fbf1c7'
+				backgroundColor: this.$vuetify.theme.currentTheme.bgOne
 			}
 		},
 

src/plugins/vuetify.js

@@ -19,28 +19,28 @@ export default new Vuetify({
 		})(),
 		themes: {
 			light: {
-				primary: '#458588',
-				secondary: '#689d6a',
-				accent: '#af3a03',
-				error: '#cc241d',
-				warning: '#d79921',
-				info: '#458588',
-				success: '#98971a',
+				primary: '#455A64',
+				secondary: '#5D4037',
+				accent: '#651FFF',
+				error: '#651FFF',
+				warning: '#FFC400',
+				info: '#8D6E63',
+				success: '#00E676',
 
-				bgOne: '#fbf1c7',
-				bgTwo: '#ebdbb2'
+				bgOne: '#FAFAFA',
+				bgTwo: '#ECEFF1'
 			},
 			dark: {
-				primary: '#458588',
-				secondary: '#689d6a',
-				accent: '#af3a03',
-				error: '#cc241d',
-				warning: '#d79921',
-				info: '#458588',
-				success: '#98971a',
+				primary: '#78909C',
+				secondary: '#8D6E63',
+				accent: '#FF1744',
+				error: '#651FFF',
+				warning: '#FFC400',
+				info: '#8D6E63',
+				success: '#00E676',
 
-				bgOne: '#282828',
-				bgTwo: '#3c3836'
+				bgOne: '#212121',
+				bgTwo: '#424242'
 			}
 		}
 	}