feat: Add deafen to pc, fix mobiel view, fix freeze on startup

2026-06-05 15:27:06 +02:00
parent 35f52b0356
commit a675f12e61
85 changed files with 2499 additions and 519 deletions
--- a/project-files/themes/toju-default-dark-11.json
+++ b/project-files/themes/toju-default-dark-11.json
@@ -0,0 +1,165 @@
+{
+  "meta": {
+    "name": "Toju Default Dark 11",
+    "version": "2.0.0",
+    "description": "Built-in dark glass theme for the full Toju app shell."
+  },
+  "css": "/* Dark glass app shell surfaces */\napp-chat-messages .chat-layout,\napp-dm-chat .chat-layout {\n  background-image: linear-gradient(180deg, hsl(var(--workspace-background) / 0.96), hsl(var(--background)) 38rem) !important;\n}\n\napp-chat-message-list > div {\n  background: transparent !important;\n}\n\napp-chat-message-item > div[data-message-id] {\n  margin: 8px 0 !important;\n  border: 1px solid hsl(var(--border) / 0.56) !important;\n  border-radius: 0.7rem !important;\n  background: hsl(var(--card) / 0.72) !important;\n  box-shadow: 0 14px 34px rgb(0 0 0 / 0.2) !important;\n  backdrop-filter: blur(12px) saturate(120%) !important;\n  -webkit-backdrop-filter: blur(12px) saturate(120%) !important;\n}\n\napp-chat-message-item > div[data-message-id]:hover {\n  border-color: hsl(var(--primary) / 0.42) !important;\n  background: hsl(var(--secondary) / 0.88) !important;\n}\n\napp-chat-message-composer,\n.chat-bottom-bar {\n  border-top: 0 !important;\n  background: hsl(var(--background) / 0.84) !important;\n  backdrop-filter: blur(16px) saturate(125%) !important;\n  -webkit-backdrop-filter: blur(16px) saturate(125%) !important;\n}\n\napp-chat-message-composer textarea,\napp-chat-message-composer [contenteditable=\"true\"] {\n  background: transparent !important;\n}\n",
+  "tokens": {
+    "colors": {
+      "background": "225 6% 12%",
+      "foreground": "210 40% 96%",
+      "card": "220 6% 18%",
+      "cardForeground": "210 40% 96%",
+      "popover": "220 6% 18%",
+      "popoverForeground": "210 40% 96%",
+      "primary": "234 85% 64%",
+      "primaryForeground": "222 47% 11%",
+      "secondary": "222 10% 24%",
+      "secondaryForeground": "210 40% 96%",
+      "muted": "223 18% 14%",
+      "mutedForeground": "215 20% 70%",
+      "accent": "234 32% 28%",
+      "accentForeground": "210 40% 98%",
+      "destructive": "358 82% 59%",
+      "destructiveForeground": "0 0% 100%",
+      "border": "222 18% 22%",
+      "input": "222 18% 22%",
+      "ring": "234 85% 64%",
+      "railBackground": "225 6% 12%",
+      "workspaceBackground": "220 6% 18%",
+      "panelBackground": "220 6% 18%",
+      "panelBackgroundAlt": "225 6% 15%",
+      "titleBarBackground": "225 6% 9%",
+      "surfaceHighlight": "234 85% 64%",
+      "surfaceHighlightAlt": "261 82% 72%"
+    },
+    "spacing": {},
+    "radii": {
+      "radius": "0.875rem",
+      "surface": "1.35rem",
+      "pill": "999px"
+    },
+    "effects": {
+      "panelShadow": "0 24px 60px rgba(0, 0, 0, 0.42)",
+      "softShadow": "0 14px 36px rgba(0, 0, 0, 0.28)",
+      "glassBlur": "blur(18px) saturate(135%)"
+    }
+  },
+  "layout": {
+    "serversRail": {
+      "container": "appShell",
+      "grid": {
+        "x": 0,
+        "y": 0,
+        "w": 1,
+        "h": 1
+      }
+    },
+    "appWorkspace": {
+      "container": "appShell",
+      "grid": {
+        "x": 1,
+        "y": 0,
+        "w": 19,
+        "h": 1
+      }
+    },
+    "chatRoomChannelsPanel": {
+      "container": "roomLayout",
+      "grid": {
+        "x": 0,
+        "y": 0,
+        "w": 4,
+        "h": 12
+      }
+    },
+    "chatRoomMainPanel": {
+      "container": "roomLayout",
+      "grid": {
+        "x": 4,
+        "y": 0,
+        "w": 12,
+        "h": 12
+      }
+    },
+    "chatRoomMembersPanel": {
+      "container": "roomLayout",
+      "grid": {
+        "x": 16,
+        "y": 0,
+        "w": 4,
+        "h": 12
+      }
+    },
+    "dmConversationsPanel": {
+      "container": "dmLayout",
+      "grid": {
+        "x": 0,
+        "y": 0,
+        "w": 4,
+        "h": 12
+      }
+    },
+    "dmChatPanel": {
+      "container": "dmLayout",
+      "grid": {
+        "x": 4,
+        "y": 0,
+        "w": 16,
+        "h": 12
+      }
+    }
+  },
+  "elements": {
+    "titleBar": {
+      "border": "0",
+      "backgroundColor": "hsl(var(--title-bar-background) / 0.88)",
+      "boxShadow": "0 12px 28px rgba(0, 0, 0, 0.22)",
+      "backdropFilter": "var(--theme-effect-glass-blur)"
+    },
+    "serversRail": {
+      "border": "0",
+      "backgroundColor": "hsl(var(--rail-background) / 0.94)",
+      "boxShadow": "var(--theme-effect-panel-shadow)"
+    },
+    "appWorkspace": {
+      "backgroundColor": "hsl(var(--workspace-background))"
+    },
+    "chatRoomChannelsPanel": {
+      "border": "0",
+      "backgroundColor": "hsl(var(--panel-background) / 0.86)",
+      "backdropFilter": "var(--theme-effect-glass-blur)"
+    },
+    "chatRoomMembersPanel": {
+      "border": "0",
+      "backgroundColor": "hsl(var(--panel-background) / 0.82)",
+      "backdropFilter": "var(--theme-effect-glass-blur)"
+    },
+    "chatRoomMainPanel": {
+      "backgroundColor": "hsl(var(--workspace-background))"
+    },
+    "chatSurface": {
+      "backgroundColor": "transparent"
+    },
+    "chatMessageBubble": {
+      "border": "1px solid hsl(var(--border) / 0.56)",
+      "borderRadius": "0.7rem",
+      "backgroundColor": "hsl(var(--card) / 0.72)",
+      "boxShadow": "var(--theme-effect-soft-shadow)",
+      "backdropFilter": "blur(12px) saturate(120%)"
+    },
+    "chatComposerBar": {
+      "border": "0",
+      "backgroundColor": "hsl(var(--background) / 0.84)",
+      "backdropFilter": "var(--theme-effect-glass-blur)"
+    },
+    "chatComposerInput": {
+      "border": "1px solid hsl(var(--border) / 0.6)",
+      "borderRadius": "0.6rem",
+      "backgroundColor": "hsl(var(--panel-background-alt) / 0.8)",
+      "color": "hsl(var(--foreground))"
+    }
+  },
+  "animations": {}
+}