edit: ajout icon & bug fix infobulle timer

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

@@ -1,15 +1,16 @@
 <script setup>
-    import CloseIcon from '../assets/icons/close.svg'
+    import DayIcon from '../assets/icons/day.svg'
+    import NightIcon from '../assets/icons/night.svg'
 </script>
 
 <template>
     <div id="colorBtnContainer">
-      <CloseIcon name="cyber" class="icon" :class="{checkedIcon: isChecked}"/>
+      <NightIcon name="cyber" class="icon" :class="{checkedIcon: isChecked}"/>
       <label class="switch">
         <input type="checkbox" @click="toggleTheme">
         <span class="slider" data-tooltip="thème"></span>
       </label>
-      <CloseIcon name="solar" class="icon" :class="{checkedIcon: !isChecked}"/>
+      <DayIcon name="solar" class="icon" :class="{checkedIcon: !isChecked}"/>
     </div>
 </template>
 
@@ -79,6 +80,7 @@
     -webkit-transition: .4s;
     transition: .4s;
     border-radius: 34px;
+    cursor: cell;
   }
 
   .slider:before {
@@ -92,6 +94,7 @@
     -webkit-transition: .4s;
     transition: .4s;
     border-radius: 50%;
+    cursor: cell;
   }
 
   input:checked + .slider {

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

@@ -1,5 +1,8 @@
 <script setup>
-  import CloseIcon from '../assets/icons/close.svg'
+  import PlayIcon from '../assets/icons/play.svg'
+  import PauseIcon from '../assets/icons/pause.svg'
+  import NextIcon from '../assets/icons/next.svg'
+  import PrevIcon from '../assets/icons/prev.svg'
   import { loadAudioData } from '@/data/audioData.js'
 </script>
 
@@ -9,13 +12,13 @@
         <p>{{audioCredits}}</p>
       </div>
       <button type="button" class="iconBtnStyle" @click="prevTrack" data-tooltip="précédente">
-        <CloseIcon name="prev" class="icon"/>
+        <PrevIcon name="prev" class="icon"/>
       </button>
       <button type="button" class="iconBtnStyle" @click="toggleAudio" data-tooltip="lancer">
-        <CloseIcon name="toggle" class="icon"/>
+        <component :is="isPlaying? PauseIcon : PlayIcon" class="icon"/>
       </button>
       <button type="button" class="iconBtnStyle" @click="nextTrack" data-tooltip="suivante">
-        <CloseIcon name="next" class="icon"/>
+        <NextIcon name="next" class="icon"/>
       </button>
     </div>
     <audio ref="selectedAudio" @ended="nextTrack">
@@ -57,6 +60,11 @@
     margin-left: 16.1px;
   }
 
+  #playerContainer .iconBtnStyle .icon{
+    pointer-events: none;
+    cursor: inherit;
+  }
+
   #playerCreditStyle{
     width: 50%;
     height: 50px;

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

@@ -76,7 +76,7 @@
     margin-left: 285px;
     margin-top: -99px;
     animation: blink 3.33s infinite;
-    mix-blend-mode: difference;
+    mix-blend-mode: exclusion;
   }
 
   /*================ PC HAUT/IPAD*/