index.css raw

   1  @layer base {
   2    * {
   3      @apply border-border outline-ring/50;
   4    }
   5    body {
   6      @apply bg-background text-foreground;
   7    }
   8  }
   9  
  10  @theme inline {
  11    /* Bound to per-theme `--app-font-sans` (default in `base.css`, overridden in `alby.css`). */
  12    --font-sans: var(--app-font-sans);
  13  
  14    --radius-sm: calc(var(--radius) - 4px);
  15    --radius-md: calc(var(--radius) - 2px);
  16    --radius-lg: var(--radius);
  17    --radius-xl: calc(var(--radius) + 4px);
  18    --color-background: var(--background);
  19    --color-foreground: var(--foreground);
  20    --color-card: var(--card);
  21    --color-card-foreground: var(--card-foreground);
  22    --color-popover: var(--popover);
  23    --color-popover-foreground: var(--popover-foreground);
  24    --color-primary: var(--primary);
  25    --color-primary-foreground: var(--primary-foreground);
  26    --color-secondary: var(--secondary);
  27    --color-secondary-foreground: var(--secondary-foreground);
  28    --color-muted: var(--muted);
  29    --color-muted-foreground: var(--muted-foreground);
  30    --color-accent: var(--accent);
  31    --color-accent-foreground: var(--accent-foreground);
  32    --color-destructive: var(--destructive);
  33    --color-border: var(--border);
  34    --color-input: var(--input);
  35    --color-ring: var(--ring);
  36    --color-chart-1: var(--chart-1);
  37    --color-chart-2: var(--chart-2);
  38    --color-chart-3: var(--chart-3);
  39    --color-chart-4: var(--chart-4);
  40    --color-chart-5: var(--chart-5);
  41    --color-sidebar: var(--sidebar);
  42    --color-sidebar-foreground: var(--sidebar-foreground);
  43    --color-sidebar-primary: var(--sidebar-primary);
  44    --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
  45    --color-sidebar-accent: var(--sidebar-accent);
  46    --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
  47    --color-sidebar-border: var(--sidebar-border);
  48    --color-sidebar-ring: var(--sidebar-ring);
  49  
  50    /* Custom colors */
  51  
  52    --color-positive: var(--positive);
  53    --color-positive-foreground: var(--positive-foreground);
  54  
  55    --color-warning: var(--warning);
  56    --color-warning-foreground: var(--warning-foreground);
  57    --color-payment-lightning: var(--payment-lightning);
  58    --color-payment-onchain: var(--payment-onchain);
  59    --color-qr-foreground: var(--qr-foreground);
  60    --color-qr-background: var(--qr-background);
  61  
  62    --shadow-sm: none;
  63  
  64    --animate-spin-slow: spin 3s linear infinite;
  65    --animate-highlight: pulse 1s 2 cubic-bezier(0.4, 0, 0.6, 1);
  66  }
  67