Web Player Refactor #2
@@ -36,7 +36,7 @@
|
|||||||
|
|
||||||
const variants = {
|
const variants = {
|
||||||
primary: 'bg-cta-strong text-ink hover:brightness-95',
|
primary: 'bg-cta-strong text-ink hover:brightness-95',
|
||||||
secondary: 'bg-btn backdrop-blur-md text-fg-2 hover:bg-btn-hover hover:text-fg',
|
secondary: 'bg-elevated text-fg-2 hover:bg-btn-hover hover:text-fg',
|
||||||
accent: 'bg-accent-btn text-accent-soft hover:bg-accent-btn-hover',
|
accent: 'bg-accent-btn text-accent-soft hover:bg-accent-btn-hover',
|
||||||
danger: 'bg-danger text-on-art hover:brightness-110'
|
danger: 'bg-danger text-on-art hover:brightness-110'
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -14,7 +14,6 @@
|
|||||||
--mf-surface: rgba(255, 255, 255, 0.022);
|
--mf-surface: rgba(255, 255, 255, 0.022);
|
||||||
--mf-surface-2: rgba(255, 255, 255, 0.045);
|
--mf-surface-2: rgba(255, 255, 255, 0.045);
|
||||||
--mf-surface-hover: rgba(255, 255, 255, 0.06);
|
--mf-surface-hover: rgba(255, 255, 255, 0.06);
|
||||||
--mf-btn-bg: rgba(255, 255, 255, 0.06);
|
|
||||||
--mf-btn-bg-hover: var(--mf-surface-hover);
|
--mf-btn-bg-hover: var(--mf-surface-hover);
|
||||||
|
|
||||||
--mf-border: rgba(255, 255, 255, 0.04);
|
--mf-border: rgba(255, 255, 255, 0.04);
|
||||||
@@ -80,7 +79,6 @@
|
|||||||
--mf-surface: rgba(0, 0, 0, 0.035);
|
--mf-surface: rgba(0, 0, 0, 0.035);
|
||||||
--mf-surface-2: rgba(0, 0, 0, 0.06);
|
--mf-surface-2: rgba(0, 0, 0, 0.06);
|
||||||
--mf-surface-hover: #e8eceb;
|
--mf-surface-hover: #e8eceb;
|
||||||
--mf-btn-bg: rgba(0, 0, 0, 0.07);
|
|
||||||
--mf-btn-bg-hover: var(--mf-surface-hover);
|
--mf-btn-bg-hover: var(--mf-surface-hover);
|
||||||
|
|
||||||
--mf-scrollbar: rgba(0, 0, 0, 0.18);
|
--mf-scrollbar: rgba(0, 0, 0, 0.18);
|
||||||
|
|||||||
@@ -30,7 +30,6 @@
|
|||||||
--color-on-art-2: var(--mf-on-art-2);
|
--color-on-art-2: var(--mf-on-art-2);
|
||||||
--color-danger: oklch(63.7% 0.15 25.331);
|
--color-danger: oklch(63.7% 0.15 25.331);
|
||||||
--color-danger-fg: oklch(88.5% 0.062 18.334);
|
--color-danger-fg: oklch(88.5% 0.062 18.334);
|
||||||
--color-btn: var(--mf-btn-bg);
|
|
||||||
--color-btn-hover: var(--mf-btn-bg-hover);
|
--color-btn-hover: var(--mf-btn-bg-hover);
|
||||||
|
|
||||||
--radius-tag: 0.25rem;
|
--radius-tag: 0.25rem;
|
||||||
|
|||||||
Reference in New Issue
Block a user