edit: position logo ts + correction z-index, filtrage par username, gamme colorée adaptée + changement du fond avec le thème

v1-com-officielle/src/titleComponents/ColorBtn.vue

@@ -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!");
     }
   };

v1-com-officielle/src/titleComponents/GeneratedContent.vue

@@ -4,7 +4,7 @@
 
 <template>
     <div id="generatedContainer" ref="generatorContainer">
-    <div class="loadingOverlay" v-show="overlayIsActive"><p id="loadingOText">ça charge...</p></div>
+    <div class="loadingOverlay" v-show="false"><p id="loadingOText">ça charge...</p></div>
       <div class="imgContainer" :id="'div'+item.id" :class="{highlightItem: item.isHighlight===1, highlightMax: item.isHighlight===2}" v-for="item in randomImgList" :key="item.id" :style="{
                                                                                                   left: item.x + 'px',
                                                                                                   top: item.y + 'px'

v1-com-officielle/src/titleComponents/MusicPlayer.vue

@@ -52,6 +52,7 @@
     align-items: center;
     justify-content: flex-start;
     padding-top: 13.12px;
+    z-index: 0;
   }
 
   #playerContainer .iconBtnStyle{

v1-com-officielle/src/titleComponents/TitleText.vue

@@ -30,7 +30,7 @@
               <br>
               20h/ Début des shows
               <br>
-              &emsp;&emsp;&emsp; &rarr; &rarr; &rarr; jusqu'à 1h
+              &emsp;&emsp; &rarr; &rarr; &rarr; jusqu'à 1h
               </p>
             </time>
           </div>