colors UI color keys from this variant's theme style.
key HEX RGB RGBA background
#1A1A1A RGB(26, 26, 26) RGBA(26, 26, 26, 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
#8CBCFF RGB(140, 188, 255) RGBA(140, 188, 255, 1) border.selected
#8CBCFF RGB(140, 188, 255) RGBA(140, 188, 255, 1) border.transparent
#1A1A1A00 RGB(26, 26, 26) RGBA(26, 26, 26, 0) border.variant
#7A7A7A RGB(122, 122, 122) RGBA(122, 122, 122, 1) conflict
#FFD182 RGB(255, 209, 130) RGBA(255, 209, 130, 1) conflict.background
#1A1A1A RGB(26, 26, 26) RGBA(26, 26, 26, 1) conflict.border
#FFD182 RGB(255, 209, 130) RGBA(255, 209, 130, 1) created
#99DA9B RGB(153, 218, 155) RGBA(153, 218, 155, 1) created.background
#0F2A17 RGB(15, 42, 23) RGBA(15, 42, 23, 1) created.border
#99DA9B RGB(153, 218, 155) RGBA(153, 218, 155, 1) deleted
#F39992 RGB(243, 153, 146) RGBA(243, 153, 146, 1) deleted.background
#331414 RGB(51, 20, 20) RGBA(51, 20, 20, 1) deleted.border
#F39992 RGB(243, 153, 146) RGBA(243, 153, 146, 1) drop_target.background
#1A2436 RGB(26, 36, 54) RGBA(26, 36, 54, 1) editor.active_line_number
#F5F5F5 RGB(245, 245, 245) RGBA(245, 245, 245, 1) editor.active_line.background
#1F1F1F RGB(31, 31, 31) RGBA(31, 31, 31, 1) editor.active_wrap_guide
#7A7A7A RGB(122, 122, 122) RGBA(122, 122, 122, 1) editor.background
#121212 RGB(18, 18, 18) RGBA(18, 18, 18, 1) editor.document_highlight.bracket_background
#1F1F1F RGB(31, 31, 31) RGBA(31, 31, 31, 1) editor.document_highlight.read_background
#1F1F1F RGB(31, 31, 31) RGBA(31, 31, 31, 1) editor.document_highlight.write_background
#1F1F1F RGB(31, 31, 31) RGBA(31, 31, 31, 1) editor.foreground
#F5F5F5 RGB(245, 245, 245) RGBA(245, 245, 245, 1) editor.gutter.background
#121212 RGB(18, 18, 18) RGBA(18, 18, 18, 1) editor.highlighted_line.background
#1F1F1F RGB(31, 31, 31) RGBA(31, 31, 31, 1) editor.indent_guide
#6B6B6B RGB(107, 107, 107) RGBA(107, 107, 107, 1) editor.indent_guide_active
#F5F5F5 RGB(245, 245, 245) RGBA(245, 245, 245, 1) editor.invisible
#7A7A7A RGB(122, 122, 122) RGBA(122, 122, 122, 1) editor.line_number
#B8B8B8 RGB(184, 184, 184) RGBA(184, 184, 184, 1) editor.subheader.background
#1A1A1A RGB(26, 26, 26) RGBA(26, 26, 26, 1) editor.wrap_guide
#6B6B6B RGB(107, 107, 107) RGBA(107, 107, 107, 1) element.active
#1A2436 RGB(26, 36, 54) RGBA(26, 36, 54, 1) element.background
#232323 RGB(35, 35, 35) RGBA(35, 35, 35, 1) element.disabled
#1A1A1A RGB(26, 26, 26) RGBA(26, 26, 26, 1) element.hover
#1F1F1F RGB(31, 31, 31) RGBA(31, 31, 31, 1) element.selected
#1A2436 RGB(26, 36, 54) RGBA(26, 36, 54, 1) elevated_surface.background
#1A1A1A RGB(26, 26, 26) RGBA(26, 26, 26, 1) error
#FFCCC4 RGB(255, 204, 196) RGBA(255, 204, 196, 1) error.background
#1A1A1A RGB(26, 26, 26) RGBA(26, 26, 26, 1) error.border
#FFCCC4 RGB(255, 204, 196) RGBA(255, 204, 196, 1) ghost_element.active
#1A2436 RGB(26, 36, 54) RGBA(26, 36, 54, 1) ghost_element.background
#1A1A1A00 RGB(26, 26, 26) RGBA(26, 26, 26, 0) ghost_element.disabled
#1A1A1A00 RGB(26, 26, 26) RGBA(26, 26, 26, 0) ghost_element.hover
#1F1F1F RGB(31, 31, 31) RGBA(31, 31, 31, 1) ghost_element.selected
#1A2436 RGB(26, 36, 54) RGBA(26, 36, 54, 1) hidden
#C8C8C8 RGB(200, 200, 200) RGBA(200, 200, 200, 1) hidden.background
#1A1A1A RGB(26, 26, 26) RGBA(26, 26, 26, 1) hidden.border
#7A7A7A RGB(122, 122, 122) RGBA(122, 122, 122, 1) hint
#C8C8C8 RGB(200, 200, 200) RGBA(200, 200, 200, 1) hint.background
#1A1A1A RGB(26, 26, 26) RGBA(26, 26, 26, 1) hint.border
#7A7A7A RGB(122, 122, 122) RGBA(122, 122, 122, 1) icon
#F5F5F5 RGB(245, 245, 245) RGBA(245, 245, 245, 1) icon.accent
#8CBCFF RGB(140, 188, 255) RGBA(140, 188, 255, 1) icon.disabled
#C8C8C8 RGB(200, 200, 200) RGBA(200, 200, 200, 1) icon.muted
#C8C8C8 RGB(200, 200, 200) RGBA(200, 200, 200, 1) icon.placeholder
#C8C8C8 RGB(200, 200, 200) RGBA(200, 200, 200, 1) ignored
#C8C8C8 RGB(200, 200, 200) RGBA(200, 200, 200, 1) ignored.background
#1A1A1A RGB(26, 26, 26) RGBA(26, 26, 26, 1) ignored.border
#7A7A7A RGB(122, 122, 122) RGBA(122, 122, 122, 1) info
#BDDAFF RGB(189, 218, 255) RGBA(189, 218, 255, 1) info.background
#1A1A1A RGB(26, 26, 26) RGBA(26, 26, 26, 1) info.border
#BDDAFF RGB(189, 218, 255) RGBA(189, 218, 255, 1) link_text.hover
#8CBCFF RGB(140, 188, 255) RGBA(140, 188, 255, 1) modified
#C9E0FF RGB(201, 224, 255) RGBA(201, 224, 255, 1) modified.background
#1F1F1F RGB(31, 31, 31) RGBA(31, 31, 31, 1) modified.border
#C9E0FF RGB(201, 224, 255) RGBA(201, 224, 255, 1) pane.focused_border
#8CBCFF RGB(140, 188, 255) RGBA(140, 188, 255, 1) panel.background
#1A1A1A RGB(26, 26, 26) RGBA(26, 26, 26, 1) panel.focused_border
#8CBCFF RGB(140, 188, 255) RGBA(140, 188, 255, 1) player.0.background
#FFD400 RGB(255, 212, 0) RGBA(255, 212, 0, 1) player.0.cursor
#FFD400 RGB(255, 212, 0) RGBA(255, 212, 0, 1) player.0.selection
#1A2436 RGB(26, 36, 54) RGBA(26, 36, 54, 1) predictive
#C8C8C8 RGB(200, 200, 200) RGBA(200, 200, 200, 1) predictive.background
#1A1A1A RGB(26, 26, 26) RGBA(26, 26, 26, 1) predictive.border
#7A7A7A RGB(122, 122, 122) RGBA(122, 122, 122, 1) renamed
#C9E0FF RGB(201, 224, 255) RGBA(201, 224, 255, 1) renamed.background
#1A1A1A RGB(26, 26, 26) RGBA(26, 26, 26, 1) renamed.border
#C9E0FF RGB(201, 224, 255) RGBA(201, 224, 255, 1) scrollbar.thumb.background
#6B6B6B80 RGB(107, 107, 107) RGBA(107, 107, 107, 0.502) scrollbar.thumb.border
#6B6B6B RGB(107, 107, 107) RGBA(107, 107, 107, 1) scrollbar.thumb.hover_background
#6B6B6B RGB(107, 107, 107) RGBA(107, 107, 107, 1) scrollbar.track.background
#12121200 RGB(18, 18, 18) RGBA(18, 18, 18, 0) scrollbar.track.border
#12121200 RGB(18, 18, 18) RGBA(18, 18, 18, 0) search.match_background
#332A00 RGB(51, 42, 0) RGBA(51, 42, 0, 1) status_bar.background
#232323 RGB(35, 35, 35) RGBA(35, 35, 35, 1) success
#99DA9B RGB(153, 218, 155) RGBA(153, 218, 155, 1) success.background
#1A1A1A RGB(26, 26, 26) RGBA(26, 26, 26, 1) success.border
#99DA9B RGB(153, 218, 155) RGBA(153, 218, 155, 1) surface.background
#1A1A1A RGB(26, 26, 26) RGBA(26, 26, 26, 1) tab_bar.background
#1A1A1A RGB(26, 26, 26) RGBA(26, 26, 26, 1) tab.active_background
#121212 RGB(18, 18, 18) RGBA(18, 18, 18, 1) tab.inactive_background
#1A1A1A RGB(26, 26, 26) RGBA(26, 26, 26, 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
#76F1F0 RGB(118, 241, 240) RGBA(118, 241, 240, 1) terminal.ansi.bright_green
#ACEEAD RGB(172, 238, 173) RGBA(172, 238, 173, 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
#52D0CF RGB(82, 208, 207) RGBA(82, 208, 207, 1) terminal.ansi.green
#8DCD8E RGB(141, 205, 142) RGBA(141, 205, 142, 1) terminal.ansi.magenta
#EBA8E4 RGB(235, 168, 228) RGBA(235, 168, 228, 1) terminal.ansi.red
#FFA79B RGB(255, 167, 155) RGBA(255, 167, 155, 1) terminal.ansi.white
#E6E6E6 RGB(230, 230, 230) RGBA(230, 230, 230, 1) terminal.ansi.yellow
#DEB967 RGB(222, 185, 103) RGBA(222, 185, 103, 1) terminal.background
#121212 RGB(18, 18, 18) RGBA(18, 18, 18, 1) terminal.bright_foreground
#F5F5F5 RGB(245, 245, 245) RGBA(245, 245, 245, 1) terminal.dim_foreground
#C8C8C8 RGB(200, 200, 200) RGBA(200, 200, 200, 1) terminal.foreground
#F5F5F5 RGB(245, 245, 245) RGBA(245, 245, 245, 1) text
#F5F5F5 RGB(245, 245, 245) RGBA(245, 245, 245, 1) text.accent
#8CBCFF RGB(140, 188, 255) RGBA(140, 188, 255, 1) text.disabled
#C8C8C8 RGB(200, 200, 200) RGBA(200, 200, 200, 1) text.muted
#C8C8C8 RGB(200, 200, 200) RGBA(200, 200, 200, 1) text.placeholder
#C8C8C8 RGB(200, 200, 200) RGBA(200, 200, 200, 1) title_bar.background
#232323 RGB(35, 35, 35) RGBA(35, 35, 35, 1) title_bar.inactive_background
#1A1A1A RGB(26, 26, 26) RGBA(26, 26, 26, 1) toolbar.background
#121212 RGB(18, 18, 18) RGBA(18, 18, 18, 1) unreachable
#C8C8C8 RGB(200, 200, 200) RGBA(200, 200, 200, 1) unreachable.background
#1A1A1A RGB(26, 26, 26) RGBA(26, 26, 26, 1) unreachable.border
#7A7A7A RGB(122, 122, 122) RGBA(122, 122, 122, 1) warning
#FFD182 RGB(255, 209, 130) RGBA(255, 209, 130, 1) warning.background
#1A1A1A RGB(26, 26, 26) RGBA(26, 26, 26, 1) warning.border
#FFD182 RGB(255, 209, 130) RGBA(255, 209, 130, 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
#FFDB9E RGB(255, 219, 158) RGBA(255, 219, 158, 1) boolean
#FFD9BA RGB(255, 217, 186) RGBA(255, 217, 186, 1) comment
#ABB6C1 RGB(171, 182, 193) RGBA(171, 182, 193, 1) comment.doc
#ABB6C1 RGB(171, 182, 193) RGBA(171, 182, 193, 1) constant
#FFD9BA RGB(255, 217, 186) RGBA(255, 217, 186, 1) constructor
#5DDAD9 RGB(93, 218, 217) RGBA(93, 218, 217, 1) embedded
#F5F5F5 RGB(245, 245, 245) RGBA(245, 245, 245, 1) emphasis
#F5F5F5 RGB(245, 245, 245) RGBA(245, 245, 245, 1) emphasis.strong
#F5F5F5 RGB(245, 245, 245) RGBA(245, 245, 245, 1) enum
#5DDAD9 RGB(93, 218, 217) RGBA(93, 218, 217, 1) function
#84B7FA RGB(132, 183, 250) RGBA(132, 183, 250, 1) hint
#C8C8C8 RGB(200, 200, 200) RGBA(200, 200, 200, 1) keyword
#D3BDFF RGB(211, 189, 255) RGBA(211, 189, 255, 1) label
#FFD2E6 RGB(255, 210, 230) RGBA(255, 210, 230, 1) link_text
#8CBCFF RGB(140, 188, 255) RGBA(140, 188, 255, 1) link_uri
#8CBCFF RGB(140, 188, 255) RGBA(140, 188, 255, 1) number
#FFD9BA RGB(255, 217, 186) RGBA(255, 217, 186, 1) operator
#F5F5F5 RGB(245, 245, 245) RGBA(245, 245, 245, 1) predictive
#C8C8C8 RGB(200, 200, 200) RGBA(200, 200, 200, 1) preproc
#D3BDFF RGB(211, 189, 255) RGBA(211, 189, 255, 1) primary
#F5F5F5 RGB(245, 245, 245) RGBA(245, 245, 245, 1) property
#C5E1FF RGB(197, 225, 255) RGBA(197, 225, 255, 1) punctuation
#F5F5F5 RGB(245, 245, 245) RGBA(245, 245, 245, 1) punctuation.bracket
#F5F5F5 RGB(245, 245, 245) RGBA(245, 245, 245, 1) punctuation.delimiter
#F5F5F5 RGB(245, 245, 245) RGBA(245, 245, 245, 1) punctuation.list_marker
#F5F5F5 RGB(245, 245, 245) RGBA(245, 245, 245, 1) punctuation.special
#F5F5F5 RGB(245, 245, 245) RGBA(245, 245, 245, 1) string
#96D797 RGB(150, 215, 151) RGBA(150, 215, 151, 1) string.escape
#F3989E RGB(243, 152, 158) RGBA(243, 152, 158, 1) string.regex
#F3989E RGB(243, 152, 158) RGBA(243, 152, 158, 1) string.special
#F3989E RGB(243, 152, 158) RGBA(243, 152, 158, 1) string.special.symbol
#FFD9BA RGB(255, 217, 186) RGBA(255, 217, 186, 1) tag
#D3BDFF RGB(211, 189, 255) RGBA(211, 189, 255, 1) text.literal
#96D797 RGB(150, 215, 151) RGBA(150, 215, 151, 1) title
#D3BDFF RGB(211, 189, 255) RGBA(211, 189, 255, 1) type
#5DDAD9 RGB(93, 218, 217) RGBA(93, 218, 217, 1) variable
#F5F5F5 RGB(245, 245, 245) RGBA(245, 245, 245, 1) variable.special
#D3BDFF RGB(211, 189, 255) RGBA(211, 189, 255, 1) variant
#5DDAD9 RGB(93, 218, 217) RGBA(93, 218, 217, 1)