@adaods/viva-tokens/dist/dark.css

Design tokens for Viva brand

.darkmode {
  /* BACKGROUND */
  --ads-bg-background-default: #030712;
  --ads-bg-background-hover: #111827;
  --ads-bg-background-active: #1f2937;
  --ads-bg-background-disabled: #1f2937;
  --ads-bg-muted-default: #1f2937;
  --ads-bg-muted-hover: #374151;
  --ads-bg-muted-active: #4b5563;
  --ads-bg-surface-default: #111827;
  --ads-bg-surface-hover: #1f2937;
  --ads-bg-surface-active: #374151;
  --ads-bg-inverted-default: #f3f4f6;
  --ads-bg-inverted-hover: #e5e7eb;
  --ads-bg-inverted-active: #d1d5db;
  --ads-bg-primary-default: #2563eb;
  --ads-bg-primary-hover: #3b82f6;
  --ads-bg-primary-active: #1d4ed8;
  --ads-bg-primary-weak-default: #1e40af;
  --ads-bg-primary-weak-hover: #1d4ed8;
  --ads-bg-primary-weak-active: #1e40af;
  --ads-bg-secondary-default: #d3620c;
  --ads-bg-secondary-hover: #ef8411;
  --ads-bg-secondary-active: #af430e;
  --ads-bg-secondary-weak-default: #8e3412;
  --ads-bg-secondary-weak-hover: #af430e;
  --ads-bg-secondary-weak-active: #8e3412;
  --ads-bg-positive-default: #059669;
  --ads-bg-positive-hover: #10b981;
  --ads-bg-positive-active: #047857;
  --ads-bg-positive-weak-default: #064e3b;
  --ads-bg-positive-weak-hover: #065f46;
  --ads-bg-positive-weak-active: #022c22;
  --ads-bg-destructive-default: #ef4444;
  --ads-bg-destructive-hover: #f87171;
  --ads-bg-destructive-active: #dc2626;
  --ads-bg-destructive-weak-default: #7f1d1d;
  --ads-bg-destructive-weak-hover: #991b1b;
  --ads-bg-destructive-weak-active: #450a0a;
  --ads-bg-warning-default: #d97706;
  --ads-bg-warning-hover: #f59e0b;
  --ads-bg-warning-active: #b45309;
  --ads-bg-warning-weak-default: #78350f;
  --ads-bg-warning-weak-hover: #92400e;
  --ads-bg-warning-weak-active: #451a03;
  --ads-bg-info-default: #0284c7;
  --ads-bg-info-hover: #0ea5e9;
  --ads-bg-info-active: #0369a1;
  --ads-bg-info-weak-default: #0c4a6e;
  --ads-bg-info-weak-hover: #075985;
  --ads-bg-info-weak-active: #082f49;

  /* FOREGROUND */
  --ads-fg-foreground: #f9fafb;
  --ads-fg-muted: #e5e7eb;
  --ads-fg-disabled: #4b5563;
  --ads-fg-white4ever: #ffffff;
  --ads-fg-inverted: #1f2937;
  --ads-fg-primary-default: #93c5fd;
  --ads-fg-primary-weak: #eff6ff;
  --ads-fg-secondary-default: #f7bf52;
  --ads-fg-secondary-weak: #fef9ec;
  --ads-fg-positive-default: #34d399;
  --ads-fg-positive-weak: #ecfdf5;
  --ads-fg-destructive-default: #f87171;
  --ads-fg-destructive-weak: #fef2f2;
  --ads-fg-warning-default: #f59e0b;
  --ads-fg-warning-weak: #fffbeb;
  --ads-fg-info-default: #38bdf8;
  --ads-fg-info-weak: #f0f9ff;

  /* BORDER */
  --ads-border-all: #4b5563;
  --ads-border-disabled: #374151;
  --ads-border-inverted: #f3f4f6;
  --ads-border-white4ever: #ffffff;
  --ads-border-primary: #2563eb;
  --ads-border-neutral: #4b5563;
  --ads-border-positive: #059669;
  --ads-border-destructive: #dc2626;
  --ads-border-warning: #d97706;
  --ads-border-info: #0284c7;
}