sqlmesh/web/common/src/components/Button/Button.css at 2cd8f8bb28e7012be53360d8b914cbf19154f1e5 · SQLMesh/sqlmesh · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
:where(:root) {
  --color-button-primary-background: var(--color-action);
  --color-button-primary-foreground: var(--color-light);
  --color-button-primary-hover: var(--color-action-hover);
  --color-button-primary-active: var(--color-action-active);

  --color-button-secondary-background: var(--color-neutral-10);
  --color-button-secondary-foreground: var(--color-prose);
  --color-button-secondary-hover: var(--color-neutral-125);
  --color-button-secondary-active: var(--color-neutral-150);

  --color-button-alternative-background: var(--color-light);
  --color-button-alternative-foreground: var(--color-prose);
  --color-button-alternative-hover: var(--color-neutral-125);
  --color-button-alternative-active: var(--color-neutral-150);

  --color-button-destructive-background: var(--color-neutral-10);
  --color-button-destructive-foreground: var(--color-destructive-foreground);
  --color-button-destructive-hover: var(--color-neutral-125);
  --color-button-destructive-active: var(--color-neutral-150);

  --color-button-danger-background: var(--color-destructive);
  --color-button-danger-foreground: var(--color-light);
  --color-button-danger-hover: var(--color-destructive-hover);
  --color-button-danger-active: var(--color-destructive-active);

  --color-button-transparent-background: transparent;
  --color-button-transparent-foreground: var(--color-prose);
  --color-button-transparent-hover: var(--color-neutral-125);
  --color-button-transparent-active: var(--color-neutral-150);
}