색상

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

견본(현재 모드)

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

#f6f1f5

다크#09070c

무채색 · 필수

--surface

#fffaff

다크#151019

무채색 · 필수

--surface-muted

#eee4ed

다크#251b29

무채색 · 필수

--foreground

#261923

다크#fff5fb

무채색 · 필수

--muted

#6f5a69

다크#c5adbd

무채색 · 필수

--subtle

#9d8997

다크#806c7a

무채색 · 필수

--border

#ddcfda

다크#34263a

무채색 · 필수

--border-strong

#ae95a8

다크#634c68

무채색 · 필수

--primary

#d73c68

다크#ff537f

주색 · 강조 · 필수

--primary-hover

#b82350

다크#ff7b9c

주색 · 강조 · 필수

--primary-foreground

#ffffff

다크#210811

주색 · 강조 · 필수

--accent

#7c3f8f

다크#c178d6

주색 · 강조 · 필수

--point

#d73c68

다크#ff537f

주색 · 강조 · 필수

--danger

#c3273f

다크#ff6b72

상태색 · 필수

--danger-foreground

#ffffff

다크#09070c

상태색 · 필수

--danger-text

#c3273f

다크#ff6b72

상태색 · 필수

--success

#247356

다크#63d5a1

상태색 · 필수

--success-foreground

#ffffff

다크#09070c

상태색 · 필수

--success-text

#247356

다크#63d5a1

상태색 · 필수

--warning

#a76516

다크#f2b85b

상태색 · 필수

--warning-foreground

#ffffff

다크#09070c

상태색 · 필수

--warning-text

#9e5c04

다크#f2b85b

상태색 · 필수

--border-subtle

Polaris 값

다크Polaris 값

선 위계

--table-header-bg

#b82350

다크#ff537f

표 머리

--table-header-fg

#ffffff

다크#210811

표 머리

--table-header-border

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

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

표 머리