feat: Theme engine

big changes

toju-app/src/app/features/shell/title-bar.component.ts

@@ -37,6 +37,7 @@ import { STORAGE_KEY_CURRENT_USER_ID } from '../../core/constants';
 import { LeaveServerDialogComponent } from '../../shared';
 import { Room } from '../../shared-kernel';
 import { VoiceWorkspaceService } from '../../domains/voice-session';
+import { ThemeNodeDirective } from '../../domains/theme';
 
 @Component({
   selector: 'app-title-bar',
@@ -44,7 +45,8 @@ import { VoiceWorkspaceService } from '../../domains/voice-session';
   imports: [
     CommonModule,
     NgIcon,
-    LeaveServerDialogComponent
+    LeaveServerDialogComponent,
+    ThemeNodeDirective
   ],
   viewProviders: [
     provideIcons({ lucideMinus,
@@ -109,23 +111,6 @@ export class TitleBarComponent {
 
     return voiceChannel?.name || 'Voice Lounge';
   });
-  roomContextTitle = computed(() => {
-    const room = this.currentRoom();
-
-    if (!room) {
-      return '';
-    }
-
-    if (this.isVoiceWorkspaceExpanded()) {
-      return `${room.name} / ${this.connectedVoiceChannelName()}`;
-    }
-
-    if (this.textChannels().length === 0) {
-      return room.name;
-    }
-
-    return `${room.name} / #${this.activeTextChannelName()}`;
-  });
   roomContextMeta = computed(() => {
     if (!this.currentRoom()) {
       return '';