색상

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

견본(현재 모드)

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

#f4f8fb

다크#09171f

무채색 · 필수

--surface

#ffffff

다크#10232d

무채색 · 필수

--surface-muted

#e7f0f6

다크#19333f

무채색 · 필수

--foreground

#102a3a

다크#f2f8fa

무채색 · 필수

--muted

#405e6f

다크#b4c8d1

무채색 · 필수

--subtle

#627c89

다크#8da5b0

무채색 · 필수

--border

#c5d6df

다크#294653

무채색 · 필수

--border-strong

#7895a5

다크#6b8995

무채색 · 필수

--primary

#006b7a

다크#63d4df

주색 · 강조 · 필수

--primary-hover

#00515d

다크#91e3ea

주색 · 강조 · 필수

--primary-foreground

#ffffff

다크#07171c

주색 · 강조 · 필수

--accent

#006b7a

다크#63d4df

주색 · 강조 · 필수

--point

#215fb5

다크#85b7ff

주색 · 강조 · 필수

--danger

#b42318

다크#ff8a80

상태색 · 필수

--danger-foreground

#ffffff

다크#09171f

상태색 · 필수

--danger-text

#b42318

다크#ff8a80

상태색 · 필수

--success

#14784a

다크#71d6a2

상태색 · 필수

--success-foreground

#ffffff

다크#09171f

상태색 · 필수

--success-text

#14784a

다크#71d6a2

상태색 · 필수

--warning

#8a5200

다크#f4c46f

상태색 · 필수

--warning-foreground

#ffffff

다크#09171f

상태색 · 필수

--warning-text

#8a5200

다크#f4c46f

상태색 · 필수

--border-subtle

Polaris 값

다크Polaris 값

선 위계

--table-header-bg

#006b7a

다크#63d4df

표 머리

--table-header-fg

#ffffff

다크#07171c

표 머리

--table-header-border

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

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

표 머리