본문으로 건너뛰기

색상

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

견본(현재 모드)

--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
#070908
다크#070908

무채색 · 필수

--surface
#0d110e
다크#0d110e

무채색 · 필수

--surface-muted
#141a16
다크#141a16

무채색 · 필수

--foreground
#e3f5e8
다크#e3f5e8

무채색 · 필수

--muted
#94ab9b
다크#94ab9b

무채색 · 필수

--subtle
#5f7566
다크#5f7566

무채색 · 필수

--border
#1e2a22
다크#1e2a22

무채색 · 필수

--border-strong
#30443a
다크#30443a

무채색 · 필수

--primary
#4ade80
다크#4ade80

주색 · 강조 · 필수

--primary-hover
#86efac
다크#86efac

주색 · 강조 · 필수

--primary-foreground
#04130a
다크#04130a

주색 · 강조 · 필수

--accent
#4ade80
다크#4ade80

주색 · 강조 · 필수

--point
#22d3ee
다크#22d3ee

주색 · 강조 · 필수

--danger
#f87171
다크#f87171

상태색 · 필수

--danger-foreground
#070908
다크#070908

상태색 · 필수

--danger-text
#f87171
다크#f87171

상태색 · 필수

--success
#4ade80
다크#4ade80

상태색 · 필수

--success-foreground
#070908
다크#070908

상태색 · 필수

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

상태색 · 필수

--warning
#fbbf24
다크#fbbf24

상태색 · 필수

--warning-foreground
#070908
다크#070908

상태색 · 필수

--warning-text
#fbbf24
다크#fbbf24

상태색 · 필수

--border-subtle
Polaris 값
다크Polaris 값

선 위계

--table-header-bg
#4ade80
다크#4ade80

표 머리

--table-header-fg
#04130a
다크#04130a

표 머리

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

표 머리