colors UI color keys from this variant's theme style.
key HEX RGB RGBA background
#1A1B26 RGB(26, 27, 38) RGBA(26, 27, 38, 1) border
#101014 RGB(16, 16, 20) RGBA(16, 16, 20, 1) border.disabled
#101014 RGB(16, 16, 20) RGBA(16, 16, 20, 1) border.focused
#545C7E33 RGB(84, 92, 126) RGBA(84, 92, 126, 0.2) border.selected
#101014 RGB(16, 16, 20) RGBA(16, 16, 20, 1) border.transparent
#101014 RGB(16, 16, 20) RGBA(16, 16, 20, 1) border.variant
#101014 RGB(16, 16, 20) RGBA(16, 16, 20, 1) conflict
#E0AF68CC RGB(224, 175, 104) RGBA(224, 175, 104, 0.8) conflict.background
#1A1B26 RGB(26, 27, 38) RGBA(26, 27, 38, 1) conflict.border
#414868 RGB(65, 72, 104) RGBA(65, 72, 104, 1) created
#4BC0B5 RGB(75, 192, 181) RGBA(75, 192, 181, 1) created.background
#1A1B26 RGB(26, 27, 38) RGBA(26, 27, 38, 1) created.border
#414868 RGB(65, 72, 104) RGBA(65, 72, 104, 1) deleted
#914C54 RGB(145, 76, 84) RGBA(145, 76, 84, 1) deleted.background
#1A1B26 RGB(26, 27, 38) RGBA(26, 27, 38, 1) deleted.border
#414868 RGB(65, 72, 104) RGBA(65, 72, 104, 1) drop_target.background
#1E202E RGB(30, 32, 46) RGBA(30, 32, 46, 1) editor.active_line_number
#A9B1D6 RGB(169, 177, 214) RGBA(169, 177, 214, 1) editor.active_line.background
#1E202E RGB(30, 32, 46) RGBA(30, 32, 46, 1) editor.active_wrap_guide
#101014 RGB(16, 16, 20) RGBA(16, 16, 20, 1) editor.background
#1A1B26 RGB(26, 27, 38) RGBA(26, 27, 38, 1) editor.document_highlight.read_background
#363B54 RGB(54, 59, 84) RGBA(54, 59, 84, 1) editor.document_highlight.write_background
#363B54 RGB(54, 59, 84) RGBA(54, 59, 84, 1) editor.foreground
#A9B1D6 RGB(169, 177, 214) RGBA(169, 177, 214, 1) editor.gutter.background
#1A1B26 RGB(26, 27, 38) RGBA(26, 27, 38, 1) editor.highlighted_line.background
#1E202E RGB(30, 32, 46) RGBA(30, 32, 46, 1) editor.line_number
#363B54 RGB(54, 59, 84) RGBA(54, 59, 84, 1) editor.subheader.background
#1A1B26 RGB(26, 27, 38) RGBA(26, 27, 38, 1) editor.wrap_guide
#101014 RGB(16, 16, 20) RGBA(16, 16, 20, 1) element.active
#202330 RGB(32, 35, 48) RGBA(32, 35, 48, 1) element.background
#1A1B26 RGB(26, 27, 38) RGBA(26, 27, 38, 1) element.disabled
#414868 RGB(65, 72, 104) RGBA(65, 72, 104, 1) element.hover
#202330 RGB(32, 35, 48) RGBA(32, 35, 48, 1) element.selected
#1C1D29 RGB(28, 29, 41) RGBA(28, 29, 41, 1) elevated_surface.background
#14141B RGB(20, 20, 27) RGBA(20, 20, 27, 1) error
#DB4B4B RGB(219, 75, 75) RGBA(219, 75, 75, 1) error.background
#1A1B26 RGB(26, 27, 38) RGBA(26, 27, 38, 1) error.border
#414868 RGB(65, 72, 104) RGBA(65, 72, 104, 1) ghost_element.active
#202330 RGB(32, 35, 48) RGBA(32, 35, 48, 1) ghost_element.background
#1A1B26 RGB(26, 27, 38) RGBA(26, 27, 38, 1) ghost_element.disabled
#414868 RGB(65, 72, 104) RGBA(65, 72, 104, 1) ghost_element.hover
#202330 RGB(32, 35, 48) RGBA(32, 35, 48, 1) ghost_element.selected
#1C1D29 RGB(28, 29, 41) RGBA(28, 29, 41, 1) hidden
#787C99 RGB(120, 124, 153) RGBA(120, 124, 153, 1) hidden.background
#1A1B26 RGB(26, 27, 38) RGBA(26, 27, 38, 1) hidden.border
#414868 RGB(65, 72, 104) RGBA(65, 72, 104, 1) hint
#646E9C RGB(100, 110, 156) RGBA(100, 110, 156, 1) hint.background
#1A1B26 RGB(26, 27, 38) RGBA(26, 27, 38, 1) icon
#ADB2D3 RGB(173, 178, 211) RGBA(173, 178, 211, 1) icon.accent
#7DCFFF RGB(125, 207, 255) RGBA(125, 207, 255, 1) icon.disabled
#414868 RGB(65, 72, 104) RGBA(65, 72, 104, 1) icon.muted
#787C99 RGB(120, 124, 153) RGBA(120, 124, 153, 1) icon.placeholder
#565F89 RGB(86, 95, 137) RGBA(86, 95, 137, 1) ignored
#515670 RGB(81, 86, 112) RGBA(81, 86, 112, 1) ignored.background
#1A1B26 RGB(26, 27, 38) RGBA(26, 27, 38, 1) ignored.border
#414868 RGB(65, 72, 104) RGBA(65, 72, 104, 1) info
#0DA0BA RGB(13, 160, 186) RGBA(13, 160, 186, 1) info.background
#1A1B26 RGB(26, 27, 38) RGBA(26, 27, 38, 1) info.border
#414868 RGB(65, 72, 104) RGBA(65, 72, 104, 1) link_text.hover
#7DCFFF RGB(125, 207, 255) RGBA(125, 207, 255, 1) modified
#6183BB RGB(97, 131, 187) RGBA(97, 131, 187, 1) modified.background
#1A1B26 RGB(26, 27, 38) RGBA(26, 27, 38, 1) modified.border
#414868 RGB(65, 72, 104) RGBA(65, 72, 104, 1) panel.background
#16161E RGB(22, 22, 30) RGBA(22, 22, 30, 1) player.0.background
#7C7F93 RGB(124, 127, 147) RGBA(124, 127, 147, 1) player.0.cursor
#7C7F93 RGB(124, 127, 147) RGBA(124, 127, 147, 1) player.0.selection
#267EAD3D RGB(38, 126, 173) RGBA(38, 126, 173, 0.239) predictive
#51597D RGB(81, 89, 125) RGBA(81, 89, 125, 1) predictive.background
#1A1B26 RGB(26, 27, 38) RGBA(26, 27, 38, 1) predictive.border
#414868 RGB(65, 72, 104) RGBA(65, 72, 104, 1) renamed
#4BC0B5 RGB(75, 192, 181) RGBA(75, 192, 181, 1) renamed.background
#1A1B26 RGB(26, 27, 38) RGBA(26, 27, 38, 1) renamed.border
#414868 RGB(65, 72, 104) RGBA(65, 72, 104, 1) scrollbar.thumb.background
#41486880 RGB(65, 72, 104) RGBA(65, 72, 104, 0.502) scrollbar.thumb.border
#414868 RGB(65, 72, 104) RGBA(65, 72, 104, 1) scrollbar.thumb.hover_background
#414868 RGB(65, 72, 104) RGBA(65, 72, 104, 1) scrollbar.track.background
#1A1B2680 RGB(26, 27, 38) RGBA(26, 27, 38, 0.502) scrollbar.track.border
#101014 RGB(16, 16, 20) RGBA(16, 16, 20, 1) search.match_background
#414868 RGB(65, 72, 104) RGBA(65, 72, 104, 1) status_bar.background
#16161E RGB(22, 22, 30) RGBA(22, 22, 30, 1) success
#9ECE6A RGB(158, 206, 106) RGBA(158, 206, 106, 1) success.background
#1A1B26 RGB(26, 27, 38) RGBA(26, 27, 38, 1) success.border
#414868 RGB(65, 72, 104) RGBA(65, 72, 104, 1) surface.background
#16161E RGB(22, 22, 30) RGBA(22, 22, 30, 1) tab_bar.background
#16161E RGB(22, 22, 30) RGBA(22, 22, 30, 1) tab.active_background
#1A1B26 RGB(26, 27, 38) RGBA(26, 27, 38, 1) tab.inactive_background
#16161E RGB(22, 22, 30) RGBA(22, 22, 30, 1) terminal.ansi.black
#363B54 RGB(54, 59, 84) RGBA(54, 59, 84, 1) terminal.ansi.blue
#7AA2F7 RGB(122, 162, 247) RGBA(122, 162, 247, 1) terminal.ansi.bright_black
#363B54 RGB(54, 59, 84) RGBA(54, 59, 84, 1) terminal.ansi.bright_blue
#7AA2F7 RGB(122, 162, 247) RGBA(122, 162, 247, 1) terminal.ansi.bright_cyan
#7DCFFF RGB(125, 207, 255) RGBA(125, 207, 255, 1) terminal.ansi.bright_green
#41A6B5 RGB(65, 166, 181) RGBA(65, 166, 181, 1) terminal.ansi.bright_magenta
#BB9AF7 RGB(187, 154, 247) RGBA(187, 154, 247, 1) terminal.ansi.bright_red
#F7768E RGB(247, 118, 142) RGBA(247, 118, 142, 1) terminal.ansi.bright_white
#ACB0D0 RGB(172, 176, 208) RGBA(172, 176, 208, 1) terminal.ansi.bright_yellow
#E0AF68 RGB(224, 175, 104) RGBA(224, 175, 104, 1) terminal.ansi.cyan
#7DCFFF RGB(125, 207, 255) RGBA(125, 207, 255, 1) terminal.ansi.green
#73DACA RGB(115, 218, 202) RGBA(115, 218, 202, 1) terminal.ansi.magenta
#BB9AF7 RGB(187, 154, 247) RGBA(187, 154, 247, 1) terminal.ansi.red
#F7768E RGB(247, 118, 142) RGBA(247, 118, 142, 1) terminal.ansi.white
#787C99 RGB(120, 124, 153) RGBA(120, 124, 153, 1) terminal.ansi.yellow
#E0AF68 RGB(224, 175, 104) RGBA(224, 175, 104, 1) terminal.background
#1A1B26 RGB(26, 27, 38) RGBA(26, 27, 38, 1) text
#ADB2D3 RGB(173, 178, 211) RGBA(173, 178, 211, 1) text.accent
#7DCFFF RGB(125, 207, 255) RGBA(125, 207, 255, 1) text.disabled
#414868 RGB(65, 72, 104) RGBA(65, 72, 104, 1) text.muted
#ADB2D3 RGB(173, 178, 211) RGBA(173, 178, 211, 1) text.placeholder
#787C99 RGB(120, 124, 153) RGBA(120, 124, 153, 1) title_bar.background
#1A1B26 RGB(26, 27, 38) RGBA(26, 27, 38, 1) title_bar.inactive_background
#1A1B26 RGB(26, 27, 38) RGBA(26, 27, 38, 1) toolbar.background
#1A1B26 RGB(26, 27, 38) RGBA(26, 27, 38, 1) unreachable
#F7768E RGB(247, 118, 142) RGBA(247, 118, 142, 1) unreachable.background
#1A1B26 RGB(26, 27, 38) RGBA(26, 27, 38, 1) unreachable.border
#414868 RGB(65, 72, 104) RGBA(65, 72, 104, 1) warning
#E0AF68 RGB(224, 175, 104) RGBA(224, 175, 104, 1) warning.background
#1A1B26 RGB(26, 27, 38) RGBA(26, 27, 38, 1) warning.border
#414868 RGB(65, 72, 104) RGBA(65, 72, 104, 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
#EDABAB RGB(237, 171, 171) RGBA(237, 171, 171, 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
#8FC7FF RGB(143, 199, 255) RGBA(143, 199, 255, 1) link_uri
#8FC7FF RGB(143, 199, 255) RGBA(143, 199, 255, 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
#8FC7FF RGB(143, 199, 255) RGBA(143, 199, 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)