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

fix theme bugs // remove "ew" theme

This commit is contained in:
Kenny 2022-03-02 10:57:29 -05:00
parent 02c4b8847c
commit 1704abdfcf
2 changed files with 13 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
NUXT/nuxt.config.js
View File

@ -46,16 +46,15 @@ export default {
dark: false,
themes: {
light: {
background: "#ffffff",
primary: colors.red.lighten2,
accent: "#CD201F",
background: "#fff",
info: "#000"
},
dark: {
background: "#444444",
primary: colors.red.darken2, //colors.blue.darken2
accent: colors.grey.darken3,
secondary: colors.amber.darken3,
accent: "#444",
background: "#222",
info: "#fff",
}
}

35
NUXT/pages/settings.vue
View File

@ -2,7 +2,7 @@
<div class="mainContainer pt-1">
<v-card class="pb-5">
<v-card class="pb-5">
<v-card-title>Theme</v-card-title>
<v-row class="ml-3 mr-6">
<section class="row">
@ -15,20 +15,12 @@
/>
</section>
<v-btn v-if="$vuetify.theme.dark" text tile class="white--text black" @click="amoled" >
{{
this.$vuetify.theme.themes.dark.background === '#000000'
? 'LCD'
{{
this.$vuetify.theme.themes.dark.background === '#000'
? 'LCD'
: 'OLED'
}}
<v-icon :size="this.$vuetify.theme.themes.dark.background === '#000000' ? '.5rem' : '.9rem'" class="ml-2">mdi-brightness-2</v-icon>
</v-btn>
<v-btn v-else text tile class="white--text red" @click="nored" >
{{
this.$vuetify.theme.themes.light.accent === '#888'
? 'RED'
: 'EWW'
}}
<v-icon :size="this.$vuetify.theme.themes.light.accent === '#888' ? '.5rem' : '.9rem'" class="ml-2">mdi-brightness-1</v-icon>
<v-icon :size="this.$vuetify.theme.themes.dark.background === '#000' ? '.5rem' : '.9rem'" class="ml-2">mdi-brightness-2</v-icon>
</v-btn>
</v-row>
</v-card>
@ -48,20 +40,13 @@
<script>
export default {
methods: {
nored () {
this.$vuetify.theme.themes.light.accent === '#888' ? (
this.$vuetify.theme.themes.light.accent = '#e00'
) : (
this.$vuetify.theme.themes.light.accent = '#888'
)
},
amoled () {
this.$vuetify.theme.themes.dark.background === '#000000' ? (
this.$vuetify.theme.themes.dark.accent = '#444444',
this.$vuetify.theme.themes.dark.background = '#111111'
this.$vuetify.theme.themes.dark.background === '#000' ? (
this.$vuetify.theme.themes.dark.accent = '#444',
this.$vuetify.theme.themes.dark.background = '#222'
) : (
this.$vuetify.theme.themes.dark.accent = '#000000',
this.$vuetify.theme.themes.dark.background = '#000000'
this.$vuetify.theme.themes.dark.accent = '#000',
this.$vuetify.theme.themes.dark.background = '#000'
)
// doesn't work 😭
// console.log(document.getElementsByClassName('v-application--wrap')[0])