systeme de themes qui fonctionnouille

frontend/src/components/ChatHeader.vue

@@ -9,6 +9,7 @@
     </div>
 
     <div class="header-right">
+      <ThemePicker v-model="theme" />
       <span v-if="ip" class="me-ip" :title="'Ton pseudo = ton IP'">{{ ip }}</span>
       <span class="balance" :class="{ 'balance--free': freeMode }" title="Tes crédits XIP">
         <span class="balance-coin">◈</span>
@@ -23,10 +24,13 @@
 
 <script setup lang="ts">
 import { useWallet } from '@/composables/useWallet';
+import { useTheme } from '@/composables/useTheme';
+import ThemePicker from './ThemePicker.vue';
 
 defineProps<{ connectedCount: number }>();
 
 const { ip, freeMode, displayBalance } = useWallet();
+const { theme } = useTheme();
 </script>
 
 <style scoped>