colors UI color keys from this variant's theme style.
key HEX RGB RGBA background
#F7F7F7 RGB(247, 247, 247) RGBA(247, 247, 247, 1) border
#262626 RGB(38, 38, 38) RGBA(38, 38, 38, 1) border.disabled
#262626 RGB(38, 38, 38) RGBA(38, 38, 38, 1) border.focused
#003D99 RGB(0, 61, 153) RGBA(0, 61, 153, 1) border.selected
#003D99 RGB(0, 61, 153) RGBA(0, 61, 153, 1) border.transparent
#F7F7F700 RGB(247, 247, 247) RGBA(247, 247, 247, 0) border.variant
#262626 RGB(38, 38, 38) RGBA(38, 38, 38, 1) conflict
#5A3A00 RGB(90, 58, 0) RGBA(90, 58, 0, 1) conflict.background
#F7F7F7 RGB(247, 247, 247) RGBA(247, 247, 247, 1) conflict.border
#5A3A00 RGB(90, 58, 0) RGBA(90, 58, 0, 1) created
#005518 RGB(0, 85, 24) RGBA(0, 85, 24, 1) created.background
#E0F5E3 RGB(224, 245, 227) RGBA(224, 245, 227, 1) created.border
#005518 RGB(0, 85, 24) RGBA(0, 85, 24, 1) deleted
#4A0000 RGB(74, 0, 0) RGBA(74, 0, 0, 1) deleted.background
#FDE4E4 RGB(253, 228, 228) RGBA(253, 228, 228, 1) deleted.border
#4A0000 RGB(74, 0, 0) RGBA(74, 0, 0, 1) drop_target.background
#FFF1A0 RGB(255, 241, 160) RGBA(255, 241, 160, 1) editor.active_line_number
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) editor.active_line.background
#F2F2F2 RGB(242, 242, 242) RGBA(242, 242, 242, 1) editor.active_wrap_guide
#262626 RGB(38, 38, 38) RGBA(38, 38, 38, 1) editor.background
#FFFFFF RGB(255, 255, 255) RGBA(255, 255, 255, 1) editor.document_highlight.bracket_background
#F2F2F2 RGB(242, 242, 242) RGBA(242, 242, 242, 1) editor.document_highlight.read_background
#F2F2F2 RGB(242, 242, 242) RGBA(242, 242, 242, 1) editor.document_highlight.write_background
#F2F2F2 RGB(242, 242, 242) RGBA(242, 242, 242, 1) editor.foreground
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) editor.gutter.background
#FFFFFF RGB(255, 255, 255) RGBA(255, 255, 255, 1) editor.highlighted_line.background
#F2F2F2 RGB(242, 242, 242) RGBA(242, 242, 242, 1) editor.indent_guide
#6E6E6E RGB(110, 110, 110) RGBA(110, 110, 110, 1) editor.indent_guide_active
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) editor.invisible
#6E6E6E RGB(110, 110, 110) RGBA(110, 110, 110, 1) editor.line_number
#262626 RGB(38, 38, 38) RGBA(38, 38, 38, 1) editor.subheader.background
#F7F7F7 RGB(247, 247, 247) RGBA(247, 247, 247, 1) editor.wrap_guide
#6E6E6E RGB(110, 110, 110) RGBA(110, 110, 110, 1) element.active
#FFF1A0 RGB(255, 241, 160) RGBA(255, 241, 160, 1) element.background
#EFEFEF RGB(239, 239, 239) RGBA(239, 239, 239, 1) element.disabled
#F7F7F7 RGB(247, 247, 247) RGBA(247, 247, 247, 1) element.hover
#F2F2F2 RGB(242, 242, 242) RGBA(242, 242, 242, 1) element.selected
#FFF1A0 RGB(255, 241, 160) RGBA(255, 241, 160, 1) elevated_surface.background
#F7F7F7 RGB(247, 247, 247) RGBA(247, 247, 247, 1) error
#8B0000 RGB(139, 0, 0) RGBA(139, 0, 0, 1) error.background
#F7F7F7 RGB(247, 247, 247) RGBA(247, 247, 247, 1) error.border
#8B0000 RGB(139, 0, 0) RGBA(139, 0, 0, 1) ghost_element.active
#FFF1A0 RGB(255, 241, 160) RGBA(255, 241, 160, 1) ghost_element.background
#F7F7F700 RGB(247, 247, 247) RGBA(247, 247, 247, 0) ghost_element.disabled
#F7F7F700 RGB(247, 247, 247) RGBA(247, 247, 247, 0) ghost_element.hover
#F2F2F2 RGB(242, 242, 242) RGBA(242, 242, 242, 1) ghost_element.selected
#FFF1A0 RGB(255, 241, 160) RGBA(255, 241, 160, 1) hidden
#2E2E2E RGB(46, 46, 46) RGBA(46, 46, 46, 1) hidden.background
#F7F7F7 RGB(247, 247, 247) RGBA(247, 247, 247, 1) hidden.border
#262626 RGB(38, 38, 38) RGBA(38, 38, 38, 1) hint
#2E2E2E RGB(46, 46, 46) RGBA(46, 46, 46, 1) hint.background
#F7F7F7 RGB(247, 247, 247) RGBA(247, 247, 247, 1) hint.border
#262626 RGB(38, 38, 38) RGBA(38, 38, 38, 1) icon
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) icon.accent
#003D99 RGB(0, 61, 153) RGBA(0, 61, 153, 1) icon.disabled
#2E2E2E RGB(46, 46, 46) RGBA(46, 46, 46, 1) icon.muted
#2E2E2E RGB(46, 46, 46) RGBA(46, 46, 46, 1) icon.placeholder
#2E2E2E RGB(46, 46, 46) RGBA(46, 46, 46, 1) ignored
#2E2E2E RGB(46, 46, 46) RGBA(46, 46, 46, 1) ignored.background
#F7F7F7 RGB(247, 247, 247) RGBA(247, 247, 247, 1) ignored.border
#262626 RGB(38, 38, 38) RGBA(38, 38, 38, 1) info
#00337F RGB(0, 51, 127) RGBA(0, 51, 127, 1) info.background
#F7F7F7 RGB(247, 247, 247) RGBA(247, 247, 247, 1) info.border
#00337F RGB(0, 51, 127) RGBA(0, 51, 127, 1) link_text.hover
#003D99 RGB(0, 61, 153) RGBA(0, 61, 153, 1) modified
#00307A RGB(0, 48, 122) RGBA(0, 48, 122, 1) modified.background
#F2F2F2 RGB(242, 242, 242) RGBA(242, 242, 242, 1) modified.border
#00307A RGB(0, 48, 122) RGBA(0, 48, 122, 1) pane.focused_border
#003D99 RGB(0, 61, 153) RGBA(0, 61, 153, 1) panel.background
#F7F7F7 RGB(247, 247, 247) RGBA(247, 247, 247, 1) panel.focused_border
#003D99 RGB(0, 61, 153) RGBA(0, 61, 153, 1) player.0.background
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) player.0.cursor
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) player.0.selection
#FFF1A0 RGB(255, 241, 160) RGBA(255, 241, 160, 1) predictive
#2E2E2E RGB(46, 46, 46) RGBA(46, 46, 46, 1) predictive.background
#F7F7F7 RGB(247, 247, 247) RGBA(247, 247, 247, 1) predictive.border
#262626 RGB(38, 38, 38) RGBA(38, 38, 38, 1) renamed
#00307A RGB(0, 48, 122) RGBA(0, 48, 122, 1) renamed.background
#F7F7F7 RGB(247, 247, 247) RGBA(247, 247, 247, 1) renamed.border
#00307A RGB(0, 48, 122) RGBA(0, 48, 122, 1) scrollbar.thumb.background
#6E6E6E80 RGB(110, 110, 110) RGBA(110, 110, 110, 0.502) scrollbar.thumb.border
#6E6E6E RGB(110, 110, 110) RGBA(110, 110, 110, 1) scrollbar.thumb.hover_background
#6E6E6E RGB(110, 110, 110) RGBA(110, 110, 110, 1) scrollbar.track.background
#FFFFFF00 RGB(255, 255, 255) RGBA(255, 255, 255, 0) scrollbar.track.border
#FFFFFF00 RGB(255, 255, 255) RGBA(255, 255, 255, 0) search.match_background
#FFD400 RGB(255, 212, 0) RGBA(255, 212, 0, 1) status_bar.background
#EFEFEF RGB(239, 239, 239) RGBA(239, 239, 239, 1) success
#005518 RGB(0, 85, 24) RGBA(0, 85, 24, 1) success.background
#F7F7F7 RGB(247, 247, 247) RGBA(247, 247, 247, 1) success.border
#005518 RGB(0, 85, 24) RGBA(0, 85, 24, 1) surface.background
#F7F7F7 RGB(247, 247, 247) RGBA(247, 247, 247, 1) tab_bar.background
#F7F7F7 RGB(247, 247, 247) RGBA(247, 247, 247, 1) tab.active_background
#FFFFFF RGB(255, 255, 255) RGBA(255, 255, 255, 1) tab.inactive_background
#F7F7F7 RGB(247, 247, 247) RGBA(247, 247, 247, 1) terminal.ansi.black
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) terminal.ansi.blue
#003D99 RGB(0, 61, 153) RGBA(0, 61, 153, 1) terminal.ansi.bright_black
#333333 RGB(51, 51, 51) RGBA(51, 51, 51, 1) terminal.ansi.bright_blue
#0049A3 RGB(0, 73, 163) RGBA(0, 73, 163, 1) terminal.ansi.bright_cyan
#005F5F RGB(0, 95, 95) RGBA(0, 95, 95, 1) terminal.ansi.bright_green
#00661A RGB(0, 102, 26) RGBA(0, 102, 26, 1) terminal.ansi.bright_magenta
#80007A RGB(128, 0, 122) RGBA(128, 0, 122, 1) terminal.ansi.bright_red
#A30000 RGB(163, 0, 0) RGBA(163, 0, 0, 1) terminal.ansi.bright_white
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) terminal.ansi.bright_yellow
#6B4700 RGB(107, 71, 0) RGBA(107, 71, 0, 1) terminal.ansi.cyan
#004F4E RGB(0, 79, 78) RGBA(0, 79, 78, 1) terminal.ansi.green
#005518 RGB(0, 85, 24) RGBA(0, 85, 24, 1) terminal.ansi.magenta
#6B0066 RGB(107, 0, 102) RGBA(107, 0, 102, 1) terminal.ansi.red
#8B0000 RGB(139, 0, 0) RGBA(139, 0, 0, 1) terminal.ansi.white
#3D3D3D RGB(61, 61, 61) RGBA(61, 61, 61, 1) terminal.ansi.yellow
#5C3D00 RGB(92, 61, 0) RGBA(92, 61, 0, 1) terminal.background
#FFFFFF RGB(255, 255, 255) RGBA(255, 255, 255, 1) terminal.bright_foreground
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) terminal.dim_foreground
#2E2E2E RGB(46, 46, 46) RGBA(46, 46, 46, 1) terminal.foreground
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) text
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) text.accent
#003D99 RGB(0, 61, 153) RGBA(0, 61, 153, 1) text.disabled
#2E2E2E RGB(46, 46, 46) RGBA(46, 46, 46, 1) text.muted
#2E2E2E RGB(46, 46, 46) RGBA(46, 46, 46, 1) text.placeholder
#2E2E2E RGB(46, 46, 46) RGBA(46, 46, 46, 1) title_bar.background
#EFEFEF RGB(239, 239, 239) RGBA(239, 239, 239, 1) title_bar.inactive_background
#F7F7F7 RGB(247, 247, 247) RGBA(247, 247, 247, 1) toolbar.background
#FFFFFF RGB(255, 255, 255) RGBA(255, 255, 255, 1) unreachable
#2E2E2E RGB(46, 46, 46) RGBA(46, 46, 46, 1) unreachable.background
#F7F7F7 RGB(247, 247, 247) RGBA(247, 247, 247, 1) unreachable.border
#262626 RGB(38, 38, 38) RGBA(38, 38, 38, 1) warning
#5A3A00 RGB(90, 58, 0) RGBA(90, 58, 0, 1) warning.background
#F7F7F7 RGB(247, 247, 247) RGBA(247, 247, 247, 1) warning.border
#5A3A00 RGB(90, 58, 0) RGBA(90, 58, 0, 1)
syntax Syntax capture colors from the theme style. Italic and bold are not listed — the preview above shows them in the code.
capture HEX RGB RGBA attribute
#4F3200 RGB(79, 50, 0) RGBA(79, 50, 0, 1) boolean
#521E00 RGB(82, 30, 0) RGBA(82, 30, 0, 1) comment
#3D4752 RGB(61, 71, 82) RGBA(61, 71, 82, 1) comment.doc
#3D4752 RGB(61, 71, 82) RGBA(61, 71, 82, 1) constant
#521E00 RGB(82, 30, 0) RGBA(82, 30, 0, 1) constructor
#004F4E RGB(0, 79, 78) RGBA(0, 79, 78, 1) embedded
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) emphasis
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) emphasis.strong
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) enum
#004F4E RGB(0, 79, 78) RGBA(0, 79, 78, 1) function
#00347F RGB(0, 52, 127) RGBA(0, 52, 127, 1) hint
#2E2E2E RGB(46, 46, 46) RGBA(46, 46, 46, 1) keyword
#4B0091 RGB(75, 0, 145) RGBA(75, 0, 145, 1) label
#8A0046 RGB(138, 0, 70) RGBA(138, 0, 70, 1) link_text
#003D99 RGB(0, 61, 153) RGBA(0, 61, 153, 1) link_uri
#003D99 RGB(0, 61, 153) RGBA(0, 61, 153, 1) number
#521E00 RGB(82, 30, 0) RGBA(82, 30, 0, 1) operator
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) predictive
#2E2E2E RGB(46, 46, 46) RGBA(46, 46, 46, 1) preproc
#4B0091 RGB(75, 0, 145) RGBA(75, 0, 145, 1) primary
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) property
#1E0090 RGB(30, 0, 144) RGBA(30, 0, 144, 1) punctuation
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) punctuation.bracket
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) punctuation.delimiter
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) punctuation.list_marker
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) punctuation.special
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) string
#005518 RGB(0, 85, 24) RGBA(0, 85, 24, 1) string.escape
#720030 RGB(114, 0, 48) RGBA(114, 0, 48, 1) string.regex
#720030 RGB(114, 0, 48) RGBA(114, 0, 48, 1) string.special
#720030 RGB(114, 0, 48) RGBA(114, 0, 48, 1) string.special.symbol
#521E00 RGB(82, 30, 0) RGBA(82, 30, 0, 1) tag
#4B0091 RGB(75, 0, 145) RGBA(75, 0, 145, 1) text.literal
#005518 RGB(0, 85, 24) RGBA(0, 85, 24, 1) title
#4B0091 RGB(75, 0, 145) RGBA(75, 0, 145, 1) type
#004F4E RGB(0, 79, 78) RGBA(0, 79, 78, 1) variable
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) variable.special
#4B0091 RGB(75, 0, 145) RGBA(75, 0, 145, 1) variant
#004F4E RGB(0, 79, 78) RGBA(0, 79, 78, 1)