feat: harden plugin api for separate repos, signed updates and generic external login

src/ui/index.css

@@ -1,5 +1,6 @@
 @import "tailwindcss";
 @import "tw-animate-css";
+@import "./theme.css";
 @import "@fontsource-variable/jetbrains-mono";
 @import "@fontsource/jetbrains-mono/400.css";
 @import "@fontsource/jetbrains-mono/400-italic.css";
@@ -12,6 +13,9 @@
 @import "@fontsource/source-code-pro/700.css";
 @import "@fontsource/source-code-pro/700-italic.css";
 
+/* Plugins compile their own classes (termix-plugin build). */
+@source not "../../plugins";
+
 @font-face {
   font-family: "Caskaydia Cove Nerd Font Mono";
   src: url("/fonts/CaskaydiaCoveNerdFontMono-Regular.ttf") format("truetype");
@@ -44,61 +48,6 @@
   font-display: swap;
 }
 
-@custom-variant dark (&:is(.dark *));
-@custom-variant dracula (&:is(.dracula *));
-@custom-variant catppuccin (&:is(.catppuccin *));
-@custom-variant nord (&:is(.nord *));
-@custom-variant solarized (&:is(.solarized *));
-@custom-variant tokyo-night (&:is(.tokyo-night *));
-@custom-variant one-dark (&:is(.one-dark *));
-@custom-variant gruvbox (&:is(.gruvbox *));
-
-@theme inline {
-  --font-heading: var(--font-mono);
-  --font-mono: var(--font-ui, "JetBrains Mono Variable", monospace);
-  --color-accent-brand: var(--accent-brand);
-  --color-sidebar-ring: var(--sidebar-ring);
-  --color-sidebar-border: var(--sidebar-border);
-  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
-  --color-sidebar-accent: var(--sidebar-accent);
-  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
-  --color-sidebar-primary: var(--sidebar-primary);
-  --color-sidebar-foreground: var(--sidebar-foreground);
-  --color-sidebar: var(--sidebar);
-  --color-chart-5: var(--chart-5);
-  --color-chart-4: var(--chart-4);
-  --color-chart-3: var(--chart-3);
-  --color-chart-2: var(--chart-2);
-  --color-chart-1: var(--chart-1);
-  --color-ring: var(--ring);
-  --color-input: var(--input);
-  --color-border: var(--border);
-  --color-destructive: var(--destructive);
-  --color-accent-foreground: var(--accent-foreground);
-  --color-accent: var(--accent);
-  --color-muted-foreground: var(--muted-foreground);
-  --color-muted: var(--muted);
-  --color-secondary-foreground: var(--secondary-foreground);
-  --color-secondary: var(--secondary);
-  --color-primary-foreground: var(--primary-foreground);
-  --color-primary: var(--primary);
-  --color-popover-foreground: var(--popover-foreground);
-  --color-popover: var(--popover);
-  --color-card-foreground: var(--card-foreground);
-  --color-card: var(--card);
-  --color-foreground: var(--foreground);
-  --color-background: var(--background);
-  --color-surface: var(--surface);
-  --color-surface-dim: var(--surface-dim);
-  --radius-sm: calc(var(--radius) * 0.6);
-  --radius-md: calc(var(--radius) * 0.8);
-  --radius-lg: var(--radius);
-  --radius-xl: calc(var(--radius) * 1.4);
-  --radius-2xl: calc(var(--radius) * 1.8);
-  --radius-3xl: calc(var(--radius) * 2.2);
-  --radius-4xl: calc(var(--radius) * 2.6);
-}
-
 :root {
   --accent-brand: #f59145;
   --motion-duration-micro: 110ms;
@@ -633,28 +582,6 @@ html.fs-xl {
   }
 }
 
-@utility scrollbar-none {
-  scrollbar-width: none;
-  &::-webkit-scrollbar {
-    display: none;
-  }
-}
-
-@utility thin-scrollbar {
-  scrollbar-width: thin;
-  scrollbar-color: oklch(1 0 0 / 15%) transparent;
-  &::-webkit-scrollbar {
-    width: 4px;
-  }
-  &::-webkit-scrollbar-track {
-    background: transparent;
-  }
-  &::-webkit-scrollbar-thumb {
-    background: oklch(1 0 0 / 15%);
-    border-radius: 2px;
-  }
-}
-
 @keyframes blink {
   0%,
   100% {
@@ -665,10 +592,6 @@ html.fs-xl {
   }
 }
 
-.terminal-toolbar-collapsed-shell {
-  position: relative;
-}
-
 /* Motion communicates state and hierarchy. Keep it off the terminal glyph layer. */
 .motion-interactive {
   transition-duration: var(--motion-duration-micro);