Save dark theme prefs
This commit is contained in:
parent
d2bf04ed8a
commit
88a3837b6b
4
server/package-lock.json
generated
4
server/package-lock.json
generated
|
@ -1,12 +1,12 @@
|
|||
{
|
||||
"name": "ifms-pti-svr",
|
||||
"version": "3.3.7",
|
||||
"version": "3.3.8",
|
||||
"lockfileVersion": 2,
|
||||
"requires": true,
|
||||
"packages": {
|
||||
"": {
|
||||
"name": "ifms-pti-svr",
|
||||
"version": "3.3.7",
|
||||
"version": "3.3.8",
|
||||
"license": "ISC",
|
||||
"dependencies": {
|
||||
"@prisma/client": "^4.2.1",
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "ifms-pti-svr",
|
||||
"version": "3.3.7",
|
||||
"version": "3.3.8",
|
||||
"description": "Servidor do Portal de TI do IFMS",
|
||||
"main": "src/index.js",
|
||||
"prisma": {
|
||||
|
|
4
web/package-lock.json
generated
4
web/package-lock.json
generated
|
@ -1,12 +1,12 @@
|
|||
{
|
||||
"name": "ifms-pti",
|
||||
"version": "3.3.7",
|
||||
"version": "3.3.8",
|
||||
"lockfileVersion": 2,
|
||||
"requires": true,
|
||||
"packages": {
|
||||
"": {
|
||||
"name": "ifms-pti",
|
||||
"version": "3.3.7",
|
||||
"version": "3.3.8",
|
||||
"dependencies": {
|
||||
"@mdi/font": "^6.6.96",
|
||||
"apollo-link-ws": "^1.0.20",
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "ifms-pti",
|
||||
"version": "3.3.7",
|
||||
"version": "3.3.8",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"serve": "vue-cli-service serve",
|
||||
|
|
|
@ -65,6 +65,10 @@ export default {
|
|||
}
|
||||
},
|
||||
mounted() {
|
||||
if (localStorage.getItem('dark') == 'true') {
|
||||
this.$vuetify.theme.dark = true
|
||||
}
|
||||
|
||||
if (
|
||||
window.matchMedia &&
|
||||
window.matchMedia('(prefers-color-scheme: dark)').matches
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
<template>
|
||||
<v-btn text @click="$vuetify.theme.dark = !$vuetify.theme.dark">
|
||||
<v-btn text @click="toggleTheme">
|
||||
<v-icon :color="$vuetify.theme.dark ? 'blue darken-1' : 'yellow darken-4'">
|
||||
mdi-theme-light-dark
|
||||
</v-icon>
|
||||
|
@ -7,6 +7,12 @@
|
|||
</template>
|
||||
<script>
|
||||
export default {
|
||||
name: 'ThemeTogglerBtn'
|
||||
name: 'ThemeTogglerBtn',
|
||||
methods: {
|
||||
toggleTheme() {
|
||||
this.$vuetify.theme.dark = !this.$vuetify.theme.dark
|
||||
localStorage.setItem('dark', this.$vuetify.theme.dark)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
Loading…
Reference in New Issue
Block a user