colors UI color keys from this variant's theme style.
key HEX RGB RGBA background
#282C34 RGB(40, 44, 52) RGBA(40, 44, 52, 1) border
#181A1F RGB(24, 26, 31) RGBA(24, 26, 31, 1) border.disabled
#181A1F RGB(24, 26, 31) RGBA(24, 26, 31, 1) border.focused
#3E4452 RGB(62, 68, 82) RGBA(62, 68, 82, 1) border.selected
#181A1F RGB(24, 26, 31) RGBA(24, 26, 31, 1) border.transparent
#181A1F RGB(24, 26, 31) RGBA(24, 26, 31, 1) border.variant
#181A1F RGB(24, 26, 31) RGBA(24, 26, 31, 1) conflict
#E0C285 RGB(224, 194, 133) RGBA(224, 194, 133, 1) conflict.background
#282C34 RGB(40, 44, 52) RGBA(40, 44, 52, 1) conflict.border
#E0C285 RGB(224, 194, 133) RGBA(224, 194, 133, 1) created
#A5E075 RGB(165, 224, 117) RGBA(165, 224, 117, 1) created.background
#282C34 RGB(40, 44, 52) RGBA(40, 44, 52, 1) created.border
#A5E075 RGB(165, 224, 117) RGBA(165, 224, 117, 1) deleted
#E05561 RGB(224, 85, 97) RGBA(224, 85, 97, 1) deleted.background
#282C34 RGB(40, 44, 52) RGBA(40, 44, 52, 1) deleted.border
#E05561 RGB(224, 85, 97) RGBA(224, 85, 97, 1) drop_target.background
#2C313A RGB(44, 49, 58) RGBA(44, 49, 58, 1) editor.active_line_number
#ABB2BF RGB(171, 178, 191) RGBA(171, 178, 191, 1) editor.active_line.background
#2C313C RGB(44, 49, 60) RGBA(44, 49, 60, 1) editor.active_wrap_guide
#3B4048 RGB(59, 64, 72) RGBA(59, 64, 72, 1) editor.background
#282C34 RGB(40, 44, 52) RGBA(40, 44, 52, 1) editor.document_highlight.read_background
#3E4452 RGB(62, 68, 82) RGBA(62, 68, 82, 1) editor.document_highlight.write_background
#3E4452 RGB(62, 68, 82) RGBA(62, 68, 82, 1) editor.foreground
#ABB2BF RGB(171, 178, 191) RGBA(171, 178, 191, 1) editor.gutter.background
#282C34 RGB(40, 44, 52) RGBA(40, 44, 52, 1) editor.highlighted_line.background
#2C313C RGB(44, 49, 60) RGBA(44, 49, 60, 1) editor.line_number
#495162 RGB(73, 81, 98) RGBA(73, 81, 98, 1) editor.subheader.background
#282C34 RGB(40, 44, 52) RGBA(40, 44, 52, 1) editor.wrap_guide
#3B4048 RGB(59, 64, 72) RGBA(59, 64, 72, 1) element.active
#2C313A RGB(44, 49, 58) RGBA(44, 49, 58, 1) element.background
#282C34 RGB(40, 44, 52) RGBA(40, 44, 52, 1) element.disabled
#636B78 RGB(99, 107, 120) RGBA(99, 107, 120, 1) element.hover
#2C313A RGB(44, 49, 58) RGBA(44, 49, 58, 1) element.selected
#2C313A RGB(44, 49, 58) RGBA(44, 49, 58, 1) elevated_surface.background
#21252B RGB(33, 37, 43) RGBA(33, 37, 43, 1) error
#EDABAB RGB(237, 171, 171) RGBA(237, 171, 171, 1) error.background
#282C34 RGB(40, 44, 52) RGBA(40, 44, 52, 1) error.border
#C24038 RGB(194, 64, 56) RGBA(194, 64, 56, 1) ghost_element.active
#2C313A RGB(44, 49, 58) RGBA(44, 49, 58, 1) ghost_element.background
#282C34 RGB(40, 44, 52) RGBA(40, 44, 52, 1) ghost_element.disabled
#636B78 RGB(99, 107, 120) RGBA(99, 107, 120, 1) ghost_element.hover
#2C313A RGB(44, 49, 58) RGBA(44, 49, 58, 1) ghost_element.selected
#2C313A RGB(44, 49, 58) RGBA(44, 49, 58, 1) hidden
#5C6370 RGB(92, 99, 112) RGBA(92, 99, 112, 1) hidden.background
#282C34 RGB(40, 44, 52) RGBA(40, 44, 52, 1) hidden.border
#5C6370 RGB(92, 99, 112) RGBA(92, 99, 112, 1) hint
#ABB2BF80 RGB(171, 178, 191) RGBA(171, 178, 191, 0.502) hint.background
#2C313C80 RGB(44, 49, 60) RGBA(44, 49, 60, 0.502) icon
#ABB2BF RGB(171, 178, 191) RGBA(171, 178, 191, 1) icon.accent
#61AFEF RGB(97, 175, 239) RGBA(97, 175, 239, 1) icon.disabled
#636B78 RGB(99, 107, 120) RGBA(99, 107, 120, 1) icon.muted
#5C6370 RGB(92, 99, 112) RGBA(92, 99, 112, 1) icon.placeholder
#5C6370 RGB(92, 99, 112) RGBA(92, 99, 112, 1) ignored
#636B78 RGB(99, 107, 120) RGBA(99, 107, 120, 1) ignored.background
#282C34 RGB(40, 44, 52) RGBA(40, 44, 52, 1) ignored.border
#636B78 RGB(99, 107, 120) RGBA(99, 107, 120, 1) info
#A4DFAE RGB(164, 223, 174) RGBA(164, 223, 174, 1) info.background
#282C34 RGB(40, 44, 52) RGBA(40, 44, 52, 1) info.border
#61AFEF RGB(97, 175, 239) RGBA(97, 175, 239, 1) link_text.hover
#61AFEF RGB(97, 175, 239) RGBA(97, 175, 239, 1) modified
#E0C285 RGB(224, 194, 133) RGBA(224, 194, 133, 1) modified.background
#282C34 RGB(40, 44, 52) RGBA(40, 44, 52, 1) modified.border
#E0C285 RGB(224, 194, 133) RGBA(224, 194, 133, 1) panel.background
#21252B RGB(33, 37, 43) RGBA(33, 37, 43, 1) player.0.background
#528BFF RGB(82, 139, 255) RGBA(82, 139, 255, 1) player.0.cursor
#C0CAF5 RGB(192, 202, 245) RGBA(192, 202, 245, 1) player.0.selection
#67769660 RGB(103, 118, 150) RGBA(103, 118, 150, 0.376) predictive
#5C6370 RGB(92, 99, 112) RGBA(92, 99, 112, 1) predictive.background
#282C34 RGB(40, 44, 52) RGBA(40, 44, 52, 1) predictive.border
#5C6370 RGB(92, 99, 112) RGBA(92, 99, 112, 1) renamed
#61AFEF RGB(97, 175, 239) RGBA(97, 175, 239, 1) renamed.background
#282C34 RGB(40, 44, 52) RGBA(40, 44, 52, 1) renamed.border
#61AFEF RGB(97, 175, 239) RGBA(97, 175, 239, 1) scrollbar.thumb.background
#4E566660 RGB(78, 86, 102) RGBA(78, 86, 102, 0.376) scrollbar.thumb.border
#4E566660 RGB(78, 86, 102) RGBA(78, 86, 102, 0.376) scrollbar.thumb.hover_background
#5A637580 RGB(90, 99, 117) RGBA(90, 99, 117, 0.502) scrollbar.track.background
#282C34 RGB(40, 44, 52) RGBA(40, 44, 52, 1) scrollbar.track.border
#181A1F RGB(24, 26, 31) RGBA(24, 26, 31, 1) search.match_background
#D19A6644 RGB(209, 154, 102) RGBA(209, 154, 102, 0.267) status_bar.background
#21252B RGB(33, 37, 43) RGBA(33, 37, 43, 1) success
#A5E075 RGB(165, 224, 117) RGBA(165, 224, 117, 1) success.background
#282C34 RGB(40, 44, 52) RGBA(40, 44, 52, 1) success.border
#A5E075 RGB(165, 224, 117) RGBA(165, 224, 117, 1) surface.background
#21252B RGB(33, 37, 43) RGBA(33, 37, 43, 1) tab_bar.background
#21252B RGB(33, 37, 43) RGBA(33, 37, 43, 1) tab.active_background
#282C34 RGB(40, 44, 52) RGBA(40, 44, 52, 1) tab.inactive_background
#21252B RGB(33, 37, 43) RGBA(33, 37, 43, 1) terminal.ansi.black
#3F4451 RGB(63, 68, 81) RGBA(63, 68, 81, 1) terminal.ansi.blue
#4AA5F0 RGB(74, 165, 240) RGBA(74, 165, 240, 1) terminal.ansi.bright_black
#4F5666 RGB(79, 86, 102) RGBA(79, 86, 102, 1) terminal.ansi.bright_blue
#4DC4FF RGB(77, 196, 255) RGBA(77, 196, 255, 1) terminal.ansi.bright_cyan
#4CD1E0 RGB(76, 209, 224) RGBA(76, 209, 224, 1) terminal.ansi.bright_green
#A5E075 RGB(165, 224, 117) RGBA(165, 224, 117, 1) terminal.ansi.bright_magenta
#DE73FF RGB(222, 115, 255) RGBA(222, 115, 255, 1) terminal.ansi.bright_red
#FF616E RGB(255, 97, 110) RGBA(255, 97, 110, 1) terminal.ansi.bright_white
#E6E6E6 RGB(230, 230, 230) RGBA(230, 230, 230, 1) terminal.ansi.bright_yellow
#F0A45D RGB(240, 164, 93) RGBA(240, 164, 93, 1) terminal.ansi.cyan
#42B3C2 RGB(66, 179, 194) RGBA(66, 179, 194, 1) terminal.ansi.green
#8CC265 RGB(140, 194, 101) RGBA(140, 194, 101, 1) terminal.ansi.magenta
#C162DE RGB(193, 98, 222) RGBA(193, 98, 222, 1) terminal.ansi.red
#E05561 RGB(224, 85, 97) RGBA(224, 85, 97, 1) terminal.ansi.white
#D7DAE0 RGB(215, 218, 224) RGBA(215, 218, 224, 1) terminal.ansi.yellow
#D18F52 RGB(209, 143, 82) RGBA(209, 143, 82, 1) terminal.background
#282C34 RGB(40, 44, 52) RGBA(40, 44, 52, 1) terminal.bright_foreground
#ABB2BF RGB(171, 178, 191) RGBA(171, 178, 191, 1) terminal.dim_foreground
#5C6370 RGB(92, 99, 112) RGBA(92, 99, 112, 1) terminal.foreground
#ABB2BF RGB(171, 178, 191) RGBA(171, 178, 191, 1) text
#ABB2BF RGB(171, 178, 191) RGBA(171, 178, 191, 1) text.accent
#61AFEF RGB(97, 175, 239) RGBA(97, 175, 239, 1) text.disabled
#636B78 RGB(99, 107, 120) RGBA(99, 107, 120, 1) text.muted
#ABB2BF RGB(171, 178, 191) RGBA(171, 178, 191, 1) text.placeholder
#5C6370 RGB(92, 99, 112) RGBA(92, 99, 112, 1) title_bar.background
#282C34 RGB(40, 44, 52) RGBA(40, 44, 52, 1) title_bar.inactive_background
#282C34 RGB(40, 44, 52) RGBA(40, 44, 52, 1) toolbar.background
#282C34 RGB(40, 44, 52) RGBA(40, 44, 52, 1) unreachable
#E05561 RGB(224, 85, 97) RGBA(224, 85, 97, 1) unreachable.background
#282C34 RGB(40, 44, 52) RGBA(40, 44, 52, 1) unreachable.border
#E05561 RGB(224, 85, 97) RGBA(224, 85, 97, 1) warning
#EECFA0 RGB(238, 207, 160) RGBA(238, 207, 160, 1) warning.background
#282C34 RGB(40, 44, 52) RGBA(40, 44, 52, 1) warning.border
#D19A66 RGB(209, 154, 102) RGBA(209, 154, 102, 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
#EECFA0 RGB(238, 207, 160) RGBA(238, 207, 160, 1) attribute.builtin
#8FC7FF RGB(143, 199, 255) RGBA(143, 199, 255, 1) boolean
#D2CCFF RGB(210, 204, 255) RGBA(210, 204, 255, 1) class
#F0C0A8 RGB(240, 192, 168) RGBA(240, 192, 168, 1) class.defaultLibrary
#A1E8E5 RGB(161, 232, 229) RGBA(161, 232, 229, 1) comment
#999999 RGB(153, 153, 153) RGBA(153, 153, 153, 1) comment.doc
#999999 RGB(153, 153, 153) RGBA(153, 153, 153, 1) constant
#F0C0A8 RGB(240, 192, 168) RGBA(240, 192, 168, 1) constructor
#8FC7FF RGB(143, 199, 255) RGBA(143, 199, 255, 1) emphasis
#F0C0A8 RGB(240, 192, 168) RGBA(240, 192, 168, 1) emphasis.strong
#F0C0A8 RGB(240, 192, 168) RGBA(240, 192, 168, 1) enum
#A1E8E5 RGB(161, 232, 229) RGBA(161, 232, 229, 1) enum.defaultLibrary
#D5F288 RGB(213, 242, 136) RGBA(213, 242, 136, 1) function
#8FC7FF RGB(143, 199, 255) RGBA(143, 199, 255, 1) function.defaultLibrary
#8FC7FF RGB(143, 199, 255) RGBA(143, 199, 255, 1) interface
#F0C0A8 RGB(240, 192, 168) RGBA(240, 192, 168, 1) keyword
#D2CCFF RGB(210, 204, 255) RGBA(210, 204, 255, 1) label
#D2CCFF RGB(210, 204, 255) RGBA(210, 204, 255, 1) link_text
#61AFEF RGB(97, 175, 239) RGBA(97, 175, 239, 1) link_uri
#61AFEF RGB(97, 175, 239) RGBA(97, 175, 239, 1) namespace
#E3CBEB RGB(227, 203, 235) RGBA(227, 203, 235, 1) number
#D5F288 RGB(213, 242, 136) RGBA(213, 242, 136, 1) operator
#B8D7F9 RGB(184, 215, 249) RGBA(184, 215, 249, 1) parameter
#EECFA0 RGB(238, 207, 160) RGBA(238, 207, 160, 1) property.defaultLibrary
#D5F288 RGB(213, 242, 136) RGBA(213, 242, 136, 1) punctuation
#B8D7F9 RGB(184, 215, 249) RGBA(184, 215, 249, 1) punctuation.bracket
#B8D7F9 RGB(184, 215, 249) RGBA(184, 215, 249, 1) punctuation.delimiter
#B8D7F9CC RGB(184, 215, 249) RGBA(184, 215, 249, 0.8) punctuation.list_marker
#B8D7F9 RGB(184, 215, 249) RGBA(184, 215, 249, 1) punctuation.special
#B8D7F9 RGB(184, 215, 249) RGBA(184, 215, 249, 1) selfKeyword
#E3CBEB RGB(227, 203, 235) RGBA(227, 203, 235, 1) selfParameter
#E3CBEB RGB(227, 203, 235) RGBA(227, 203, 235, 1) string
#A4DFAE RGB(164, 223, 174) RGBA(164, 223, 174, 1) string.escape
#A4DFAE RGB(164, 223, 174) RGBA(164, 223, 174, 1) string.regex
#A4DFAE RGB(164, 223, 174) RGBA(164, 223, 174, 1) string.special
#A4DFAE RGB(164, 223, 174) RGBA(164, 223, 174, 1) string.special.symbol
#A4DFAE RGB(164, 223, 174) RGBA(164, 223, 174, 1) struct
#F0C0A8 RGB(240, 192, 168) RGBA(240, 192, 168, 1) tag
#EDABAB RGB(237, 171, 171) RGBA(237, 171, 171, 1) text.literal
#A4DFAE RGB(164, 223, 174) RGBA(164, 223, 174, 1) title
#D2CCFF RGB(210, 204, 255) RGBA(210, 204, 255, 1) type
#F0C0A8 RGB(240, 192, 168) RGBA(240, 192, 168, 1) type.defaultLibrary
#D5F288 RGB(213, 242, 136) RGBA(213, 242, 136, 1) variable
#EECFA0 RGB(238, 207, 160) RGBA(238, 207, 160, 1) variable.callable
#8FC7FF RGB(143, 199, 255) RGBA(143, 199, 255, 1) variable.defaultLibrary
#E3CBEB RGB(227, 203, 235) RGBA(227, 203, 235, 1) variable.special
#F0C0A8 RGB(240, 192, 168) RGBA(240, 192, 168, 1)