colors UI color keys from this variant's theme style.
key HEX RGB RGBA background
#F4F4F4 RGB(244, 244, 244) RGBA(244, 244, 244, 1) border
#707070 RGB(112, 112, 112) RGBA(112, 112, 112, 1) border.disabled
#707070 RGB(112, 112, 112) RGBA(112, 112, 112, 1) border.focused
#0049A3 RGB(0, 73, 163) RGBA(0, 73, 163, 1) border.selected
#0049A3 RGB(0, 73, 163) RGBA(0, 73, 163, 1) border.transparent
#F4F4F400 RGB(244, 244, 244) RGBA(244, 244, 244, 0) border.variant
#707070 RGB(112, 112, 112) RGBA(112, 112, 112, 1) conflict
#583600 RGB(88, 54, 0) RGBA(88, 54, 0, 1) conflict.background
#F4F4F4 RGB(244, 244, 244) RGBA(244, 244, 244, 1) conflict.border
#583600 RGB(88, 54, 0) RGBA(88, 54, 0, 1) created
#005B14 RGB(0, 91, 20) RGBA(0, 91, 20, 1) created.background
#E3F5E6 RGB(227, 245, 230) RGBA(227, 245, 230, 1) created.border
#005B14 RGB(0, 91, 20) RGBA(0, 91, 20, 1) deleted
#5D0002 RGB(93, 0, 2) RGBA(93, 0, 2, 1) deleted.background
#FDEAEA RGB(253, 234, 234) RGBA(253, 234, 234, 1) deleted.border
#5D0002 RGB(93, 0, 2) RGBA(93, 0, 2, 1) drop_target.background
#FFF1A8 RGB(255, 241, 168) RGBA(255, 241, 168, 1) editor.active_line_number
#111111 RGB(17, 17, 17) RGBA(17, 17, 17, 1) editor.active_line.background
#F0F0F0 RGB(240, 240, 240) RGBA(240, 240, 240, 1) editor.active_wrap_guide
#707070 RGB(112, 112, 112) RGBA(112, 112, 112, 1) editor.background
#FFFFFF RGB(255, 255, 255) RGBA(255, 255, 255, 1) editor.document_highlight.bracket_background
#F0F0F0 RGB(240, 240, 240) RGBA(240, 240, 240, 1) editor.document_highlight.read_background
#F0F0F0 RGB(240, 240, 240) RGBA(240, 240, 240, 1) editor.document_highlight.write_background
#F0F0F0 RGB(240, 240, 240) RGBA(240, 240, 240, 1) editor.foreground
#111111 RGB(17, 17, 17) RGBA(17, 17, 17, 1) editor.gutter.background
#FFFFFF RGB(255, 255, 255) RGBA(255, 255, 255, 1) editor.highlighted_line.background
#F0F0F0 RGB(240, 240, 240) RGBA(240, 240, 240, 1) editor.indent_guide
#8A8A8A RGB(138, 138, 138) RGBA(138, 138, 138, 1) editor.indent_guide_active
#111111 RGB(17, 17, 17) RGBA(17, 17, 17, 1) editor.invisible
#767676 RGB(118, 118, 118) RGBA(118, 118, 118, 1) editor.line_number
#4D4D4D RGB(77, 77, 77) RGBA(77, 77, 77, 1) editor.subheader.background
#F4F4F4 RGB(244, 244, 244) RGBA(244, 244, 244, 1) editor.wrap_guide
#8A8A8A RGB(138, 138, 138) RGBA(138, 138, 138, 1) element.active
#FFF1A8 RGB(255, 241, 168) RGBA(255, 241, 168, 1) element.background
#EDEDED RGB(237, 237, 237) RGBA(237, 237, 237, 1) element.disabled
#F4F4F4 RGB(244, 244, 244) RGBA(244, 244, 244, 1) element.hover
#F0F0F0 RGB(240, 240, 240) RGBA(240, 240, 240, 1) element.selected
#FFF1A8 RGB(255, 241, 168) RGBA(255, 241, 168, 1) elevated_surface.background
#F4F4F4 RGB(244, 244, 244) RGBA(244, 244, 244, 1) error
#810005 RGB(129, 0, 5) RGBA(129, 0, 5, 1) error.background
#F4F4F4 RGB(244, 244, 244) RGBA(244, 244, 244, 1) error.border
#810005 RGB(129, 0, 5) RGBA(129, 0, 5, 1) ghost_element.active
#FFF1A8 RGB(255, 241, 168) RGBA(255, 241, 168, 1) ghost_element.background
#F4F4F400 RGB(244, 244, 244) RGBA(244, 244, 244, 0) ghost_element.disabled
#F4F4F400 RGB(244, 244, 244) RGBA(244, 244, 244, 0) ghost_element.hover
#F0F0F0 RGB(240, 240, 240) RGBA(240, 240, 240, 1) ghost_element.selected
#FFF1A8 RGB(255, 241, 168) RGBA(255, 241, 168, 1) hidden
#424242 RGB(66, 66, 66) RGBA(66, 66, 66, 1) hidden.background
#F4F4F4 RGB(244, 244, 244) RGBA(244, 244, 244, 1) hidden.border
#707070 RGB(112, 112, 112) RGBA(112, 112, 112, 1) hint
#424242 RGB(66, 66, 66) RGBA(66, 66, 66, 1) hint.background
#F4F4F4 RGB(244, 244, 244) RGBA(244, 244, 244, 1) hint.border
#707070 RGB(112, 112, 112) RGBA(112, 112, 112, 1) icon
#111111 RGB(17, 17, 17) RGBA(17, 17, 17, 1) icon.accent
#0049A3 RGB(0, 73, 163) RGBA(0, 73, 163, 1) icon.disabled
#424242 RGB(66, 66, 66) RGBA(66, 66, 66, 1) icon.muted
#424242 RGB(66, 66, 66) RGBA(66, 66, 66, 1) icon.placeholder
#424242 RGB(66, 66, 66) RGBA(66, 66, 66, 1) ignored
#424242 RGB(66, 66, 66) RGBA(66, 66, 66, 1) ignored.background
#F4F4F4 RGB(244, 244, 244) RGBA(244, 244, 244, 1) ignored.border
#707070 RGB(112, 112, 112) RGBA(112, 112, 112, 1) info
#003A84 RGB(0, 58, 132) RGBA(0, 58, 132, 1) info.background
#F4F4F4 RGB(244, 244, 244) RGBA(244, 244, 244, 1) info.border
#003A84 RGB(0, 58, 132) RGBA(0, 58, 132, 1) link_text.hover
#0049A3 RGB(0, 73, 163) RGBA(0, 73, 163, 1) modified
#001940 RGB(0, 25, 64) RGBA(0, 25, 64, 1) modified.background
#F0F0F0 RGB(240, 240, 240) RGBA(240, 240, 240, 1) modified.border
#001940 RGB(0, 25, 64) RGBA(0, 25, 64, 1) pane.focused_border
#0049A3 RGB(0, 73, 163) RGBA(0, 73, 163, 1) panel.background
#F4F4F4 RGB(244, 244, 244) RGBA(244, 244, 244, 1) panel.focused_border
#0049A3 RGB(0, 73, 163) RGBA(0, 73, 163, 1) player.0.background
#111111 RGB(17, 17, 17) RGBA(17, 17, 17, 1) player.0.cursor
#111111 RGB(17, 17, 17) RGBA(17, 17, 17, 1) player.0.selection
#FFF1A8 RGB(255, 241, 168) RGBA(255, 241, 168, 1) predictive
#424242 RGB(66, 66, 66) RGBA(66, 66, 66, 1) predictive.background
#F4F4F4 RGB(244, 244, 244) RGBA(244, 244, 244, 1) predictive.border
#707070 RGB(112, 112, 112) RGBA(112, 112, 112, 1) renamed
#001940 RGB(0, 25, 64) RGBA(0, 25, 64, 1) renamed.background
#F4F4F4 RGB(244, 244, 244) RGBA(244, 244, 244, 1) renamed.border
#001940 RGB(0, 25, 64) RGBA(0, 25, 64, 1) scrollbar.thumb.background
#8A8A8A80 RGB(138, 138, 138) RGBA(138, 138, 138, 0.502) scrollbar.thumb.border
#8A8A8A RGB(138, 138, 138) RGBA(138, 138, 138, 1) scrollbar.thumb.hover_background
#8A8A8A RGB(138, 138, 138) RGBA(138, 138, 138, 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
#EDEDED RGB(237, 237, 237) RGBA(237, 237, 237, 1) success
#005B14 RGB(0, 91, 20) RGBA(0, 91, 20, 1) success.background
#F4F4F4 RGB(244, 244, 244) RGBA(244, 244, 244, 1) success.border
#005B14 RGB(0, 91, 20) RGBA(0, 91, 20, 1) surface.background
#F4F4F4 RGB(244, 244, 244) RGBA(244, 244, 244, 1) tab_bar.background
#F4F4F4 RGB(244, 244, 244) RGBA(244, 244, 244, 1) tab.active_background
#FFFFFF RGB(255, 255, 255) RGBA(255, 255, 255, 1) tab.inactive_background
#F4F4F4 RGB(244, 244, 244) RGBA(244, 244, 244, 1) terminal.ansi.black
#111111 RGB(17, 17, 17) RGBA(17, 17, 17, 1) terminal.ansi.blue
#002C66 RGB(0, 44, 102) RGBA(0, 44, 102, 1) terminal.ansi.bright_black
#4D4D4D RGB(77, 77, 77) RGBA(77, 77, 77, 1) terminal.ansi.bright_blue
#004498 RGB(0, 68, 152) RGBA(0, 68, 152, 1) terminal.ansi.bright_cyan
#005151 RGB(0, 81, 81) RGBA(0, 81, 81, 1) terminal.ansi.bright_green
#005512 RGB(0, 85, 18) RGBA(0, 85, 18, 1) terminal.ansi.bright_magenta
#84007F RGB(132, 0, 127) RGBA(132, 0, 127, 1) terminal.ansi.bright_red
#950007 RGB(149, 0, 7) RGBA(149, 0, 7, 1) terminal.ansi.bright_white
#111111 RGB(17, 17, 17) RGBA(17, 17, 17, 1) terminal.ansi.bright_yellow
#634100 RGB(99, 65, 0) RGBA(99, 65, 0, 1) terminal.ansi.cyan
#003434 RGB(0, 52, 52) RGBA(0, 52, 52, 1) terminal.ansi.green
#003708 RGB(0, 55, 8) RGBA(0, 55, 8, 1) terminal.ansi.magenta
#580055 RGB(88, 0, 85) RGBA(88, 0, 85, 1) terminal.ansi.red
#640003 RGB(100, 0, 3) RGBA(100, 0, 3, 1) terminal.ansi.white
#484848 RGB(72, 72, 72) RGBA(72, 72, 72, 1) terminal.ansi.yellow
#412900 RGB(65, 41, 0) RGBA(65, 41, 0, 1) terminal.background
#FFFFFF RGB(255, 255, 255) RGBA(255, 255, 255, 1) terminal.bright_foreground
#111111 RGB(17, 17, 17) RGBA(17, 17, 17, 1) terminal.dim_foreground
#424242 RGB(66, 66, 66) RGBA(66, 66, 66, 1) terminal.foreground
#111111 RGB(17, 17, 17) RGBA(17, 17, 17, 1) text
#111111 RGB(17, 17, 17) RGBA(17, 17, 17, 1) text.accent
#0049A3 RGB(0, 73, 163) RGBA(0, 73, 163, 1) text.disabled
#424242 RGB(66, 66, 66) RGBA(66, 66, 66, 1) text.muted
#424242 RGB(66, 66, 66) RGBA(66, 66, 66, 1) text.placeholder
#424242 RGB(66, 66, 66) RGBA(66, 66, 66, 1) title_bar.background
#EDEDED RGB(237, 237, 237) RGBA(237, 237, 237, 1) title_bar.inactive_background
#F4F4F4 RGB(244, 244, 244) RGBA(244, 244, 244, 1) toolbar.background
#FFFFFF RGB(255, 255, 255) RGBA(255, 255, 255, 1) unreachable
#424242 RGB(66, 66, 66) RGBA(66, 66, 66, 1) unreachable.background
#F4F4F4 RGB(244, 244, 244) RGBA(244, 244, 244, 1) unreachable.border
#707070 RGB(112, 112, 112) RGBA(112, 112, 112, 1) warning
#583600 RGB(88, 54, 0) RGBA(88, 54, 0, 1) warning.background
#F4F4F4 RGB(244, 244, 244) RGBA(244, 244, 244, 1) warning.border
#583600 RGB(88, 54, 0) RGBA(88, 54, 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
#412300 RGB(65, 35, 0) RGBA(65, 35, 0, 1) boolean
#4C1B00 RGB(76, 27, 0) RGBA(76, 27, 0, 1) comment
#434F5B RGB(67, 79, 91) RGBA(67, 79, 91, 1) comment.doc
#434F5B RGB(67, 79, 91) RGBA(67, 79, 91, 1) constant
#4C1B00 RGB(76, 27, 0) RGBA(76, 27, 0, 1) constructor
#003737 RGB(0, 55, 55) RGBA(0, 55, 55, 1) embedded
#111111 RGB(17, 17, 17) RGBA(17, 17, 17, 1) emphasis
#111111 RGB(17, 17, 17) RGBA(17, 17, 17, 1) emphasis.strong
#111111 RGB(17, 17, 17) RGBA(17, 17, 17, 1) enum
#003737 RGB(0, 55, 55) RGBA(0, 55, 55, 1) function
#0049A3 RGB(0, 73, 163) RGBA(0, 73, 163, 1) hint
#424242 RGB(66, 66, 66) RGBA(66, 66, 66, 1) keyword
#58099C RGB(88, 9, 156) RGBA(88, 9, 156, 1) label
#5E003C RGB(94, 0, 60) RGBA(94, 0, 60, 1) link_text
#0049A3 RGB(0, 73, 163) RGBA(0, 73, 163, 1) link_uri
#0049A3 RGB(0, 73, 163) RGBA(0, 73, 163, 1) number
#4C1B00 RGB(76, 27, 0) RGBA(76, 27, 0, 1) operator
#111111 RGB(17, 17, 17) RGBA(17, 17, 17, 1) predictive
#424242 RGB(66, 66, 66) RGBA(66, 66, 66, 1) preproc
#58099C RGB(88, 9, 156) RGBA(88, 9, 156, 1) primary
#111111 RGB(17, 17, 17) RGBA(17, 17, 17, 1) property
#030075 RGB(3, 0, 117) RGBA(3, 0, 117, 1) punctuation
#111111 RGB(17, 17, 17) RGBA(17, 17, 17, 1) punctuation.bracket
#111111 RGB(17, 17, 17) RGBA(17, 17, 17, 1) punctuation.delimiter
#111111 RGB(17, 17, 17) RGBA(17, 17, 17, 1) punctuation.list_marker
#111111 RGB(17, 17, 17) RGBA(17, 17, 17, 1) punctuation.special
#111111 RGB(17, 17, 17) RGBA(17, 17, 17, 1) string
#004A0E RGB(0, 74, 14) RGBA(0, 74, 14, 1) string.escape
#5B0020 RGB(91, 0, 32) RGBA(91, 0, 32, 1) string.regex
#5B0020 RGB(91, 0, 32) RGBA(91, 0, 32, 1) string.special
#5B0020 RGB(91, 0, 32) RGBA(91, 0, 32, 1) string.special.symbol
#4C1B00 RGB(76, 27, 0) RGBA(76, 27, 0, 1) tag
#58099C RGB(88, 9, 156) RGBA(88, 9, 156, 1) text.literal
#004A0E RGB(0, 74, 14) RGBA(0, 74, 14, 1) title
#58099C RGB(88, 9, 156) RGBA(88, 9, 156, 1) type
#003737 RGB(0, 55, 55) RGBA(0, 55, 55, 1) variable
#111111 RGB(17, 17, 17) RGBA(17, 17, 17, 1) variable.special
#58099C RGB(88, 9, 156) RGBA(88, 9, 156, 1) variant
#003737 RGB(0, 55, 55) RGBA(0, 55, 55, 1)