style: Update default theme

2026-05-25 16:51:44 +02:00
parent 155fe20862
commit 1259645706
23 changed files with 1206 additions and 630 deletions
--- a/project-files/themes/toju-website-dark.json
+++ b/project-files/themes/toju-website-dark.json
@@ -0,0 +1,165 @@
+{
+  "meta": {
+    "name": "Toju Website Dark",
+    "version": "1.0.0",
+    "description": "Website-inspired dark app theme using the charcoal, green, and amber palette from the public Toju site."
+  },
+  "css": "/* Website-inspired 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(--card) / 0.84) !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: hsl(var(--panel-background-alt) / 0.8) !important;\n}\n",
+  "tokens": {
+    "colors": {
+      "background": "210 18% 7%",
+      "foreground": "42 33% 94%",
+      "card": "210 17% 10%",
+      "cardForeground": "42 33% 94%",
+      "popover": "210 17% 9%",
+      "popoverForeground": "42 33% 94%",
+      "primary": "154 49% 55%",
+      "primaryForeground": "210 18% 7%",
+      "secondary": "210 14% 15%",
+      "secondaryForeground": "42 33% 94%",
+      "muted": "210 14% 15%",
+      "mutedForeground": "42 13% 67%",
+      "accent": "38 64% 61%",
+      "accentForeground": "210 18% 7%",
+      "destructive": "0 72% 55%",
+      "destructiveForeground": "0 0% 100%",
+      "border": "210 13% 22%",
+      "input": "210 13% 22%",
+      "ring": "154 49% 55%",
+      "railBackground": "210 19% 6%",
+      "workspaceBackground": "210 18% 8%",
+      "panelBackground": "210 17% 10%",
+      "panelBackgroundAlt": "210 14% 13%",
+      "titleBarBackground": "210 19% 6%",
+      "surfaceHighlight": "154 49% 55%",
+      "surfaceHighlightAlt": "38 64% 61%"
+    },
+    "spacing": {},
+    "radii": {
+      "radius": "0.6rem",
+      "surface": "0.85rem",
+      "pill": "999px"
+    },
+    "effects": {
+      "panelShadow": "0 28px 64px rgba(0, 0, 0, 0.34)",
+      "softShadow": "0 16px 36px rgba(0, 0, 0, 0.22)",
+      "glassBlur": "blur(16px) saturate(125%)"
+    }
+  },
+  "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": {}
+}