색상

Lumen 가 정한 값이다. 표는 @duolabs-deux/lumen-ui 의 scope.css 에서 읽고, 견본은 Lumen 경계 안에서 그린다.

견본(현재 모드)

--background

--surface

--surface-muted

--foreground

--muted

--subtle

--border

--border-strong

--primary

--primary-hover

--primary-foreground

--accent

--point

--danger

--danger-foreground

--danger-text

--success

--success-foreground

--success-text

--warning

--warning-foreground

--warning-text

--dx-focus-color

--dx-control-border-color

--border-subtle

값

--background

#f7fbff

다크#090b18

무채색 · 필수

--surface

rgba(255, 255, 255, 0.72)

다크rgba(20, 24, 44, 0.72)

무채색 · 필수

--surface-muted

rgba(239, 247, 255, 0.72)

다크rgba(30, 36, 64, 0.72)

무채색 · 필수

--foreground

#172033

다크#f0f6ff

무채색 · 필수

--muted

#647289

다크#b4c2da

무채색 · 필수

--subtle

#9aa7bb

다크#73839f

무채색 · 필수

--border

rgba(178, 205, 234, 0.58)

다크rgba(120, 146, 190, 0.28)

무채색 · 필수

--border-strong

rgba(125, 163, 205, 0.72)

다크rgba(157, 178, 220, 0.42)

무채색 · 필수

--primary

#7c3aed

다크#a78bfa

주색 · 강조 · 필수

--primary-hover

#6d28d9

다크#c4b5fd

주색 · 강조 · 필수

--primary-foreground

#ffffff

다크#120d25

주색 · 강조 · 필수

--accent

#06b6d4

다크#67e8f9

주색 · 강조 · 필수

--point

#ec4899

다크#f0abfc

주색 · 강조 · 필수

--danger

#e11d48

다크#fb7185

상태색 · 필수

--danger-foreground

#ffffff

다크#090b18

상태색 · 필수

--danger-text

#d6023f

다크#fb7185

상태색 · 필수

--success

#10b981

다크#5eead4

상태색 · 필수

--success-foreground

#172033

다크#090b18

상태색 · 필수

--success-text

#007f57

다크#5eead4

상태색 · 필수

--warning

#d97706

다크#fbbf24

상태색 · 필수

--warning-foreground

#172033

다크#090b18

상태색 · 필수

--warning-text

#a85a00

다크#fbbf24

상태색 · 필수

--border-subtle

Polaris 값

다크Polaris 값

선 위계

--table-header-bg

#7c3aed

다크#a78bfa

표 머리

--table-header-fg

#ffffff

다크#120d25

표 머리

--table-header-border

color-mix(in srgb, var(--primary-foreground) 20%, transparent)

다크color-mix(in srgb, var(--primary-foreground) 20%, transparent)

표 머리