Downloads

K-05

tokens.csstokens.json (DTCG)source.json

Role tokens

K-02

Token	Mode	Value	From
--pe-page	light	#F9FAFB	gray.50
--pe-surface	light	#FFFFFF	gray.0
--pe-surface-sunken	light	#F3F4F6	gray.100
--pe-surface-hover	light	#F3F4F6	gray.100
--pe-surface-selected	light	#F3F6FF	navy.50
--pe-border	light	#E5E7EB	gray.200
--pe-border-strong	light	#D1D5DB	gray.300
--pe-border-control	light	#6B7280	gray.500
--pe-text	light	#111827	gray.900
--pe-text-secondary	light	#374151	gray.700
--pe-text-muted	light	#4B5563	gray.600
--pe-text-disabled	light	#9CA3AF	gray.400
--pe-structure	light	#11133F	navy.900
--pe-structure-deep	light	#0A0C27	navy.950
--pe-structure-tint	light	#F3F6FF	navy.50
--pe-on-structure	light	#FFFFFF	gray.0
--pe-on-structure-muted	light	#AAB6EC	navy.300
--pe-wayfinding	light	#EAA221	gold.300
--pe-wayfinding-soft	light	#FFF3E4	gold.50
--pe-action	light	#C22326	red.600
--pe-action-hover	light	#9B1C1F	red.700
--pe-action-pressed	light	#7B000B	red.800
--pe-on-action	light	#FFFFFF	gray.0
--pe-link	light	#0066CC	blue.600
--pe-link-hover	light	#004E9F	blue.700
--pe-focus	light	#0066CC	blue.600
--pe-focus-on-structure	light	#EAA221	gold.300
--pe-good	light	#3B6B4C	green.700
--pe-good-soft	light	#D9F5E1	green.100
--pe-warning	light	#92400E	amber.800
--pe-warning-fill	light	#D97706	amber.600
--pe-warning-soft	light	#FEF3C7	amber.100
--pe-danger	light	#DC2626	rose.600
--pe-danger-text	light	#7F1D1D	rose.900
--pe-danger-soft	light	#FEF2F2	rose.50
--pe-info	light	#0066CC	blue.600
--pe-info-soft	light	#F1F7FF	blue.50
--pe-overlay	light	rgba(17,19,63,.48)	rgba(17,19,63,.48)
--pe-page	dark	#0D1322	#0D1322
--pe-surface	dark	#111827	#111827
--pe-surface-sunken	dark	#0D1322	#0D1322
--pe-surface-hover	dark	#1B2332	#1B2332
--pe-surface-selected	dark	#1D213F	navy.850
--pe-border	dark	#282F3C	#282F3C
--pe-border-strong	dark	#363C49	#363C49
--pe-border-control	dark	#6B7280	gray.500
--pe-text	dark	#F9FAFB	gray.50
--pe-text-secondary	dark	#C6C8CC	#C6C8CC
--pe-text-muted	dark	#9CA0A6	#9CA0A6
--pe-text-disabled	dark	#4B5563	gray.600
--pe-structure	dark	#0A0C27	navy.950
--pe-structure-deep	dark	#05061A	#05061A
--pe-structure-tint	dark	#1D213F	navy.850
--pe-on-structure	dark	#FFFFFF	gray.0
--pe-on-structure-muted	dark	#AAB6EC	navy.300
--pe-wayfinding	dark	#EAA221	gold.300
--pe-wayfinding-soft	dark	#4E3200	gold.800
--pe-action	dark	#C22326	red.600
--pe-action-hover	dark	#9B1C1F	red.700
--pe-action-pressed	dark	#7B000B	red.800
--pe-on-action	dark	#FFFFFF	gray.0
--pe-link	dark	#90BFFF	blue.300
--pe-link-hover	dark	#BDD9FF	blue.200
--pe-focus	dark	#90BFFF	blue.300
--pe-focus-on-structure	dark	#EAA221	gold.300
--pe-good	dark	#A2D0B0	green.300
--pe-good-soft	dark	#123520	green.900
--pe-warning	dark	#FFC570	gold.200
--pe-warning-fill	dark	#CA8900	gold.400
--pe-warning-soft	dark	#4E3200	gold.800
--pe-danger	dark	#FF6A61	red.400
--pe-danger-text	dark	#FFA096	red.300
--pe-danger-soft	dark	#520004	red.900
--pe-info	dark	#90BFFF	blue.300
--pe-info-soft	dark	#003979	blue.800
--pe-overlay	dark	rgba(0,0,0,.6)	rgba(0,0,0,.6)