본문으로 건너뛰기

색상

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

견본(현재 모드)

--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
#fbf7ef
다크#17120d

무채색 · 필수

--surface
#fffdf8
다크#211912

무채색 · 필수

--surface-muted
#f4eadb
다크#2d2218

무채색 · 필수

--foreground
#231b14
다크#fff8ed

무채색 · 필수

--muted
#75685a
다크#cbbba6

무채색 · 필수

--subtle
#aa9986
다크#8d7c68

무채색 · 필수

--border
#e8dccb
다크#443526

무채색 · 필수

--border-strong
#cdbba4
다크#6b543b

무채색 · 필수

--primary
#231b14
다크#fff8ed

주색 · 강조 · 필수

--primary-hover
#3a2d22
다크#eadcc8

주색 · 강조 · 필수

--primary-foreground
#fffdf8
다크#17120d

주색 · 강조 · 필수

--accent
#8b5cf6
다크#c084fc

주색 · 강조 · 필수

--point
#be185d
다크#f472b6

주색 · 강조 · 필수

--danger
#9f1239
다크#fb7185

상태색 · 필수

--danger-foreground
#ffffff
다크#17120d

상태색 · 필수

--danger-text
#9f1239
다크#fb7185

상태색 · 필수

--success
#166534
다크#4ade80

상태색 · 필수

--success-foreground
#ffffff
다크#17120d

상태색 · 필수

--success-text
#166534
다크#4ade80

상태색 · 필수

--warning
#a16207
다크#fbbf24

상태색 · 필수

--warning-foreground
#ffffff
다크#17120d

상태색 · 필수

--warning-text
#9c5e00
다크#fbbf24

상태색 · 필수

--border-subtle
Polaris 값
다크Polaris 값

선 위계

--table-header-bg
#231b14
다크#fff8ed

표 머리

--table-header-fg
#fffdf8
다크#17120d

표 머리

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

표 머리