edit: position logo ts + correction z-index, filtrage par username, gamme colorée adaptée + changement du fond avec le thème
This commit is contained in:
@@ -125,7 +125,8 @@
|
||||
emits: ['themeDark', 'themeLight'],
|
||||
data(){
|
||||
return{
|
||||
isChecked: false
|
||||
isChecked: false,
|
||||
target: null
|
||||
}
|
||||
},
|
||||
methods:{
|
||||
@@ -133,15 +134,18 @@
|
||||
if(this.isChecked){
|
||||
this.isChecked = false;
|
||||
this.$emit('themeLight');
|
||||
this.target.style.filter = 'invert(1) saturate(333%) brightness(93%) hue-rotate(90deg)'
|
||||
return document.documentElement.setAttribute("data-theme", "light")
|
||||
}else{
|
||||
this.isChecked = true;
|
||||
this.$emit('themeDark');
|
||||
this.target.style.filter = 'invert(0) saturate(161%) brightness(117%) hue-rotate(1.61deg)'
|
||||
return document.documentElement.setAttribute("data-theme", "dark")
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted(){
|
||||
async mounted(){
|
||||
this.target = await document.querySelector('#canvas video');
|
||||
console.log("Theme button is loaded!");
|
||||
}
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user