etc
/
VueTube
mirror of https://github.com/VueTubeApp/VueTube
0
0
Fork 0
Code Issues Projects Releases Wiki Activity

improved theming

This commit is contained in:
Kenny 2022-03-02 13:57:11 -05:00
parent 090eefbf44
commit 4cd1d72eee
3 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
NUXT/components/bottomNavigation.vue
View File

@ -1,6 +1,6 @@
<template>
<v-bottom-navigation v-model="tabSelection" shift class="bottomNav py-4">
<v-bottom-navigation v-model="tabSelection" shift class="bottomNav py-4 accent2">
<v-btn v-for="(item, i) in tabs" :key="i" rounded class="navButton" :to="item.link">
<span v-text="item.name" />

4
NUXT/nuxt.config.js
View File

@ -48,12 +48,14 @@ export default {
light: {
primary: colors.red.lighten2,
accent: "#CD201F",
accent2: "#fff",
background: "#fff",
info: "#000"
},
dark: {
primary: colors.red.darken2, //colors.blue.darken2
accent: "#444",
accent: "#333",
accent2: "#333",
background: "#222",
info: "#fff",
}

4
NUXT/pages/settings.vue
View File

@ -43,9 +43,11 @@ export default {
amoled () {
this.$vuetify.theme.themes.dark.background === '#000' ? (
this.$vuetify.theme.themes.dark.accent = '#222',
this.$vuetify.theme.themes.dark.background = '#222'
this.$vuetify.theme.themes.dark.accent2 = '#222',
this.$vuetify.theme.themes.dark.background = '#333'
) : (
this.$vuetify.theme.themes.dark.accent = '#000',
this.$vuetify.theme.themes.dark.accent2 = '#000',
this.$vuetify.theme.themes.dark.background = '#000'
)
// doesn't work 😭