색상

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

견본(현재 모드)

--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

#f5f6f7

다크#0b111a

무채색 · 필수

--surface

#ffffff

다크#111a26

무채색 · 필수

--surface-muted

#eef2f7

다크#182333

무채색 · 필수

--foreground

#111827

다크#f1f5f9

무채색 · 필수

--muted

#596579

다크#aeb9c8

무채색 · 필수

--subtle

#94a0b3

다크#738196

무채색 · 필수

--border

#d7dee8

다크#263447

무채색 · 필수

--border-strong

#aab7ca

다크#3a506b

무채색 · 필수

--primary

#1f4e79

다크#5b9bd5

주색 · 강조 · 필수

--primary-hover

#193f62

다크#7ab4ec

주색 · 강조 · 필수

--primary-foreground

#ffffff

다크#08111d

주색 · 강조 · 필수

--accent

#9a6b16

다크#d6a94e

주색 · 강조 · 필수

--point

#475569

다크#94a3b8

주색 · 강조 · 필수

--danger

#b42318

다크#f87171

상태색 · 필수

--danger-foreground

#ffffff

다크#0b111a

상태색 · 필수

--danger-text

#b42318

다크#f87171

상태색 · 필수

--success

#16803c

다크#4ade80

상태색 · 필수

--success-foreground

#ffffff

다크#0b111a

상태색 · 필수

--success-text

#137e3b

다크#4ade80

상태색 · 필수

--warning

#b7791f

다크#fbbf24

상태색 · 필수

--warning-foreground

#111827

다크#0b111a

상태색 · 필수

--warning-text

#9b6200

다크#fbbf24

상태색 · 필수

--border-subtle

Polaris 값

다크Polaris 값

선 위계

--table-header-bg

#1f4e79

다크#5b9bd5

표 머리

--table-header-fg

#ffffff

다크#08111d

표 머리

--table-header-border

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

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

표 머리