테마 손잡이

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

모든 손잡이

목록은 system-package-contract.md 「테마 손잡이」와 같다. 「Polaris 값」은 이 시스템이 정하지 않아 Polaris 값을 그대로 쓴다는 뜻이다.

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

상태색 · 필수

--chart-motion-duration

900ms

움직임 · 필수

--chart-motion-ease

cubic-bezier(0.25, 0.1, 0.25, 1)

움직임 · 필수

--number-motion-duration

움직임 · 필수

--number-motion-ease

cubic-bezier(0.25, 0.1, 0.25, 1)

움직임 · 필수

--dx-radius-scale

Polaris 값

모양 · 필수

--dx-border-width

Polaris 값

모양 · 필수

--dx-shadow-sm

Polaris 값

모양 · 필수

--dx-shadow-lg

Polaris 값

모양 · 필수

--dx-shadow-xl

Polaris 값

모양 · 필수

--dx-font-sans

Polaris 값

글꼴 · 필수

--dx-font-heading

Polaris 값

글꼴

--dx-focus-color

Polaris 값

포커스 · 필수

--dx-focus-width

Polaris 값

포커스 · 필수

--dx-focus-offset

Polaris 값

포커스 · 필수

--dx-heading-weight

Polaris 값

제목 · 필수

--dx-heading-tracking

Polaris 값

제목 · 필수

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

표 머리

--chart-series-1

Polaris 값

다크Polaris 값

차트 색

--chart-series-2

Polaris 값

다크Polaris 값

차트 색

--chart-series-3

Polaris 값

다크Polaris 값

차트 색

--chart-series-4

Polaris 값

다크Polaris 값

차트 색

--chart-grid

Polaris 값

다크Polaris 값

차트 색

--chart-grid-strong

Polaris 값

다크Polaris 값

차트 색

--chart-track

Polaris 값

다크Polaris 값

차트 색

--chart-line-width

Polaris 값

차트 모양

--chart-area-opacity

Polaris 값

차트 모양

--chart-bar-radius

Polaris 값

차트 모양

--chart-point-radius

Polaris 값

차트 모양

--chart-cell-radius

Polaris 값

차트 모양