colors UI color keys from this variant's theme style.
key HEX RGB RGBA background
#212121 RGB(33, 33, 33) RGBA(33, 33, 33, 1) border
#2A2A2A RGB(42, 42, 42) RGBA(42, 42, 42, 1) border.disabled
#555555 RGB(85, 85, 85) RGBA(85, 85, 85, 1) border.focused
#404040 RGB(64, 64, 64) RGBA(64, 64, 64, 1) border.selected
#404040 RGB(64, 64, 64) RGBA(64, 64, 64, 1) border.transparent
#404040 RGB(64, 64, 64) RGBA(64, 64, 64, 1) border.variant
#00000000 RGB(0, 0, 0) RGBA(0, 0, 0, 0) conflict
#FF5252 RGB(255, 82, 82) RGBA(255, 82, 82, 1) conflict.background
#263238 RGB(38, 50, 56) RGBA(38, 50, 56, 1) conflict.border
#546E7A RGB(84, 110, 122) RGBA(84, 110, 122, 1) created
#69F0AE RGB(105, 240, 174) RGBA(105, 240, 174, 1) created.background
#263238 RGB(38, 50, 56) RGBA(38, 50, 56, 1) created.border
#546E7A RGB(84, 110, 122) RGBA(84, 110, 122, 1) deleted
#FF5252 RGB(255, 82, 82) RGBA(255, 82, 82, 1) deleted.background
#263238 RGB(38, 50, 56) RGBA(38, 50, 56, 1) deleted.border
#546E7A RGB(84, 110, 122) RGBA(84, 110, 122, 1) drop_target.background
#2A2A2A RGB(42, 42, 42) RGBA(42, 42, 42, 1) editor.active_line_number
#E0E0E0 RGB(224, 224, 224) RGBA(224, 224, 224, 1) editor.active_line.background
#333333 RGB(51, 51, 51) RGBA(51, 51, 51, 1) editor.active_wrap_guide
#555555 RGB(85, 85, 85) RGBA(85, 85, 85, 1) editor.background
#212121 RGB(33, 33, 33) RGBA(33, 33, 33, 1) editor.document_highlight.read_background
#3A3A3A RGB(58, 58, 58) RGBA(58, 58, 58, 1) editor.document_highlight.write_background
#3A3A3A RGB(58, 58, 58) RGBA(58, 58, 58, 1) editor.foreground
#E0E0E0 RGB(224, 224, 224) RGBA(224, 224, 224, 1) editor.gutter.background
#212121 RGB(33, 33, 33) RGBA(33, 33, 33, 1) editor.highlighted_line.background
#3A3A3A RGB(58, 58, 58) RGBA(58, 58, 58, 1) editor.invisible
#555555 RGB(85, 85, 85) RGBA(85, 85, 85, 1) editor.line_number
#555555 RGB(85, 85, 85) RGBA(85, 85, 85, 1) editor.subheader.background
#1A1A1A RGB(26, 26, 26) RGBA(26, 26, 26, 1) editor.wrap_guide
#3A3A3A RGB(58, 58, 58) RGBA(58, 58, 58, 1) element.active
#3A3A3A RGB(58, 58, 58) RGBA(58, 58, 58, 1) element.background
#252525 RGB(37, 37, 37) RGBA(37, 37, 37, 1) element.disabled
#555555 RGB(85, 85, 85) RGBA(85, 85, 85, 1) element.hover
#3A3A3A RGB(58, 58, 58) RGBA(58, 58, 58, 1) element.selected
#3A3A3A RGB(58, 58, 58) RGBA(58, 58, 58, 1) elevated_surface.background
#252525 RGB(37, 37, 37) RGBA(37, 37, 37, 1) error
#FF5252 RGB(255, 82, 82) RGBA(255, 82, 82, 1) error.background
#263238 RGB(38, 50, 56) RGBA(38, 50, 56, 1) error.border
#546E7A RGB(84, 110, 122) RGBA(84, 110, 122, 1) ghost_element.active
#3A3A3A RGB(58, 58, 58) RGBA(58, 58, 58, 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
#3A3A3A RGB(58, 58, 58) RGBA(58, 58, 58, 1) ghost_element.selected
#3A3A3A RGB(58, 58, 58) RGBA(58, 58, 58, 1) hidden
#78909C RGB(120, 144, 156) RGBA(120, 144, 156, 1) hidden.background
#263238 RGB(38, 50, 56) RGBA(38, 50, 56, 1) hidden.border
#546E7A RGB(84, 110, 122) RGBA(84, 110, 122, 1) hint
#40C4FF RGB(64, 196, 255) RGBA(64, 196, 255, 1) hint.background
#263238 RGB(38, 50, 56) RGBA(38, 50, 56, 1) hint.border
#546E7A RGB(84, 110, 122) RGBA(84, 110, 122, 1) icon
#888888 RGB(136, 136, 136) RGBA(136, 136, 136, 1) icon.accent
#40C4FF RGB(64, 196, 255) RGBA(64, 196, 255, 1) icon.disabled
#555555 RGB(85, 85, 85) RGBA(85, 85, 85, 1) icon.muted
#666666 RGB(102, 102, 102) RGBA(102, 102, 102, 1) icon.placeholder
#555555 RGB(85, 85, 85) RGBA(85, 85, 85, 1) ignored
#90A4AE RGB(144, 164, 174) RGBA(144, 164, 174, 1) ignored.background
#263238 RGB(38, 50, 56) RGBA(38, 50, 56, 1) ignored.border
#546E7A RGB(84, 110, 122) RGBA(84, 110, 122, 1) info
#29B6F6 RGB(41, 182, 246) RGBA(41, 182, 246, 1) info.background
#263238 RGB(38, 50, 56) RGBA(38, 50, 56, 1) info.border
#546E7A RGB(84, 110, 122) RGBA(84, 110, 122, 1) link_text.hover
#82B1FF RGB(130, 177, 255) RGBA(130, 177, 255, 1) modified
#FFD740 RGB(255, 215, 64) RGBA(255, 215, 64, 1) modified.background
#263238 RGB(38, 50, 56) RGBA(38, 50, 56, 1) modified.border
#546E7A RGB(84, 110, 122) RGBA(84, 110, 122, 1) pane.focused_border
#404040 RGB(64, 64, 64) RGBA(64, 64, 64, 1) panel.background
#212121 RGB(33, 33, 33) RGBA(33, 33, 33, 1) panel.focused_border
#2A2A2A RGB(42, 42, 42) RGBA(42, 42, 42, 1) player.0.background
#546E7A RGB(84, 110, 122) RGBA(84, 110, 122, 1) player.0.cursor
#03DAC5 RGB(3, 218, 197) RGBA(3, 218, 197, 1) player.0.selection
#546E7A88 RGB(84, 110, 122) RGBA(84, 110, 122, 0.533) predictive
#80DEEA RGB(128, 222, 234) RGBA(128, 222, 234, 1) predictive.background
#263238 RGB(38, 50, 56) RGBA(38, 50, 56, 1) predictive.border
#546E7A RGB(84, 110, 122) RGBA(84, 110, 122, 1) renamed
#69F0AE RGB(105, 240, 174) RGBA(105, 240, 174, 1) renamed.background
#263238 RGB(38, 50, 56) RGBA(38, 50, 56, 1) renamed.border
#546E7A RGB(84, 110, 122) RGBA(84, 110, 122, 1) scrollbar.thumb.background
#404040 RGB(64, 64, 64) RGBA(64, 64, 64, 1) scrollbar.thumb.border
#404040 RGB(64, 64, 64) RGBA(64, 64, 64, 1) scrollbar.thumb.hover_background
#555555 RGB(85, 85, 85) RGBA(85, 85, 85, 1) scrollbar.track.background
#212121 RGB(33, 33, 33) RGBA(33, 33, 33, 1) scrollbar.track.border
#2A2A2A RGB(42, 42, 42) RGBA(42, 42, 42, 1) search.match_background
#3A3A3A RGB(58, 58, 58) RGBA(58, 58, 58, 1) status_bar.background
#212121 RGB(33, 33, 33) RGBA(33, 33, 33, 1) success
#69F0AE RGB(105, 240, 174) RGBA(105, 240, 174, 1) success.background
#263238 RGB(38, 50, 56) RGBA(38, 50, 56, 1) success.border
#546E7A RGB(84, 110, 122) RGBA(84, 110, 122, 1) surface.background
#252525 RGB(37, 37, 37) RGBA(37, 37, 37, 1) tab_bar.background
#212121 RGB(33, 33, 33) RGBA(33, 33, 33, 1) tab.active_background
#2A2A2A RGB(42, 42, 42) RGBA(42, 42, 42, 1) tab.inactive_background
#1A1A1A RGB(26, 26, 26) RGBA(26, 26, 26, 1) terminal.ansi.black
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) terminal.ansi.blue
#40C4FF RGB(64, 196, 255) RGBA(64, 196, 255, 1) terminal.ansi.bright_black
#546E7A RGB(84, 110, 122) RGBA(84, 110, 122, 1) terminal.ansi.bright_blue
#40C4FF RGB(64, 196, 255) RGBA(64, 196, 255, 1) terminal.ansi.bright_cyan
#18FFFF RGB(24, 255, 255) RGBA(24, 255, 255, 1) terminal.ansi.bright_green
#69F0AE RGB(105, 240, 174) RGBA(105, 240, 174, 1) terminal.ansi.bright_magenta
#7C4DFF RGB(124, 77, 255) RGBA(124, 77, 255, 1) terminal.ansi.bright_red
#FF5252 RGB(255, 82, 82) RGBA(255, 82, 82, 1) terminal.ansi.bright_white
#FFFFFF RGB(255, 255, 255) RGBA(255, 255, 255, 1) terminal.ansi.bright_yellow
#FFD740 RGB(255, 215, 64) RGBA(255, 215, 64, 1) terminal.ansi.cyan
#18FFFF RGB(24, 255, 255) RGBA(24, 255, 255, 1) terminal.ansi.dim_black
#455A64 RGB(69, 90, 100) RGBA(69, 90, 100, 1) terminal.ansi.dim_blue
#4FC3F7 RGB(79, 195, 247) RGBA(79, 195, 247, 1) terminal.ansi.dim_cyan
#4DD0E1 RGB(77, 208, 225) RGBA(77, 208, 225, 1) terminal.ansi.dim_green
#81C784 RGB(129, 199, 132) RGBA(129, 199, 132, 1) terminal.ansi.dim_magenta
#9575CD RGB(149, 117, 205) RGBA(149, 117, 205, 1) terminal.ansi.dim_red
#E57373 RGB(229, 115, 115) RGBA(229, 115, 115, 1) terminal.ansi.dim_white
#CFD8DC RGB(207, 216, 220) RGBA(207, 216, 220, 1) terminal.ansi.dim_yellow
#FFF176 RGB(255, 241, 118) RGBA(255, 241, 118, 1) terminal.ansi.green
#69F0AE RGB(105, 240, 174) RGBA(105, 240, 174, 1) terminal.ansi.magenta
#7C4DFF RGB(124, 77, 255) RGBA(124, 77, 255, 1) terminal.ansi.red
#FF5252 RGB(255, 82, 82) RGBA(255, 82, 82, 1) terminal.ansi.white
#ECEFF1 RGB(236, 239, 241) RGBA(236, 239, 241, 1) terminal.ansi.yellow
#FFD740 RGB(255, 215, 64) RGBA(255, 215, 64, 1) terminal.background
#212121 RGB(33, 33, 33) RGBA(33, 33, 33, 1) terminal.bright_foreground
#ECEFF1 RGB(236, 239, 241) RGBA(236, 239, 241, 1) terminal.dim_foreground
#90A4AE RGB(144, 164, 174) RGBA(144, 164, 174, 1) terminal.foreground
#ECEFF1 RGB(236, 239, 241) RGBA(236, 239, 241, 1) text
#E0E0E0 RGB(224, 224, 224) RGBA(224, 224, 224, 1) text.accent
#40C4FF RGB(64, 196, 255) RGBA(64, 196, 255, 1) text.disabled
#555555 RGB(85, 85, 85) RGBA(85, 85, 85, 1) text.muted
#888888 RGB(136, 136, 136) RGBA(136, 136, 136, 1) text.placeholder
#666666 RGB(102, 102, 102) RGBA(102, 102, 102, 1) title_bar.background
#212121 RGB(33, 33, 33) RGBA(33, 33, 33, 1) toolbar.background
#252525 RGB(37, 37, 37) RGBA(37, 37, 37, 1) unreachable
#FF5252 RGB(255, 82, 82) RGBA(255, 82, 82, 1) unreachable.background
#263238 RGB(38, 50, 56) RGBA(38, 50, 56, 1) unreachable.border
#546E7A RGB(84, 110, 122) RGBA(84, 110, 122, 1) warning
#FFD740 RGB(255, 215, 64) RGBA(255, 215, 64, 1) warning.background
#263238 RGB(38, 50, 56) RGBA(38, 50, 56, 1) warning.border
#546E7A RGB(84, 110, 122) RGBA(84, 110, 122, 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
#80D8FF RGB(128, 216, 255) RGBA(128, 216, 255, 1) boolean
#FF9E80 RGB(255, 158, 128) RGBA(255, 158, 128, 1) comment
#666666 RGB(102, 102, 102) RGBA(102, 102, 102, 1) comment.doc
#666666 RGB(102, 102, 102) RGBA(102, 102, 102, 1) constant
#E6F2F3 RGB(230, 242, 243) RGBA(230, 242, 243, 1) constructor
#FFAB91 RGB(255, 171, 145) RGBA(255, 171, 145, 1) emphasis
#D0D0D0 RGB(208, 208, 208) RGBA(208, 208, 208, 1) emphasis.strong
#D0D0D0 RGB(208, 208, 208) RGBA(208, 208, 208, 1) function
#0D7FD8 RGB(13, 127, 216) RGBA(13, 127, 216, 1) keyword
#8DE8FF RGB(141, 232, 255) RGBA(141, 232, 255, 1) keyword.async
#7C4DFF RGB(124, 77, 255) RGBA(124, 77, 255, 1) keyword.control
#8DE8FF RGB(141, 232, 255) RGBA(141, 232, 255, 1) keyword.export
#40C4FF RGB(64, 196, 255) RGBA(64, 196, 255, 1) keyword.function
#C592FF RGB(197, 146, 255) RGBA(197, 146, 255, 1) label
#FF7043 RGB(255, 112, 67) RGBA(255, 112, 67, 1) link_text
#40C4FF RGB(64, 196, 255) RGBA(64, 196, 255, 1) link_uri
#40C4FF RGB(64, 196, 255) RGBA(64, 196, 255, 1) number
#E99173 RGB(233, 145, 115) RGBA(233, 145, 115, 1) operator
#D0D0D0 RGB(208, 208, 208) RGBA(208, 208, 208, 1) preproc
#69F0AE RGB(105, 240, 174) RGBA(105, 240, 174, 1) punctuation
#CFD8DC RGB(207, 216, 220) RGBA(207, 216, 220, 1) punctuation.bracket
#C77DBA RGB(199, 125, 186) RGBA(199, 125, 186, 1) punctuation.delimiter
#CFD8DC RGB(207, 216, 220) RGBA(207, 216, 220, 1) punctuation.list_marker
#CFD8DC RGB(207, 216, 220) RGBA(207, 216, 220, 1) punctuation.special
#CFD8DC RGB(207, 216, 220) RGBA(207, 216, 220, 1) string
#C3E88D RGB(195, 232, 141) RGBA(195, 232, 141, 1) string.escape
#FFCCBC RGB(255, 204, 188) RGBA(255, 204, 188, 1) string.regex
#C3E88D RGB(195, 232, 141) RGBA(195, 232, 141, 1) string.special
#C3E88D RGB(195, 232, 141) RGBA(195, 232, 141, 1) string.special.symbol
#C3E88D RGB(195, 232, 141) RGBA(195, 232, 141, 1) tag
#E0787B RGB(224, 120, 123) RGBA(224, 120, 123, 1) text.literal
#C3E88D RGB(195, 232, 141) RGBA(195, 232, 141, 1) title
#F7CD7A RGB(247, 205, 122) RGBA(247, 205, 122, 1) type
#F7CD7A RGB(247, 205, 122) RGBA(247, 205, 122, 1) variable
#E6F2F3 RGB(230, 242, 243) RGBA(230, 242, 243, 1) variable.special
#FFAB91 RGB(255, 171, 145) RGBA(255, 171, 145, 1)