{
  "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": {}
}