mirror of
https://github.com/Tria-plc/edr-platform.git
synced 2026-08-26 18:42:49 +00:00
42 lines
2.2 KiB
CSS
42 lines
2.2 KiB
CSS
@import "tailwindcss";
|
|
@import "@edr/ui-common/theme.css" layer(theme);
|
|
|
|
/* The portal is light-only — there is no theme toggle and nothing sets the
|
|
`dark` class. This override is load-bearing: without it Tailwind v4 compiles
|
|
`dark:` utilities to `@media (prefers-color-scheme: dark)`, so every
|
|
leftover `dark:` class in the tree would activate on an OS-level dark
|
|
setting. Binding the variant to a class that is never rendered keeps those
|
|
utilities inert no matter what the OS (or a stray `.dark` class) says. */
|
|
@custom-variant dark (&:where(.edr-dark-disabled));
|
|
|
|
/* Bridge the central Mantine theme into Tailwind. Mantine (createTheme) is the
|
|
single source of truth; these just alias its generated CSS variables so
|
|
`bg-edr-*`, `text-edr-*`, `border-edr-*` utilities resolve to the same tokens. */
|
|
@theme {
|
|
--color-edr-primary: var(--mantine-color-edr-green-5);
|
|
--color-edr-primary-dark: var(--mantine-color-edr-green-7);
|
|
--color-edr-bg: var(--mantine-color-edr-bg-6);
|
|
--color-edr-card: var(--mantine-color-edr-card-6);
|
|
--color-edr-border: var(--mantine-color-edr-border-6);
|
|
--color-edr-divider: var(--mantine-color-edr-divider-6);
|
|
--color-edr-text: var(--mantine-color-edr-text-6);
|
|
--color-edr-muted: var(--mantine-color-edr-muted-6);
|
|
--color-edr-soft: var(--mantine-color-edr-soft-6);
|
|
--color-edr-ink: var(--mantine-color-edr-ink-6);
|
|
--color-edr-accent: var(--mantine-color-edr-accent-6);
|
|
|
|
--color-edr-amber-soft: var(--mantine-color-edr-amber-soft-6);
|
|
--color-edr-amber-text: var(--mantine-color-edr-amber-text-6);
|
|
--color-edr-blue: var(--mantine-color-edr-blue-6);
|
|
--color-edr-blue-soft: var(--mantine-color-edr-blue-soft-6);
|
|
--color-edr-blue-dot: var(--mantine-color-edr-blue-dot-6);
|
|
--color-edr-red: var(--mantine-color-edr-red-6);
|
|
--color-edr-red-soft: var(--mantine-color-edr-red-soft-6);
|
|
--color-edr-slate: var(--mantine-color-edr-slate-6);
|
|
--color-edr-slate-soft: var(--mantine-color-edr-slate-soft-6);
|
|
--color-edr-slate-soft2: var(--mantine-color-edr-slate-soft2-6);
|
|
--color-edr-step: var(--mantine-color-edr-step-6);
|
|
--color-edr-step-idle: var(--mantine-color-edr-step-idle-6);
|
|
--color-edr-conn-idle: var(--mantine-color-edr-conn-idle-6);
|
|
}
|