All tokens

Color289

Color tokens and values by mode
TokenLightDark
accent--riido-accent
#F1F5F9
#1D293D
border--riido-border
#D7DFE9
#293548
border-divider--riido-border-divider
#D7DFE9
#45556C
border-empty--riido-border-empty
#90A1B9
#45556C
border-strong--riido-border-strong
#CAD5E2
#314158
border-subtle--riido-border-subtle
#E2E8F0
#1D293D
avatar-background--riido-component-avatar-background
#E2E8F0
#314158
avatar-border--riido-component-avatar-border
#90A1B9
#62748E
avatar-status-dot-ring--riido-component-avatar-status-dot-ring
#F8FAFC
#0F172B
button-group-separator--riido-component-button-group-separator
#000000 (20%)rgb(from #000000 r g b / 0.2)
#000000 (20%)rgb(from #000000 r g b / 0.2)
chart-baseline--riido-component-chart-baseline
#62748E
#62748E
chart-series-1--riido-component-chart-series-1
#5D4FF9
#5D4FF9
chart-series-2--riido-component-chart-series-2
#008236
#00C950
feature-tag-beta--riido-component-feature-tag-beta
#7008E7
#C4B4FF
score-milestone--riido-component-score-milestone
#CBC6FC
#3A2CA5
score-subtask--riido-component-score-subtask
#E5E2FD
#313E5D
score-task--riido-component-score-task
#E5E2FD
#313E5D
scrollbar-thumb--riido-component-scrollbar-thumb
#CAD5E2
#314158
scrollbar-thumb-hover--riido-component-scrollbar-thumb-hover
#90A1B9
#45556C
timeline-bar-handle--riido-component-timeline-bar-handle
#000000 (50%)rgb(from #000000 r g b / 0.5)
#FFFFFF (60%)rgb(from #FFFFFF r g b / 0.6)
tooltip-border--riido-component-tooltip-border
#CAD5E2
#45556C
destructive--riido-destructive
#FB2C36
#FB2C36
destructive-disabled--riido-destructive-disabled
#FFA2A2
#9F0712
destructive-hover--riido-destructive-hover
#E7000B
#FF6467
destructive-solid--riido-destructive-solid
#E7000B
#E7000B
destructive-solid-disabled--riido-destructive-solid-disabled
#FFA2A2
#9F0712
destructive-solid-hover--riido-destructive-solid-hover
#C10007
#C10007
destructive-subtle--riido-destructive-subtle
#FB2C36 (20%)rgb(from #FB2C36 r g b / 0.2)
#FB2C36 (20%)rgb(from #FB2C36 r g b / 0.2)
dim--riido-dim
#0F172B (30%)rgb(from #0F172B r g b / 0.3)
#0F172B (60%)rgb(from #0F172B r g b / 0.6)
entity-backlog-solid--riido-entity-backlog-solid
#FB2C36
#FF6467
entity-intake-solid--riido-entity-intake-solid
#62748E
#90A1B9
entity-meeting-solid--riido-entity-meeting-solid
#FB64B6
#FDA5D5
entity-milestone-mark--riido-entity-milestone-mark
#973C00
#FFB900
entity-milestone-solid--riido-entity-milestone-solid
#FE9A00
#FFB900
entity-project-fill--riido-entity-project-fill
#7CDDBE
#086C55
entity-project-solid--riido-entity-project-solid
#00A63E
#00C950
entity-task-fill--riido-entity-task-fill
#8EC5FF
#1F5690
entity-task-solid--riido-entity-task-solid
#155DFC
#2B7FFF
foreground-disabled--riido-foreground-disabled
#CAD5E2
#45556C
foreground-empty--riido-foreground-empty
#90A1B9
#45556C
foreground-on-brand--riido-foreground-on-brand
#FFFFFF
#FFFFFF
foreground-on-brand-disabled--riido-foreground-on-brand-disabled
#FFFFFF (40%)rgb(from #FFFFFF r g b / 0.4)
#FFFFFF (40%)rgb(from #FFFFFF r g b / 0.4)
foreground-on-status--riido-foreground-on-status
#0F172B
#0F172B
foreground-placeholder--riido-foreground-placeholder
#90A1B9
#62748E
foreground-primary--riido-foreground-primary
#0F172B
#F8FAFC
foreground-required--riido-foreground-required
#C10007
#FFA2A2
foreground-secondary--riido-foreground-secondary
#45556C
#CAD5E2
foreground-tertiary--riido-foreground-tertiary
#62748E
#90A1B9
highlight--riido-highlight
#7F22FE
#C4B4FF
highlight-disabled--riido-highlight-disabled
#C4B4FF
#5D0EC0
highlight-hover--riido-highlight-hover
#7008E7
#DDD6FF
highlight-solid--riido-highlight-solid
#7F22FE
#7F22FE
highlight-solid-disabled--riido-highlight-solid-disabled
#C4B4FF
#5D0EC0
highlight-solid-hover--riido-highlight-solid-hover
#7008E7
#7008E7
highlight-subtle--riido-highlight-subtle
#E0E7FF
#283558
highlight-subtle-hover--riido-highlight-subtle-hover
#C6D2FF
#313E5D
info--riido-info
#51A2FF
#8EC5FF
input--riido-input
#E2E8F0
#314158
input-disabled--riido-input-disabled
#F1F5F9
#1D293D
input-hover--riido-input-hover
#CAD5E2
#45556C
muted--riido-muted
#E2E8F0
#314158 (50%)rgb(from #314158 r g b / 0.5)
muted-subtle--riido-muted-subtle
#E2E8F0 (30%)rgb(from #E2E8F0 r g b / 0.3)
#314158 (25%)rgb(from #314158 r g b / 0.25)
overlay-disabled--riido-overlay-disabled
#000000 (50%)rgb(from #000000 r g b / 0.5)
#000000 (50%)rgb(from #000000 r g b / 0.5)
overlay-hover--riido-overlay-hover
#000000 (5%)rgb(from #000000 r g b / 0.05)
#FFFFFF (8%)rgb(from #FFFFFF r g b / 0.08)
overlay-pressed--riido-overlay-pressed
#000000 (8%)rgb(from #000000 r g b / 0.08)
#FFFFFF (12%)rgb(from #FFFFFF r g b / 0.12)
overlay-scrim--riido-overlay-scrim
#000000 (50%)rgb(from #000000 r g b / 0.5)
#000000 (50%)rgb(from #000000 r g b / 0.5)
blue-fill--riido-palette-dark-palette-blue-fill
—
#46678D
blue-solid--riido-palette-dark-palette-blue-solid
—
#567CA8
blue-subtle--riido-palette-dark-palette-blue-subtle
—
#567CA8 (35%)rgb(from #567CA8 r g b / 0.35)
blue-text--riido-palette-dark-palette-blue-text
—
#678FBF
brown-fill--riido-palette-dark-palette-brown-fill
—
#845A3A
brown-solid--riido-palette-dark-palette-brown-solid
—
#9D6C48
brown-subtle--riido-palette-dark-palette-brown-subtle
—
#9D6C48 (35%)rgb(from #9D6C48 r g b / 0.35)
brown-text--riido-palette-dark-palette-brown-text
—
#B47F58
gray-fill--riido-palette-dark-palette-gray-fill
—
#666464
gray-solid--riido-palette-dark-palette-gray-solid
—
#7B7879
gray-subtle--riido-palette-dark-palette-gray-subtle
—
#7B7879 (35%)rgb(from #7B7879 r g b / 0.35)
gray-text--riido-palette-dark-palette-gray-text
—
#8E8B8C
green-fill--riido-palette-dark-palette-green-fill
—
#317261
green-solid--riido-palette-dark-palette-green-solid
—
#3E8875
green-subtle--riido-palette-dark-palette-green-subtle
—
#3E8875 (35%)rgb(from #3E8875 r g b / 0.35)
green-text--riido-palette-dark-palette-green-text
—
#4E9D88
light-green-fill--riido-palette-dark-palette-light-green-fill
—
#546E42
light-green-solid--riido-palette-dark-palette-light-green-solid
—
#668351
light-green-subtle--riido-palette-dark-palette-light-green-subtle
—
#668351 (35%)rgb(from #668351 r g b / 0.35)
light-green-text--riido-palette-dark-palette-light-green-text
—
#789861
orange-fill--riido-palette-dark-palette-orange-fill
—
#885644
orange-solid--riido-palette-dark-palette-orange-solid
—
#A26853
orange-subtle--riido-palette-dark-palette-orange-subtle
—
#A26853 (35%)rgb(from #A26853 r g b / 0.35)
orange-text--riido-palette-dark-palette-orange-text
—
#B97B64
pink-fill--riido-palette-dark-palette-pink-fill
—
#7E5576
pink-solid--riido-palette-dark-palette-pink-solid
—
#96678D
pink-subtle--riido-palette-dark-palette-pink-subtle
—
#96678D (35%)rgb(from #96678D r g b / 0.35)
pink-text--riido-palette-dark-palette-pink-text
—
#AC79A2
red-fill--riido-palette-dark-palette-red-fill
—
#895356
red-solid--riido-palette-dark-palette-red-solid
—
#A36568
red-subtle--riido-palette-dark-palette-red-subtle
—
#A36568 (35%)rgb(from #A36568 r g b / 0.35)
red-text--riido-palette-dark-palette-red-text
—
#BA777A
violet-fill--riido-palette-dark-palette-violet-fill
—
#615E8C
violet-solid--riido-palette-dark-palette-violet-solid
—
#7572A6
violet-subtle--riido-palette-dark-palette-violet-subtle
—
#7572A6 (35%)rgb(from #7572A6 r g b / 0.35)
violet-text--riido-palette-dark-palette-violet-text
—
#8884BE
yellow-fill--riido-palette-dark-palette-yellow-fill
—
#786131
yellow-solid--riido-palette-dark-palette-yellow-solid
—
#8F753D
yellow-subtle--riido-palette-dark-palette-yellow-subtle
—
#8F753D (35%)rgb(from #8F753D r g b / 0.35)
yellow-text--riido-palette-dark-palette-yellow-text
—
#A4884D
blue-fill--riido-palette-light-palette-blue-fill
#C0DCFE
—
blue-solid--riido-palette-light-palette-blue-solid
#7BA5D6
—
blue-subtle--riido-palette-light-palette-blue-subtle
#7BA5D6 (45%)rgb(from #7BA5D6 r g b / 0.45)
—
blue-text--riido-palette-light-palette-blue-text
#678FBF
—
brown-fill--riido-palette-light-palette-brown-fill
#F6D1B6
—
brown-solid--riido-palette-light-palette-brown-solid
#CA946C
—
brown-subtle--riido-palette-light-palette-brown-subtle
#CA946C (45%)rgb(from #CA946C r g b / 0.45)
—
brown-text--riido-palette-light-palette-brown-text
#B47F58
—
gray-fill--riido-palette-light-palette-gray-fill
#DBD8D9
—
gray-solid--riido-palette-light-palette-gray-solid
#A4A0A1
—
gray-subtle--riido-palette-light-palette-gray-subtle
#A4A0A1 (45%)rgb(from #A4A0A1 r g b / 0.45)
—
gray-text--riido-palette-light-palette-gray-text
#8E8B8C
—
green-fill--riido-palette-light-palette-green-fill
#B4E6D6
—
green-solid--riido-palette-light-palette-green-solid
#65B39D
—
green-subtle--riido-palette-light-palette-green-subtle
#65B39D (45%)rgb(from #65B39D r g b / 0.45)
—
green-text--riido-palette-light-palette-green-text
#4E9D88
—
light-green-fill--riido-palette-light-palette-light-green-fill
#CBE2BD
—
light-green-solid--riido-palette-light-palette-light-green-solid
#8DAD76
—
light-green-subtle--riido-palette-light-palette-light-green-subtle
#8DAD76 (45%)rgb(from #8DAD76 r g b / 0.45)
—
light-green-text--riido-palette-light-palette-light-green-text
#789861
—
orange-fill--riido-palette-light-palette-orange-fill
#FACEBE
—
orange-solid--riido-palette-light-palette-orange-solid
#D09078
—
orange-subtle--riido-palette-light-palette-orange-subtle
#D09078 (45%)rgb(from #D09078 r g b / 0.45)
—
orange-text--riido-palette-light-palette-orange-text
#B97B64
—
pink-fill--riido-palette-light-palette-pink-fill
#F1CCE9
—
pink-solid--riido-palette-light-palette-pink-solid
#C28EB8
—
pink-subtle--riido-palette-light-palette-pink-subtle
#C28EB8 (45%)rgb(from #C28EB8 r g b / 0.45)
—
pink-text--riido-palette-light-palette-pink-text
#AC79A2
—
red-fill--riido-palette-light-palette-red-fill
#FCCBCC
—
red-solid--riido-palette-light-palette-red-solid
#D18C8F
—
red-subtle--riido-palette-light-palette-red-subtle
#D18C8F (45%)rgb(from #D18C8F r g b / 0.45)
—
red-text--riido-palette-light-palette-red-text
#BA777A
—
violet-fill--riido-palette-light-palette-violet-fill
#D6D4FD
—
violet-solid--riido-palette-light-palette-violet-solid
#9D9AD4
—
violet-subtle--riido-palette-light-palette-violet-subtle
#9D9AD4 (45%)rgb(from #9D9AD4 r g b / 0.45)
—
violet-text--riido-palette-light-palette-violet-text
#8884BE
—
yellow-fill--riido-palette-light-palette-yellow-fill
#EAD7B0
—
yellow-solid--riido-palette-light-palette-yellow-solid
#BA9E62
—
yellow-subtle--riido-palette-light-palette-yellow-subtle
#BA9E62 (45%)rgb(from #BA9E62 r g b / 0.45)
—
yellow-text--riido-palette-light-palette-yellow-text
#A4884D
—
primary--riido-primary
#5D4FF9
#5D4FF9
primary-disabled--riido-primary-disabled
#A59DFB
#3A2CA5
primary-hover--riido-primary-hover
#4434F1
#8075FA
primary-subtle--riido-primary-subtle
#5D4FF9 (20%)rgb(from #5D4FF9 r g b / 0.2)
#5D4FF9 (30%)rgb(from #5D4FF9 r g b / 0.3)
amber-50--riido-primitive-colors-amber-50
#FFFBEB
#FFFBEB
amber-100--riido-primitive-colors-amber-100
#FEF3C6
#FEF3C6
amber-200--riido-primitive-colors-amber-200
#FEE685
#FEE685
amber-300--riido-primitive-colors-amber-300
#FFD230
#FFD230
amber-400--riido-primitive-colors-amber-400
#FFB900
#FFB900
amber-500--riido-primitive-colors-amber-500
#FE9A00
#FE9A00
amber-600--riido-primitive-colors-amber-600
#E17100
#E17100
amber-700--riido-primitive-colors-amber-700
#BB4D00
#BB4D00
amber-800--riido-primitive-colors-amber-800
#973C00
#973C00
amber-900--riido-primitive-colors-amber-900
#7B3306
#7B3306
amber-950--riido-primitive-colors-amber-950
#461901
#461901
azure-700--riido-primitive-colors-azure-700
#1F5690
#1F5690
blue-50--riido-primitive-colors-blue-50
#EFF6FF
#EFF6FF
blue-100--riido-primitive-colors-blue-100
#DBEAFE
#DBEAFE
blue-200--riido-primitive-colors-blue-200
#BEDBFF
#BEDBFF
blue-300--riido-primitive-colors-blue-300
#8EC5FF
#8EC5FF
blue-400--riido-primitive-colors-blue-400
#51A2FF
#51A2FF
blue-500--riido-primitive-colors-blue-500
#2B7FFF
#2B7FFF
blue-600--riido-primitive-colors-blue-600
#155DFC
#155DFC
blue-700--riido-primitive-colors-blue-700
#1447E6
#1447E6
blue-800--riido-primitive-colors-blue-800
#193CB8
#193CB8
blue-900--riido-primitive-colors-blue-900
#1C398E
#1C398E
blue-950--riido-primitive-colors-blue-950
#162456
#162456
common-black--riido-primitive-colors-common-black
#000000
#000000
common-white--riido-primitive-colors-common-white
#FFFFFF
#FFFFFF
green-50--riido-primitive-colors-green-50
#F0FDF4
#F0FDF4
green-100--riido-primitive-colors-green-100
#DCFCE7
#DCFCE7
green-200--riido-primitive-colors-green-200
#B9F8CF
#B9F8CF
green-300--riido-primitive-colors-green-300
#7BF1A8
#7BF1A8
green-400--riido-primitive-colors-green-400
#05DF72
#05DF72
green-500--riido-primitive-colors-green-500
#00C950
#00C950
green-600--riido-primitive-colors-green-600
#00A63E
#00A63E
green-700--riido-primitive-colors-green-700
#008236
#008236
green-800--riido-primitive-colors-green-800
#016630
#016630
green-900--riido-primitive-colors-green-900
#0D542B
#0D542B
green-950--riido-primitive-colors-green-950
#032E15
#032E15
indigo-50--riido-primitive-colors-indigo-50
#EEF2FF
#EEF2FF
indigo-100--riido-primitive-colors-indigo-100
#E0E7FF
#E0E7FF
indigo-200--riido-primitive-colors-indigo-200
#C6D2FF
#C6D2FF
indigo-300--riido-primitive-colors-indigo-300
#A3B3FF
#A3B3FF
indigo-400--riido-primitive-colors-indigo-400
#7C86FF
#7C86FF
indigo-500--riido-primitive-colors-indigo-500
#615FFF
#615FFF
indigo-600--riido-primitive-colors-indigo-600
#4F39F6
#4F39F6
indigo-700--riido-primitive-colors-indigo-700
#432DD7
#432DD7
indigo-800--riido-primitive-colors-indigo-800
#372AAC
#372AAC
indigo-900--riido-primitive-colors-indigo-900
#312C85
#312C85
indigo-950--riido-primitive-colors-indigo-950
#1E1A4D
#1E1A4D
iris-50--riido-primitive-colors-iris-50
#F3F1FE
#F3F1FE
iris-100--riido-primitive-colors-iris-100
#E5E2FD
#E5E2FD
iris-200--riido-primitive-colors-iris-200
#CBC6FC
#CBC6FC
iris-300--riido-primitive-colors-iris-300
#A59DFB
#A59DFB
iris-400--riido-primitive-colors-iris-400
#8075FA
#8075FA
iris-500--riido-primitive-colors-iris-500
#5D4FF9
#5D4FF9
iris-600--riido-primitive-colors-iris-600
#4434F1
#4434F1
iris-700--riido-primitive-colors-iris-700
#3623D9
#3623D9
iris-800--riido-primitive-colors-iris-800
#3A2CA5
#3A2CA5
iris-900--riido-primitive-colors-iris-900
#372C7D
#372C7D
iris-950--riido-primitive-colors-iris-950
#261E4F
#261E4F
jade-300--riido-primitive-colors-jade-300
#7CDDBE
#7CDDBE
jade-750--riido-primitive-colors-jade-750
#086C55
#086C55
navy-700--riido-primitive-colors-navy-700
#313E5D
#313E5D
navy-750--riido-primitive-colors-navy-750
#283558
#283558
navy-950--riido-primitive-colors-navy-950
#061945
#061945
pink-300--riido-primitive-colors-pink-300
#FDA5D5
#FDA5D5
pink-400--riido-primitive-colors-pink-400
#FB64B6
#FB64B6
red-50--riido-primitive-colors-red-50
#FEF2F2
#FEF2F2
red-100--riido-primitive-colors-red-100
#FFE2E2
#FFE2E2
red-200--riido-primitive-colors-red-200
#FFC9C9
#FFC9C9
red-300--riido-primitive-colors-red-300
#FFA2A2
#FFA2A2
red-400--riido-primitive-colors-red-400
#FF6467
#FF6467
red-500--riido-primitive-colors-red-500
#FB2C36
#FB2C36
red-600--riido-primitive-colors-red-600
#E7000B
#E7000B
red-700--riido-primitive-colors-red-700
#C10007
#C10007
red-800--riido-primitive-colors-red-800
#9F0712
#9F0712
red-900--riido-primitive-colors-red-900
#82181A
#82181A
red-950--riido-primitive-colors-red-950
#460809
#460809
slate-50--riido-primitive-colors-slate-50
#F8FAFC
#F8FAFC
slate-100--riido-primitive-colors-slate-100
#F1F5F9
#F1F5F9
slate-200--riido-primitive-colors-slate-200
#E2E8F0
#E2E8F0
slate-250--riido-primitive-colors-slate-250
#D7DFE9
#D7DFE9
slate-300--riido-primitive-colors-slate-300
#CAD5E2
#CAD5E2
slate-400--riido-primitive-colors-slate-400
#90A1B9
#90A1B9
slate-500--riido-primitive-colors-slate-500
#62748E
#62748E
slate-600--riido-primitive-colors-slate-600
#45556C
#45556C
slate-700--riido-primitive-colors-slate-700
#314158
#314158
slate-750--riido-primitive-colors-slate-750
#293548
#293548
slate-800--riido-primitive-colors-slate-800
#1D293D
#1D293D
slate-900--riido-primitive-colors-slate-900
#0F172B
#0F172B
slate-950--riido-primitive-colors-slate-950
#020618
#020618
violet-50--riido-primitive-colors-violet-50
#F5F3FF
#F5F3FF
violet-100--riido-primitive-colors-violet-100
#EDE9FE
#EDE9FE
violet-200--riido-primitive-colors-violet-200
#DDD6FF
#DDD6FF
violet-300--riido-primitive-colors-violet-300
#C4B4FF
#C4B4FF
violet-400--riido-primitive-colors-violet-400
#A684FF
#A684FF
violet-500--riido-primitive-colors-violet-500
#8E51FF
#8E51FF
violet-600--riido-primitive-colors-violet-600
#7F22FE
#7F22FE
violet-700--riido-primitive-colors-violet-700
#7008E7
#7008E7
violet-800--riido-primitive-colors-violet-800
#5D0EC0
#5D0EC0
violet-900--riido-primitive-colors-violet-900
#4D179A
#4D179A
violet-950--riido-primitive-colors-violet-950
#2F0D68
#2F0D68
priority-empty--riido-priority-empty
#90A1B9
#62748E
priority-normal--riido-priority-normal
#5D4FF9
#5D4FF9
ring--riido-ring
#5D4FF9
#5D4FF9
secondary--riido-secondary
#E2E8F0
#314158
secondary-disabled--riido-secondary-disabled
#F1F5F9
#1D293D
secondary-hover--riido-secondary-hover
#CAD5E2
#45556C
selected--riido-selected
#5D4FF9 (16%)rgb(from #5D4FF9 r g b / 0.16)
#5D4FF9 (25%)rgb(from #5D4FF9 r g b / 0.25)
shadow-color-2xl--riido-shadow-color-2xl
#0F172B (40%)rgb(from #0F172B r g b / 0.4)
#0F172B (50%)rgb(from #0F172B r g b / 0.5)
shadow-color-ambient--riido-shadow-color-ambient
#0F172B (10%)rgb(from #0F172B r g b / 0.1)
#0F172B (35%)rgb(from #0F172B r g b / 0.35)
shadow-color-lg--riido-shadow-color-lg
#0F172B (35%)rgb(from #0F172B r g b / 0.35)
#0F172B (45%)rgb(from #0F172B r g b / 0.45)
shadow-color-md--riido-shadow-color-md
#0F172B (25%)rgb(from #0F172B r g b / 0.25)
#0F172B (35%)rgb(from #0F172B r g b / 0.35)
shadow-color-sm--riido-shadow-color-sm
#0F172B (15%)rgb(from #0F172B r g b / 0.15)
#0F172B (25%)rgb(from #0F172B r g b / 0.25)
shadow-color-xl--riido-shadow-color-xl
#0F172B (35%)rgb(from #0F172B r g b / 0.35)
#0F172B (45%)rgb(from #0F172B r g b / 0.45)
shadow-color-xs--riido-shadow-color-xs
#0F172B (10%)rgb(from #0F172B r g b / 0.1)
#0F172B (20%)rgb(from #0F172B r g b / 0.2)
status-busy--riido-status-busy
#FFB900
#FFD230
status-offline--riido-status-offline
#90A1B9
#62748E
status-online--riido-status-online
#00C950
#05DF72
success--riido-success
#00C950
#05DF72
surface-0--riido-surface-0
#E2E8F0 (20%)rgb(from #E2E8F0 r g b / 0.2)
#314158 (20%)rgb(from #314158 r g b / 0.2)
surface-1--riido-surface-1
#FFFFFF (50%)rgb(from #FFFFFF r g b / 0.5)
#314158 (30%)rgb(from #314158 r g b / 0.3)
surface-1-hover--riido-surface-1-hover
#E2E8F0 (50%)rgb(from #E2E8F0 r g b / 0.5)
#314158 (40%)rgb(from #314158 r g b / 0.4)
surface-2--riido-surface-2
#FFFFFF (70%)rgb(from #FFFFFF r g b / 0.7)
#314158 (50%)rgb(from #314158 r g b / 0.5)
surface-2-hover--riido-surface-2-hover
#E2E8F0 (70%)rgb(from #E2E8F0 r g b / 0.7)
#314158 (60%)rgb(from #314158 r g b / 0.6)
surface-3--riido-surface-3
#FFFFFF
#314158 (70%)rgb(from #314158 r g b / 0.7)
surface-3-hover--riido-surface-3-hover
#E2E8F0
#314158 (80%)rgb(from #314158 r g b / 0.8)
surface-solid--riido-surface-solid
#F8FAFC
#0F172B
urgency-critical--riido-urgency-critical
#FFC9C9
#82181A
urgency-high--riido-urgency-high
#FEE685
#7B3306
urgency-low--riido-urgency-low
#CAD5E2
#314158
urgency-medium--riido-urgency-medium
#BEDBFF
#1C398E
github-pr-closed--riido-vendor-github-dark-github-pr-closed
—
#DA3633
github-pr-draft--riido-vendor-github-dark-github-pr-draft
—
#656C76
github-pr-merged--riido-vendor-github-dark-github-pr-merged
—
#8957E5
github-pr-open--riido-vendor-github-dark-github-pr-open
—
#238636
github-pr-closed--riido-vendor-github-light-github-pr-closed
#CF222E
—
github-pr-draft--riido-vendor-github-light-github-pr-draft
#59636E
—
github-pr-merged--riido-vendor-github-light-github-pr-merged
#8250DF
—
github-pr-open--riido-vendor-github-light-github-pr-open
#1F883D
—
warning--riido-warning
#FFB900
#FFD230

Typography39

Typography tokens and values by mode
TokenLightDark
typography-display-bold--riido-typography-display-bold
Font family
"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif
Font weight700
Font size1.875rem
Line height2.25rem
Font family
"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif
Font weight700
Font size1.875rem
Line height2.25rem
typography-display-semibold--riido-typography-display-semibold
Font family
"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif
Font weight600
Font size1.875rem
Line height2.25rem
Font family
"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif
Font weight600
Font size1.875rem
Line height2.25rem
primitive-type-font-size-3xl--riido-primitive-type-font-size-3xl
1.875rem
1.875rem
typography-title-1-bold--riido-typography-title-1-bold
Font family
"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif
Font weight700
Font size1.5rem
Line height2rem
Font family
"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif
Font weight700
Font size1.5rem
Line height2rem
typography-title-1-semibold--riido-typography-title-1-semibold
Font family
"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif
Font weight600
Font size1.5rem
Line height2rem
Font family
"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif
Font weight600
Font size1.5rem
Line height2rem
primitive-type-font-size-2xl--riido-primitive-type-font-size-2xl
1.5rem
1.5rem
typography-title-2-semibold--riido-typography-title-2-semibold
Font family
"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif
Font weight600
Font size1.25rem
Line height1.75rem
Font family
"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif
Font weight600
Font size1.25rem
Line height1.75rem
primitive-type-font-size-xl--riido-primitive-type-font-size-xl
1.25rem
1.25rem
typography-title-2-normal--riido-typography-title-2-normal
Font family
"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif
Font weight400
Font size1.25rem
Line height1.75rem
Font family
"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif
Font weight400
Font size1.25rem
Line height1.75rem
typography-subtitle-semibold--riido-typography-subtitle-semibold
Font family
"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif
Font weight600
Font size1.125rem
Line height1.625rem
Font family
"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif
Font weight600
Font size1.125rem
Line height1.625rem
primitive-type-font-size-lg--riido-primitive-type-font-size-lg
1.125rem
1.125rem
typography-subtitle-normal--riido-typography-subtitle-normal
Font family
"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif
Font weight400
Font size1.125rem
Line height1.625rem
Font family
"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif
Font weight400
Font size1.125rem
Line height1.625rem
typography-body-1-semibold--riido-typography-body-1-semibold
Font family
"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif
Font weight600
Font size1rem
Line height1.5rem
Font family
"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif
Font weight600
Font size1rem
Line height1.5rem
primitive-type-font-size-base--riido-primitive-type-font-size-base
1rem
1rem
typography-body-1-normal--riido-typography-body-1-normal
Font family
"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif
Font weight400
Font size1rem
Line height1.5rem
Font family
"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif
Font weight400
Font size1rem
Line height1.5rem
typography-body-2-semibold--riido-typography-body-2-semibold
Font family
"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif
Font weight600
Font size0.875rem
Line height1.25rem
Font family
"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif
Font weight600
Font size0.875rem
Line height1.25rem
primitive-type-font-size-sm--riido-primitive-type-font-size-sm
0.875rem
0.875rem
typography-body-2-normal--riido-typography-body-2-normal
Font family
"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif
Font weight400
Font size0.875rem
Line height1.25rem
Font family
"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif
Font weight400
Font size0.875rem
Line height1.25rem
typography-body-3-semibold--riido-typography-body-3-semibold
Font family
"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif
Font weight600
Font size0.75rem
Line height1rem
Font family
"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif
Font weight600
Font size0.75rem
Line height1rem
primitive-type-font-size-xs--riido-primitive-type-font-size-xs
0.75rem
0.75rem
typography-body-3-normal--riido-typography-body-3-normal
Font family
"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif
Font weight400
Font size0.75rem
Line height1rem
Font family
"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif
Font weight400
Font size0.75rem
Line height1rem
typography-caption-md-semibold--riido-typography-caption-md-semibold
Font family
"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif
Font weight600
Font size0.6875rem
Line height0.875rem
Font family
"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif
Font weight600
Font size0.6875rem
Line height0.875rem
primitive-type-font-size-2xs--riido-primitive-type-font-size-2xs
0.6875rem
0.6875rem
typography-caption-md-normal--riido-typography-caption-md-normal
Font family
"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif
Font weight400
Font size0.6875rem
Line height0.875rem
Font family
"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif
Font weight400
Font size0.6875rem
Line height0.875rem
typography-caption-sm-semibold--riido-typography-caption-sm-semibold
Font family
"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif
Font weight600
Font size0.625rem
Line height0.875rem
Font family
"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif
Font weight600
Font size0.625rem
Line height0.875rem
primitive-type-font-size-3xs--riido-primitive-type-font-size-3xs
0.625rem
0.625rem
typography-caption-sm-normal--riido-typography-caption-sm-normal
Font family
"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif
Font weight400
Font size0.625rem
Line height0.875rem
Font family
"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif
Font weight400
Font size0.625rem
Line height0.875rem
primitive-type-line-height-3xl--riido-primitive-type-line-height-3xl
2.25rem
2.25rem
primitive-type-line-height-2xl--riido-primitive-type-line-height-2xl
2rem
2rem
primitive-type-line-height-xl--riido-primitive-type-line-height-xl
1.75rem
1.75rem
primitive-type-line-height-lg--riido-primitive-type-line-height-lg
1.625rem
1.625rem
primitive-type-line-height-base--riido-primitive-type-line-height-base
1.5rem
1.5rem
primitive-type-line-height-sm--riido-primitive-type-line-height-sm
1.25rem
1.25rem
primitive-type-line-height-xs--riido-primitive-type-line-height-xs
1rem
1rem
primitive-type-line-height-2xs--riido-primitive-type-line-height-2xs
0.875rem
0.875rem
primitive-type-font-weight-bold--riido-primitive-type-font-weight-bold
700
700
primitive-type-font-weight-semibold--riido-primitive-type-font-weight-semibold
600
600
primitive-type-font-weight-normal--riido-primitive-type-font-weight-normal
400
400
primitive-type-font-family-sans--riido-primitive-type-font-family-sans
"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif
"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif"Pretendard Variable", Pretendard, -apple-system, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif

Spacing18

Spacing tokens and values by mode
TokenLightDark
primitive-spacing-spacing-0--riido-primitive-spacing-spacing-0
0
0
primitive-spacing-spacing-0-5--riido-primitive-spacing-spacing-0-5
0.125rem
0.125rem
primitive-spacing-spacing-1--riido-primitive-spacing-spacing-1
0.25rem
0.25rem
primitive-spacing-spacing-1-5--riido-primitive-spacing-spacing-1-5
0.375rem
0.375rem
primitive-spacing-spacing-2--riido-primitive-spacing-spacing-2
0.5rem
0.5rem
primitive-spacing-spacing-2-5--riido-primitive-spacing-spacing-2-5
0.625rem
0.625rem
primitive-spacing-spacing-3--riido-primitive-spacing-spacing-3
0.75rem
0.75rem
primitive-spacing-spacing-3-5--riido-primitive-spacing-spacing-3-5
0.875rem
0.875rem
primitive-spacing-spacing-4--riido-primitive-spacing-spacing-4
1rem
1rem
primitive-spacing-spacing-5--riido-primitive-spacing-spacing-5
1.25rem
1.25rem
primitive-spacing-spacing-6--riido-primitive-spacing-spacing-6
1.5rem
1.5rem
primitive-spacing-spacing-7--riido-primitive-spacing-spacing-7
1.75rem
1.75rem
primitive-spacing-spacing-8--riido-primitive-spacing-spacing-8
2rem
2rem
primitive-spacing-spacing-9--riido-primitive-spacing-spacing-9
2.25rem
2.25rem
primitive-spacing-spacing-10--riido-primitive-spacing-spacing-10
2.5rem
2.5rem
primitive-spacing-spacing-11--riido-primitive-spacing-spacing-11
2.75rem
2.75rem
primitive-spacing-spacing-12--riido-primitive-spacing-spacing-12
3rem
3rem
primitive-spacing-spacing-16--riido-primitive-spacing-spacing-16
4rem
4rem

Borders11

Borders tokens and values by mode
TokenLightDark
primitive-radius-radius-none--riido-primitive-radius-radius-none
0
0
primitive-radius-radius-xs--riido-primitive-radius-radius-xs
0.125rem
0.125rem
primitive-radius-radius-sm--riido-primitive-radius-radius-sm
0.25rem
0.25rem
primitive-radius-radius-md--riido-primitive-radius-radius-md
0.375rem
0.375rem
primitive-radius-radius-lg--riido-primitive-radius-radius-lg
0.5rem
0.5rem
primitive-radius-radius-xl--riido-primitive-radius-radius-xl
0.75rem
0.75rem
primitive-radius-radius-full--riido-primitive-radius-radius-full
9999px
9999px
primitive-border-width-border-width-none--riido-primitive-border-width-border-width-none
0
0
primitive-border-width-border-width--riido-primitive-border-width-border-width
1px
1px
primitive-border-width-border-width-thick--riido-primitive-border-width-border-width-thick
2px
2px
primitive-border-width-ring-width--riido-primitive-border-width-ring-width
2px
2px

Effects19

Effects tokens and values by mode
TokenLightDark
primitive-blur-blur-md--riido-primitive-blur-blur-md
80px
80px
primitive-blur-blur-sm--riido-primitive-blur-blur-sm
40px
40px
primitive-opacity-opacity-40--riido-primitive-opacity-opacity-40
0.4
0.4
shadow-dark-shadow-2xl--riido-shadow-dark-shadow-2xl
—
0 4px 32px 0 rgb(from #0F172B r g b / 0.5)0 4px 32px 0 rgb(from #0F172B r g b / 0.5)
shadow-dark-shadow-ambient--riido-shadow-dark-shadow-ambient
—
0 0 12px 0 rgb(from #0F172B r g b / 0.35)0 0 12px 0 rgb(from #0F172B r g b / 0.35)
shadow-dark-shadow-lg--riido-shadow-dark-shadow-lg
—
0 4px 12px 0 rgb(from #0F172B r g b / 0.45)0 4px 12px 0 rgb(from #0F172B r g b / 0.45)
shadow-dark-shadow-md--riido-shadow-dark-shadow-md
—
0 4px 12px 0 rgb(from #0F172B r g b / 0.35)0 4px 12px 0 rgb(from #0F172B r g b / 0.35)
shadow-dark-shadow-sm--riido-shadow-dark-shadow-sm
—
0 4px 8px 0 rgb(from #0F172B r g b / 0.25)0 4px 8px 0 rgb(from #0F172B r g b / 0.25)
shadow-dark-shadow-xl--riido-shadow-dark-shadow-xl
—
0 4px 20px 0 rgb(from #0F172B r g b / 0.45)0 4px 20px 0 rgb(from #0F172B r g b / 0.45)
shadow-dark-shadow-xs--riido-shadow-dark-shadow-xs
—
0 2px 4px 0 rgb(from #0F172B r g b / 0.2)0 2px 4px 0 rgb(from #0F172B r g b / 0.2)
shadow-light-shadow-2xl--riido-shadow-light-shadow-2xl
0 4px 32px 0 rgb(from #0F172B r g b / 0.4)0 4px 32px 0 rgb(from #0F172B r g b / 0.4)
—
shadow-light-shadow-ambient--riido-shadow-light-shadow-ambient
0 0 12px 0 rgb(from #0F172B r g b / 0.1)0 0 12px 0 rgb(from #0F172B r g b / 0.1)
—
shadow-light-shadow-lg--riido-shadow-light-shadow-lg
0 4px 12px 0 rgb(from #0F172B r g b / 0.35)0 4px 12px 0 rgb(from #0F172B r g b / 0.35)
—
shadow-light-shadow-md--riido-shadow-light-shadow-md
0 4px 12px 0 rgb(from #0F172B r g b / 0.25)0 4px 12px 0 rgb(from #0F172B r g b / 0.25)
—
shadow-light-shadow-sm--riido-shadow-light-shadow-sm
0 4px 8px 0 rgb(from #0F172B r g b / 0.15)0 4px 8px 0 rgb(from #0F172B r g b / 0.15)
—
shadow-light-shadow-xl--riido-shadow-light-shadow-xl
0 4px 20px 0 rgb(from #0F172B r g b / 0.35)0 4px 20px 0 rgb(from #0F172B r g b / 0.35)
—
shadow-light-shadow-xs--riido-shadow-light-shadow-xs
0 2px 4px 0 rgb(from #0F172B r g b / 0.1)0 2px 4px 0 rgb(from #0F172B r g b / 0.1)
—
surface-blur-md--riido-surface-blur-md
80px
80px
surface-blur-sm--riido-surface-blur-sm
40px
40px

Iconography10

Iconography tokens and values by mode
TokenLightDark
primitive-icon-size-icon-size-3xs--riido-primitive-icon-size-icon-size-3xs
0.625rem
0.625rem
primitive-icon-size-icon-size-2xs--riido-primitive-icon-size-icon-size-2xs
0.75rem
0.75rem
primitive-icon-size-icon-size-xs--riido-primitive-icon-size-icon-size-xs
0.875rem
0.875rem
primitive-icon-size-icon-size-sm--riido-primitive-icon-size-icon-size-sm
1rem
1rem
primitive-icon-size-icon-size-md--riido-primitive-icon-size-icon-size-md
1.25rem
1.25rem
primitive-icon-size-icon-size-lg--riido-primitive-icon-size-icon-size-lg
1.5rem
1.5rem
primitive-icon-size-icon-size-xl--riido-primitive-icon-size-icon-size-xl
2rem
2rem
primitive-icon-size-icon-size-2xl--riido-primitive-icon-size-icon-size-2xl
2.5rem
2.5rem
primitive-icon-size-icon-size-3xl--riido-primitive-icon-size-icon-size-3xl
3rem
3rem
primitive-icon-size-icon-size-4xl--riido-primitive-icon-size-icon-size-4xl
4rem
4rem

Deprecated1

These tokens are kept for compatibility with existing code. Use other tokens for new code.

Deprecated tokens and values by mode
TokenLightDark
primitive-type-line-height-3xs--riido-primitive-type-line-height-3xs

Replacement token: primitive-type-line-height-2xs

0.875rem
0.875rem