feat: Theme engine

big changes

toju-app/src/app/domains/voice-session/feature/floating-voice-controls/floating-voice-controls.component.html

@@ -1,5 +1,8 @@
 @if (showFloatingControls()) {
-  <div class="fixed bottom-4 right-4 z-50 border border-border bg-card shadow-lg">
+  <div
+    appThemeNode="floatingVoiceControls"
+    class="fixed bottom-4 right-4 z-50 border border-border bg-card shadow-lg"
+  >
     <div class="flex items-center gap-2 p-2">
       <!-- Back to server button -->
       <button

toju-app/src/app/domains/voice-session/feature/floating-voice-controls/floating-voice-controls.component.ts

@@ -27,6 +27,7 @@ import { ScreenShareFacade, ScreenShareQuality } from '../../../../domains/scree
 import { UsersActions } from '../../../../store/users/users.actions';
 import { selectCurrentUser } from '../../../../store/users/users.selectors';
 import { DebugConsoleComponent, ScreenShareQualityDialogComponent } from '../../../../shared';
+import { ThemeNodeDirective } from '../../../../domains/theme';
 
 @Component({
   selector: 'app-floating-voice-controls',
@@ -35,7 +36,8 @@ import { DebugConsoleComponent, ScreenShareQualityDialogComponent } from '../../
     CommonModule,
     NgIcon,
     DebugConsoleComponent,
-    ScreenShareQualityDialogComponent
+    ScreenShareQualityDialogComponent,
+    ThemeNodeDirective
   ],
   viewProviders: [
     provideIcons({