색상
Lyra 가 정한 값이다. 표는 @duolabs-deux/lyra-ui 의 scope.css 에서 읽고, 견본은 Lyra 경계 안에서 그린다.
견본(현재 모드)
--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#f7f7fc
다크#0b0d18
무채색 · 필수
--surface#ffffff
다크#111425
무채색 · 필수
--surface-muted#f1f2fa
다크#181c31
무채색 · 필수
--foreground#202235
다크#f2f1fb
무채색 · 필수
--muted#5d6178
다크#a8abc0
무채색 · 필수
--subtle#70758c
다크#7f849c
무채색 · 필수
--border#d7d9e8
다크#343950
무채색 · 필수
--border-strong#9ba0b8
다크#596078
무채색 · 필수
--primary#5558c9
다크#a9afff
주색 · 강조 · 필수
--primary-hover#4245aa
다크#c1c5ff
주색 · 강조 · 필수
--primary-foreground#ffffff
다크#0b0d18
주색 · 강조 · 필수
--accent#5558c9
다크#a9afff
주색 · 강조 · 필수
--point#7048bd
다크#c4a4ff
주색 · 강조 · 필수
--danger#bf3048
다크#ff7587
상태색 · 필수
--danger-foreground#ffffff
다크#0b0d18
상태색 · 필수
--danger-text#bf3048
다크#ff7587
상태색 · 필수
--success#167357
다크#57d3a0
상태색 · 필수
--success-foreground#ffffff
다크#0b0d18
상태색 · 필수
--success-text#167357
다크#57d3a0
상태색 · 필수
--warning#8a5a00
다크#f0bd58
상태색 · 필수
--warning-foreground#ffffff
다크#0b0d18
상태색 · 필수
--warning-text#8a5a00
다크#f0bd58
상태색 · 필수
--border-subtle#d7d9e8b3
다크#343950b3
선 위계
--table-header-bgPolaris 값
다크Polaris 값
표 머리
--table-header-fgPolaris 값
다크Polaris 값
표 머리
--table-header-borderPolaris 값
다크Polaris 값
표 머리