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
#A6A6A6 RGB(166, 166, 166) RGBA(166, 166, 166, 1) border.disabled
#A6A6A6 RGB(166, 166, 166) RGBA(166, 166, 166, 1) border.focused
#F5C400 RGB(245, 196, 0) RGBA(245, 196, 0, 1) border.selected
#F5C400 RGB(245, 196, 0) RGBA(245, 196, 0, 1) border.transparent
#00000000 RGB(0, 0, 0) RGBA(0, 0, 0, 0) border.variant
#A6A6A6 RGB(166, 166, 166) RGBA(166, 166, 166, 1) conflict
#FFD28A RGB(255, 210, 138) RGBA(255, 210, 138, 1) conflict.background
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) conflict.border
#FFD28A RGB(255, 210, 138) RGBA(255, 210, 138, 1) created
#9DF29F RGB(157, 242, 159) RGBA(157, 242, 159, 1) created.background
#00290D RGB(0, 41, 13) RGBA(0, 41, 13, 1) created.border
#9DF29F RGB(157, 242, 159) RGBA(157, 242, 159, 1) deleted
#FFABA3 RGB(255, 171, 163) RGBA(255, 171, 163, 1) deleted.background
#3D0008 RGB(61, 0, 8) RGBA(61, 0, 8, 1) deleted.border
#FFABA3 RGB(255, 171, 163) RGBA(255, 171, 163, 1) drop_target.background
#0A2552 RGB(10, 37, 82) RGBA(10, 37, 82, 1) editor.active_line_number
#F5C400 RGB(245, 196, 0) RGBA(245, 196, 0, 1) editor.active_line.background
#1A1A1A RGB(26, 26, 26) RGBA(26, 26, 26, 1) editor.active_wrap_guide
#A6A6A6 RGB(166, 166, 166) RGBA(166, 166, 166, 1) editor.background
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) editor.document_highlight.bracket_background
#1A1A1A RGB(26, 26, 26) RGBA(26, 26, 26, 1) editor.document_highlight.read_background
#1A1A1A RGB(26, 26, 26) RGBA(26, 26, 26, 1) editor.document_highlight.write_background
#1A1A1A RGB(26, 26, 26) RGBA(26, 26, 26, 1) editor.foreground
#FFFFFF RGB(255, 255, 255) RGBA(255, 255, 255, 1) editor.gutter.background
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) editor.highlighted_line.background
#1A1A1A RGB(26, 26, 26) RGBA(26, 26, 26, 1) editor.indent_guide
#8C8C8C RGB(140, 140, 140) RGBA(140, 140, 140, 1) editor.indent_guide_active
#FFFFFF RGB(255, 255, 255) RGBA(255, 255, 255, 1) editor.invisible
#8C8C8C RGB(140, 140, 140) RGBA(140, 140, 140, 1) editor.line_number
#E6E6E6 RGB(230, 230, 230) RGBA(230, 230, 230, 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
#0A2552 RGB(10, 37, 82) RGBA(10, 37, 82, 1) element.background
#0F0F0F RGB(15, 15, 15) RGBA(15, 15, 15, 1) element.disabled
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) element.hover
#1A1A1A RGB(26, 26, 26) RGBA(26, 26, 26, 1) element.selected
#0A2552 RGB(10, 37, 82) RGBA(10, 37, 82, 1) elevated_surface.background
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) error
#FF9E94 RGB(255, 158, 148) RGBA(255, 158, 148, 1) error.background
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) error.border
#FF9E94 RGB(255, 158, 148) RGBA(255, 158, 148, 1) ghost_element.active
#0A2552 RGB(10, 37, 82) RGBA(10, 37, 82, 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
#1A1A1A RGB(26, 26, 26) RGBA(26, 26, 26, 1) ghost_element.selected
#0A2552 RGB(10, 37, 82) RGBA(10, 37, 82, 1) hidden
#E0E0E0 RGB(224, 224, 224) RGBA(224, 224, 224, 1) hidden.background
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) hidden.border
#A6A6A6 RGB(166, 166, 166) RGBA(166, 166, 166, 1) hint
#E0E0E0 RGB(224, 224, 224) RGBA(224, 224, 224, 1) hint.background
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) hint.border
#A6A6A6 RGB(166, 166, 166) RGBA(166, 166, 166, 1) icon
#FFFFFF RGB(255, 255, 255) RGBA(255, 255, 255, 1) icon.accent
#F5C400 RGB(245, 196, 0) RGBA(245, 196, 0, 1) icon.disabled
#E0E0E0 RGB(224, 224, 224) RGBA(224, 224, 224, 1) icon.muted
#E0E0E0 RGB(224, 224, 224) RGBA(224, 224, 224, 1) icon.placeholder
#E0E0E0 RGB(224, 224, 224) RGBA(224, 224, 224, 1) ignored
#E0E0E0 RGB(224, 224, 224) RGBA(224, 224, 224, 1) ignored.background
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) ignored.border
#A6A6A6 RGB(166, 166, 166) RGBA(166, 166, 166, 1) info
#A9D4FF RGB(169, 212, 255) RGBA(169, 212, 255, 1) info.background
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) info.border
#A9D4FF RGB(169, 212, 255) RGBA(169, 212, 255, 1) link_text.hover
#8FD0FF RGB(143, 208, 255) RGBA(143, 208, 255, 1) modified
#E6F2FF RGB(230, 242, 255) RGBA(230, 242, 255, 1) modified.background
#1A1A1A RGB(26, 26, 26) RGBA(26, 26, 26, 1) modified.border
#E6F2FF RGB(230, 242, 255) RGBA(230, 242, 255, 1) pane.focused_border
#F5C400 RGB(245, 196, 0) RGBA(245, 196, 0, 1) panel.background
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) panel.focused_border
#F5C400 RGB(245, 196, 0) RGBA(245, 196, 0, 1) player.0.background
#F5C400 RGB(245, 196, 0) RGBA(245, 196, 0, 1) player.0.cursor
#F5C400 RGB(245, 196, 0) RGBA(245, 196, 0, 1) player.0.selection
#0A2552 RGB(10, 37, 82) RGBA(10, 37, 82, 1) predictive
#E0E0E0 RGB(224, 224, 224) RGBA(224, 224, 224, 1) predictive.background
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) predictive.border
#A6A6A6 RGB(166, 166, 166) RGBA(166, 166, 166, 1) renamed
#E6F2FF RGB(230, 242, 255) RGBA(230, 242, 255, 1) renamed.background
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) renamed.border
#E6F2FF RGB(230, 242, 255) RGBA(230, 242, 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
#403300 RGB(64, 51, 0) RGBA(64, 51, 0, 1) status_bar.background
#0F0F0F RGB(15, 15, 15) RGBA(15, 15, 15, 1) success
#9DF29F RGB(157, 242, 159) RGBA(157, 242, 159, 1) success.background
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) success.border
#9DF29F RGB(157, 242, 159) RGBA(157, 242, 159, 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
#B3B3B3 RGB(179, 179, 179) RGBA(179, 179, 179, 1) terminal.ansi.blue
#8FD0FF RGB(143, 208, 255) RGBA(143, 208, 255, 1) terminal.ansi.bright_black
#CCCCCC RGB(204, 204, 204) RGBA(204, 204, 204, 1) terminal.ansi.bright_blue
#C8E6FF RGB(200, 230, 255) RGBA(200, 230, 255, 1) terminal.ansi.bright_cyan
#9EF7EE RGB(158, 247, 238) RGBA(158, 247, 238, 1) terminal.ansi.bright_green
#B8F7B8 RGB(184, 247, 184) RGBA(184, 247, 184, 1) terminal.ansi.bright_magenta
#FFCDF7 RGB(255, 205, 247) RGBA(255, 205, 247, 1) terminal.ansi.bright_red
#FFC4BD RGB(255, 196, 189) RGBA(255, 196, 189, 1) terminal.ansi.bright_white
#FFFFFF RGB(255, 255, 255) RGBA(255, 255, 255, 1) terminal.ansi.bright_yellow
#FFE08A RGB(255, 224, 138) RGBA(255, 224, 138, 1) terminal.ansi.cyan
#5EF0E0 RGB(94, 240, 224) RGBA(94, 240, 224, 1) terminal.ansi.green
#8FE88F RGB(143, 232, 143) RGBA(143, 232, 143, 1) terminal.ansi.magenta
#F2A6FF RGB(242, 166, 255) RGBA(242, 166, 255, 1) terminal.ansi.red
#FF9E94 RGB(255, 158, 148) RGBA(255, 158, 148, 1) terminal.ansi.white
#E0E0E0 RGB(224, 224, 224) RGBA(224, 224, 224, 1) terminal.ansi.yellow
#F5C400 RGB(245, 196, 0) RGBA(245, 196, 0, 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
#E0E0E0 RGB(224, 224, 224) RGBA(224, 224, 224, 1) terminal.foreground
#FFFFFF RGB(255, 255, 255) RGBA(255, 255, 255, 1) text
#FFFFFF RGB(255, 255, 255) RGBA(255, 255, 255, 1) text.accent
#F5C400 RGB(245, 196, 0) RGBA(245, 196, 0, 1) text.disabled
#E0E0E0 RGB(224, 224, 224) RGBA(224, 224, 224, 1) text.muted
#E0E0E0 RGB(224, 224, 224) RGBA(224, 224, 224, 1) text.placeholder
#E0E0E0 RGB(224, 224, 224) RGBA(224, 224, 224, 1) title_bar.background
#0F0F0F RGB(15, 15, 15) RGBA(15, 15, 15, 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
#E0E0E0 RGB(224, 224, 224) RGBA(224, 224, 224, 1) unreachable.background
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) unreachable.border
#A6A6A6 RGB(166, 166, 166) RGBA(166, 166, 166, 1) warning
#FFD28A RGB(255, 210, 138) RGBA(255, 210, 138, 1) warning.background
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) warning.border
#FFD28A RGB(255, 210, 138) RGBA(255, 210, 138, 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
#FFF0B8 RGB(255, 240, 184) RGBA(255, 240, 184, 1) boolean
#FFB27A RGB(255, 178, 122) RGBA(255, 178, 122, 1) comment
#C0CCD8 RGB(192, 204, 216) RGBA(192, 204, 216, 1) comment.doc
#C0CCD8 RGB(192, 204, 216) RGBA(192, 204, 216, 1) constant
#FFB27A RGB(255, 178, 122) RGBA(255, 178, 122, 1) constructor
#5EF0E0 RGB(94, 240, 224) RGBA(94, 240, 224, 1) embedded
#FFFFFF RGB(255, 255, 255) RGBA(255, 255, 255, 1) emphasis
#FFFFFF RGB(255, 255, 255) RGBA(255, 255, 255, 1) emphasis.strong
#FFFFFF RGB(255, 255, 255) RGBA(255, 255, 255, 1) enum
#5EF0E0 RGB(94, 240, 224) RGBA(94, 240, 224, 1) function
#8FD0FF RGB(143, 208, 255) RGBA(143, 208, 255, 1) hint
#E0E0E0 RGB(224, 224, 224) RGBA(224, 224, 224, 1) keyword
#F5C400 RGB(245, 196, 0) RGBA(245, 196, 0, 1) label
#FFCDF0 RGB(255, 205, 240) RGBA(255, 205, 240, 1) link_text
#8FD0FF RGB(143, 208, 255) RGBA(143, 208, 255, 1) link_uri
#8FD0FF RGB(143, 208, 255) RGBA(143, 208, 255, 1) number
#FFB27A RGB(255, 178, 122) RGBA(255, 178, 122, 1) operator
#FFFFFF RGB(255, 255, 255) RGBA(255, 255, 255, 1) predictive
#E0E0E0 RGB(224, 224, 224) RGBA(224, 224, 224, 1) preproc
#F5C400 RGB(245, 196, 0) RGBA(245, 196, 0, 1) primary
#FFFFFF RGB(255, 255, 255) RGBA(255, 255, 255, 1) property
#C9A8FF RGB(201, 168, 255) RGBA(201, 168, 255, 1) punctuation
#FFFFFF RGB(255, 255, 255) RGBA(255, 255, 255, 1) punctuation.bracket
#FFFFFF RGB(255, 255, 255) RGBA(255, 255, 255, 1) punctuation.delimiter
#FFFFFF RGB(255, 255, 255) RGBA(255, 255, 255, 1) punctuation.list_marker
#FFFFFF RGB(255, 255, 255) RGBA(255, 255, 255, 1) punctuation.special
#FFFFFF RGB(255, 255, 255) RGBA(255, 255, 255, 1) string
#A3EE9F RGB(163, 238, 159) RGBA(163, 238, 159, 1) string.escape
#FFA6C9 RGB(255, 166, 201) RGBA(255, 166, 201, 1) string.regex
#FFA6C9 RGB(255, 166, 201) RGBA(255, 166, 201, 1) string.special
#FFA6C9 RGB(255, 166, 201) RGBA(255, 166, 201, 1) string.special.symbol
#FFB27A RGB(255, 178, 122) RGBA(255, 178, 122, 1) tag
#F5C400 RGB(245, 196, 0) RGBA(245, 196, 0, 1) text.literal
#A3EE9F RGB(163, 238, 159) RGBA(163, 238, 159, 1) title
#F5C400 RGB(245, 196, 0) RGBA(245, 196, 0, 1) type
#5EF0E0 RGB(94, 240, 224) RGBA(94, 240, 224, 1) variable
#FFFFFF RGB(255, 255, 255) RGBA(255, 255, 255, 1) variable.special
#F5C400 RGB(245, 196, 0) RGBA(245, 196, 0, 1) variant
#5EF0E0 RGB(94, 240, 224) RGBA(94, 240, 224, 1)