@scattered-light/loomiere-mojave 0.1.1 → 0.3.0

package/dist/exports/shadcn.css

@@ -0,0 +1,111 @@
+/* shadcn/ui variables for "mojave". Generated by loomiere build; do not edit.
+   @import "tailwindcss";
+   @import "<theme>/exports/shadcn.css";
+   Replaces everything after the imports in shadcn's globals.css. Every variable
+   points at a --sl- concept, so dark mode, contrast modes and color vision themes come
+   along. Dark mode is data-theme="dark" on <html> (next-themes: attribute="data-theme"), or the
+   system setting. With the Loomiere Tailwind theme as well, import this after it: text-xs to
+   text-lg come back for shadcn's components, sized by the text tiers. */
+@import "../tokens.css";
+
+:root {
+  --background: var(--sl-surface-canvas);
+  --foreground: var(--sl-text-primary);
+  --card: var(--sl-surface-raised);
+  --card-foreground: var(--sl-text-primary);
+  --popover: var(--sl-popup-background);
+  --popover-foreground: var(--sl-item-color);
+  --primary: var(--sl-scope-accent-solid);
+  --primary-foreground: var(--sl-scope-accent-on-solid);
+  --secondary: var(--sl-scope-chrome-soft);
+  --secondary-foreground: var(--sl-scope-chrome-on-soft);
+  --muted: var(--sl-fill-subtle);
+  --muted-foreground: var(--sl-text-secondary);
+  --accent: var(--sl-item-background-hover);
+  --accent-foreground: var(--sl-item-color-hover);
+  --destructive: var(--sl-scope-error-solid);
+  --destructive-foreground: var(--sl-scope-error-on-solid);
+  --border: var(--sl-border-default);
+  --input: var(--sl-border-control);
+  --ring: var(--sl-focus-ring);
+  --chart-1: var(--sl-color-data-1);
+  --chart-2: var(--sl-color-data-2);
+  --chart-3: var(--sl-color-data-3);
+  --chart-4: var(--sl-color-data-4);
+  --chart-5: var(--sl-color-data-5);
+  --sidebar: var(--sl-surface-tray);
+  --sidebar-foreground: var(--sl-text-primary);
+  --sidebar-primary: var(--sl-scope-accent-solid);
+  --sidebar-primary-foreground: var(--sl-scope-accent-on-solid);
+  --sidebar-accent: var(--sl-item-background-hover);
+  --sidebar-accent-foreground: var(--sl-item-color-hover);
+  --sidebar-border: var(--sl-border-default);
+  --sidebar-ring: var(--sl-focus-ring);
+  --radius: var(--sl-radius-control);
+}
+
+@custom-variant dark {
+  &:where([data-theme='dark'], [data-theme='dark'] *) {
+    @slot;
+  }
+  @media (prefers-color-scheme: dark) {
+    &:where(:root:not([data-theme='light']), :root:not([data-theme='light']) *) {
+      @slot;
+    }
+  }
+}
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+  --font-sans: var(--sl-font-family-body);
+  --font-mono: var(--sl-font-family-mono);
+  --text-xs: var(--sl-font-minimize-font-size);
+  --text-xs--line-height: var(--sl-font-minimize-line-height);
+  --text-sm: var(--sl-font-condense-font-size);
+  --text-sm--line-height: var(--sl-font-condense-line-height);
+  --text-base: var(--sl-font-base-font-size);
+  --text-base--line-height: var(--sl-font-base-line-height);
+  --text-lg: var(--sl-font-magnify-font-size);
+  --text-lg--line-height: var(--sl-font-magnify-line-height);
+}
+
+/* shadcn's own base styles, kept so this file can stand in for globals.css. */
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}