colors UI color keys from this variant's theme style.
key HEX RGB RGBA background
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) border
#7A7A7A RGB(122, 122, 122) RGBA(122, 122, 122, 1) border.disabled
#7A7A7A RGB(122, 122, 122) RGBA(122, 122, 122, 1) border.focused
#FFEB3B RGB(255, 235, 59) RGBA(255, 235, 59, 1) border.selected
#FFEB3B RGB(255, 235, 59) RGBA(255, 235, 59, 1) border.transparent
#00000000 RGB(0, 0, 0) RGBA(0, 0, 0, 0) border.variant
#7A7A7A RGB(122, 122, 122) RGBA(122, 122, 122, 1) conflict
#FFD8AB RGB(255, 216, 171) RGBA(255, 216, 171, 1) conflict.background
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) conflict.border
#FFD8AB RGB(255, 216, 171) RGBA(255, 216, 171, 1) created
#9AE99C RGB(154, 233, 156) RGBA(154, 233, 156, 1) created.background
#0D2A12 RGB(13, 42, 18) RGBA(13, 42, 18, 1) created.border
#9AE99C RGB(154, 233, 156) RGBA(154, 233, 156, 1) deleted
#FFA59D RGB(255, 165, 157) RGBA(255, 165, 157, 1) deleted.background
#3A0E0E RGB(58, 14, 14) RGBA(58, 14, 14, 1) deleted.border
#FFA59D RGB(255, 165, 157) RGBA(255, 165, 157, 1) drop_target.background
#0A2257 RGB(10, 34, 87) RGBA(10, 34, 87, 1) editor.active_line_number
#FFEB3B RGB(255, 235, 59) RGBA(255, 235, 59, 1) editor.active_line.background
#141414 RGB(20, 20, 20) RGBA(20, 20, 20, 1) editor.active_wrap_guide
#7A7A7A RGB(122, 122, 122) RGBA(122, 122, 122, 1) editor.background
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) editor.document_highlight.bracket_background
#141414 RGB(20, 20, 20) RGBA(20, 20, 20, 1) editor.document_highlight.read_background
#141414 RGB(20, 20, 20) RGBA(20, 20, 20, 1) editor.document_highlight.write_background
#141414 RGB(20, 20, 20) RGBA(20, 20, 20, 1) editor.foreground
#FFEB3B RGB(255, 235, 59) RGBA(255, 235, 59, 1) editor.gutter.background
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) editor.highlighted_line.background
#141414 RGB(20, 20, 20) RGBA(20, 20, 20, 1) editor.indent_guide
#8C8C8C RGB(140, 140, 140) RGBA(140, 140, 140, 1) editor.indent_guide_active
#FFEB3B RGB(255, 235, 59) RGBA(255, 235, 59, 1) editor.invisible
#9A9A9A RGB(154, 154, 154) RGBA(154, 154, 154, 1) editor.line_number
#D9D9D9 RGB(217, 217, 217) RGBA(217, 217, 217, 1) editor.subheader.background
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) editor.wrap_guide
#8C8C8C RGB(140, 140, 140) RGBA(140, 140, 140, 1) element.active
#0A2257 RGB(10, 34, 87) RGBA(10, 34, 87, 1) element.background
#0D0D0D RGB(13, 13, 13) RGBA(13, 13, 13, 1) element.disabled
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) element.hover
#141414 RGB(20, 20, 20) RGBA(20, 20, 20, 1) element.selected
#0A2257 RGB(10, 34, 87) RGBA(10, 34, 87, 1) elevated_surface.background
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) error
#FFBEB5 RGB(255, 190, 181) RGBA(255, 190, 181, 1) error.background
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) error.border
#FFBEB5 RGB(255, 190, 181) RGBA(255, 190, 181, 1) ghost_element.active
#0A2257 RGB(10, 34, 87) RGBA(10, 34, 87, 1) ghost_element.background
#00000000 RGB(0, 0, 0) RGBA(0, 0, 0, 0) ghost_element.disabled
#00000000 RGB(0, 0, 0) RGBA(0, 0, 0, 0) ghost_element.hover
#141414 RGB(20, 20, 20) RGBA(20, 20, 20, 1) ghost_element.selected
#0A2257 RGB(10, 34, 87) RGBA(10, 34, 87, 1) hidden
#E6E6E6 RGB(230, 230, 230) RGBA(230, 230, 230, 1) hidden.background
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) hidden.border
#7A7A7A RGB(122, 122, 122) RGBA(122, 122, 122, 1) hint
#E6E6E6 RGB(230, 230, 230) RGBA(230, 230, 230, 1) hint.background
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) hint.border
#7A7A7A RGB(122, 122, 122) RGBA(122, 122, 122, 1) icon
#FFEB3B RGB(255, 235, 59) RGBA(255, 235, 59, 1) icon.accent
#FFEB3B RGB(255, 235, 59) RGBA(255, 235, 59, 1) icon.disabled
#E6E6E6 RGB(230, 230, 230) RGBA(230, 230, 230, 1) icon.muted
#E6E6E6 RGB(230, 230, 230) RGBA(230, 230, 230, 1) icon.placeholder
#E6E6E6 RGB(230, 230, 230) RGBA(230, 230, 230, 1) ignored
#E6E6E6 RGB(230, 230, 230) RGBA(230, 230, 230, 1) ignored.background
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) ignored.border
#7A7A7A RGB(122, 122, 122) RGBA(122, 122, 122, 1) info
#A6D2FF RGB(166, 210, 255) RGBA(166, 210, 255, 1) info.background
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) info.border
#A6D2FF RGB(166, 210, 255) RGBA(166, 210, 255, 1) link_text.hover
#5CE1E6 RGB(92, 225, 230) RGBA(92, 225, 230, 1) modified
#DDEDFF RGB(221, 237, 255) RGBA(221, 237, 255, 1) modified.background
#141414 RGB(20, 20, 20) RGBA(20, 20, 20, 1) modified.border
#DDEDFF RGB(221, 237, 255) RGBA(221, 237, 255, 1) pane.focused_border
#FFEB3B RGB(255, 235, 59) RGBA(255, 235, 59, 1) panel.background
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) panel.focused_border
#FFEB3B RGB(255, 235, 59) RGBA(255, 235, 59, 1) player.0.background
#FFFFFF RGB(255, 255, 255) RGBA(255, 255, 255, 1) player.0.cursor
#FFFFFF RGB(255, 255, 255) RGBA(255, 255, 255, 1) player.0.selection
#0A2257 RGB(10, 34, 87) RGBA(10, 34, 87, 1) predictive
#E6E6E6 RGB(230, 230, 230) RGBA(230, 230, 230, 1) predictive.background
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) predictive.border
#7A7A7A RGB(122, 122, 122) RGBA(122, 122, 122, 1) renamed
#DDEDFF RGB(221, 237, 255) RGBA(221, 237, 255, 1) renamed.background
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) renamed.border
#DDEDFF RGB(221, 237, 255) RGBA(221, 237, 255, 1) scrollbar.thumb.background
#8C8C8C80 RGB(140, 140, 140) RGBA(140, 140, 140, 0.502) scrollbar.thumb.border
#8C8C8C RGB(140, 140, 140) RGBA(140, 140, 140, 1) scrollbar.thumb.hover_background
#8C8C8C RGB(140, 140, 140) RGBA(140, 140, 140, 1) scrollbar.track.background
#00000000 RGB(0, 0, 0) RGBA(0, 0, 0, 0) scrollbar.track.border
#00000000 RGB(0, 0, 0) RGBA(0, 0, 0, 0) search.match_background
#3D3000 RGB(61, 48, 0) RGBA(61, 48, 0, 1) status_bar.background
#0D0D0D RGB(13, 13, 13) RGBA(13, 13, 13, 1) success
#9AE99C RGB(154, 233, 156) RGBA(154, 233, 156, 1) success.background
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) success.border
#9AE99C RGB(154, 233, 156) RGBA(154, 233, 156, 1) surface.background
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) tab_bar.background
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) tab.active_background
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) tab.inactive_background
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) terminal.ansi.black
#A3A3A3 RGB(163, 163, 163) RGBA(163, 163, 163, 1) terminal.ansi.blue
#90C1FF RGB(144, 193, 255) RGBA(144, 193, 255, 1) terminal.ansi.bright_black
#C8C8C8 RGB(200, 200, 200) RGBA(200, 200, 200, 1) terminal.ansi.bright_blue
#C9E0FF RGB(201, 224, 255) RGBA(201, 224, 255, 1) terminal.ansi.bright_cyan
#55F4F3 RGB(85, 244, 243) RGBA(85, 244, 243, 1) terminal.ansi.bright_green
#A2F1A4 RGB(162, 241, 164) RGBA(162, 241, 164, 1) terminal.ansi.bright_magenta
#FFD0FA RGB(255, 208, 250) RGBA(255, 208, 250, 1) terminal.ansi.bright_red
#FFD5CE RGB(255, 213, 206) RGBA(255, 213, 206, 1) terminal.ansi.bright_white
#FFFFFF RGB(255, 255, 255) RGBA(255, 255, 255, 1) terminal.ansi.bright_yellow
#FFDA8A RGB(255, 218, 138) RGBA(255, 218, 138, 1) terminal.ansi.cyan
#1FD3D3 RGB(31, 211, 211) RGBA(31, 211, 211, 1) terminal.ansi.green
#82D085 RGB(130, 208, 133) RGBA(130, 208, 133, 1) terminal.ansi.magenta
#F2A4EB RGB(242, 164, 235) RGBA(242, 164, 235, 1) terminal.ansi.red
#FFA79B RGB(255, 167, 155) RGBA(255, 167, 155, 1) terminal.ansi.white
#D9D9D9 RGB(217, 217, 217) RGBA(217, 217, 217, 1) terminal.ansi.yellow
#E5B851 RGB(229, 184, 81) RGBA(229, 184, 81, 1) terminal.background
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) terminal.bright_foreground
#FFFFFF RGB(255, 255, 255) RGBA(255, 255, 255, 1) terminal.dim_foreground
#E6E6E6 RGB(230, 230, 230) RGBA(230, 230, 230, 1) terminal.foreground
#FFFFFF RGB(255, 255, 255) RGBA(255, 255, 255, 1) text
#FFEB3B RGB(255, 235, 59) RGBA(255, 235, 59, 1) text.accent
#FFEB3B RGB(255, 235, 59) RGBA(255, 235, 59, 1) text.disabled
#E6E6E6 RGB(230, 230, 230) RGBA(230, 230, 230, 1) text.muted
#E6E6E6 RGB(230, 230, 230) RGBA(230, 230, 230, 1) text.placeholder
#E6E6E6 RGB(230, 230, 230) RGBA(230, 230, 230, 1) title_bar.background
#0D0D0D RGB(13, 13, 13) RGBA(13, 13, 13, 1) title_bar.inactive_background
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) toolbar.background
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) unreachable
#E6E6E6 RGB(230, 230, 230) RGBA(230, 230, 230, 1) unreachable.background
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) unreachable.border
#7A7A7A RGB(122, 122, 122) RGBA(122, 122, 122, 1) warning
#FFD8AB RGB(255, 216, 171) RGBA(255, 216, 171, 1) warning.background
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) warning.border
#FFD8AB RGB(255, 216, 171) RGBA(255, 216, 171, 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
#FFFFFF RGB(255, 255, 255) RGBA(255, 255, 255, 1) boolean
#FFA77E RGB(255, 167, 126) RGBA(255, 167, 126, 1) comment
#B4BFCA RGB(180, 191, 202) RGBA(180, 191, 202, 1) comment.doc
#B4BFCA RGB(180, 191, 202) RGBA(180, 191, 202, 1) constant
#FFA77E RGB(255, 167, 126) RGBA(255, 167, 126, 1) constructor
#E5C7FF RGB(229, 199, 255) RGBA(229, 199, 255, 1) embedded
#FFEB3B RGB(255, 235, 59) RGBA(255, 235, 59, 1) emphasis
#FFEB3B RGB(255, 235, 59) RGBA(255, 235, 59, 1) emphasis.strong
#FFEB3B RGB(255, 235, 59) RGBA(255, 235, 59, 1) enum
#E5C7FF RGB(229, 199, 255) RGBA(229, 199, 255, 1) function
#88C3FF RGB(136, 195, 255) RGBA(136, 195, 255, 1) hint
#E6E6E6 RGB(230, 230, 230) RGBA(230, 230, 230, 1) keyword
#FFFFFF RGB(255, 255, 255) RGBA(255, 255, 255, 1) label
#49EBF3 RGB(73, 235, 243) RGBA(73, 235, 243, 1) link_text
#5CE1E6 RGB(92, 225, 230) RGBA(92, 225, 230, 1) link_uri
#5CE1E6 RGB(92, 225, 230) RGBA(92, 225, 230, 1) number
#FFA77E RGB(255, 167, 126) RGBA(255, 167, 126, 1) operator
#FFEB3B RGB(255, 235, 59) RGBA(255, 235, 59, 1) predictive
#E6E6E6 RGB(230, 230, 230) RGBA(230, 230, 230, 1) preproc
#FFFFFF RGB(255, 255, 255) RGBA(255, 255, 255, 1) primary
#FFEB3B RGB(255, 235, 59) RGBA(255, 235, 59, 1) property
#FFFFFF RGB(255, 255, 255) RGBA(255, 255, 255, 1) punctuation
#FFEB3B RGB(255, 235, 59) RGBA(255, 235, 59, 1) punctuation.bracket
#FFEB3B RGB(255, 235, 59) RGBA(255, 235, 59, 1) punctuation.delimiter
#FFEB3B RGB(255, 235, 59) RGBA(255, 235, 59, 1) punctuation.list_marker
#FFEB3B RGB(255, 235, 59) RGBA(255, 235, 59, 1) punctuation.special
#FFEB3B RGB(255, 235, 59) RGBA(255, 235, 59, 1) string
#90EAA4 RGB(144, 234, 164) RGBA(144, 234, 164, 1) string.escape
#FFA1CE RGB(255, 161, 206) RGBA(255, 161, 206, 1) string.regex
#FFA1CE RGB(255, 161, 206) RGBA(255, 161, 206, 1) string.special
#FFA1CE RGB(255, 161, 206) RGBA(255, 161, 206, 1) string.special.symbol
#FFA77E RGB(255, 167, 126) RGBA(255, 167, 126, 1) tag
#FFFFFF RGB(255, 255, 255) RGBA(255, 255, 255, 1) text.literal
#90EAA4 RGB(144, 234, 164) RGBA(144, 234, 164, 1) title
#FFFFFF RGB(255, 255, 255) RGBA(255, 255, 255, 1) type
#E5C7FF RGB(229, 199, 255) RGBA(229, 199, 255, 1) variable
#FFEB3B RGB(255, 235, 59) RGBA(255, 235, 59, 1) variable.special
#FFFFFF RGB(255, 255, 255) RGBA(255, 255, 255, 1) variant
#E5C7FF RGB(229, 199, 255) RGBA(229, 199, 255, 1)