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