colors UI color keys from this variant's theme style.
key HEX RGB RGBA background
#F2EFE9 RGB(242, 239, 233) RGBA(242, 239, 233, 1) border
#6E6555 RGB(110, 101, 85) RGBA(110, 101, 85, 1) border.disabled
#6E6555 RGB(110, 101, 85) RGBA(110, 101, 85, 1) border.focused
#004498 RGB(0, 68, 152) RGBA(0, 68, 152, 1) border.selected
#004498 RGB(0, 68, 152) RGBA(0, 68, 152, 1) border.transparent
#F2EFE900 RGB(242, 239, 233) RGBA(242, 239, 233, 0) border.variant
#6E6555 RGB(110, 101, 85) RGBA(110, 101, 85, 1) conflict
#513100 RGB(81, 49, 0) RGBA(81, 49, 0, 1) conflict.background
#F2EFE9 RGB(242, 239, 233) RGBA(242, 239, 233, 1) conflict.border
#513100 RGB(81, 49, 0) RGBA(81, 49, 0, 1) created
#005512 RGB(0, 85, 18) RGBA(0, 85, 18, 1) created.background
#E4F1D8 RGB(228, 241, 216) RGBA(228, 241, 216, 1) created.border
#005512 RGB(0, 85, 18) RGBA(0, 85, 18, 1) deleted
#540002 RGB(84, 0, 2) RGBA(84, 0, 2, 1) deleted.background
#F9E3D8 RGB(249, 227, 216) RGBA(249, 227, 216, 1) deleted.border
#540002 RGB(84, 0, 2) RGBA(84, 0, 2, 1) drop_target.background
#F9E79A RGB(249, 231, 154) RGBA(249, 231, 154, 1) editor.active_line_number
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) editor.active_line.background
#F3EAD2 RGB(243, 234, 210) RGBA(243, 234, 210, 1) editor.active_wrap_guide
#6E6555 RGB(110, 101, 85) RGBA(110, 101, 85, 1) editor.background
#FDF6E3 RGB(253, 246, 227) RGBA(253, 246, 227, 1) editor.document_highlight.bracket_background
#F3EAD2 RGB(243, 234, 210) RGBA(243, 234, 210, 1) editor.document_highlight.read_background
#F3EAD2 RGB(243, 234, 210) RGBA(243, 234, 210, 1) editor.document_highlight.write_background
#F3EAD2 RGB(243, 234, 210) RGBA(243, 234, 210, 1) editor.foreground
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) editor.gutter.background
#FDF6E3 RGB(253, 246, 227) RGBA(253, 246, 227, 1) editor.highlighted_line.background
#F3EAD2 RGB(243, 234, 210) RGBA(243, 234, 210, 1) editor.indent_guide
#857B69 RGB(133, 123, 105) RGBA(133, 123, 105, 1) editor.indent_guide_active
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) editor.invisible
#766C5B RGB(118, 108, 91) RGBA(118, 108, 91, 1) editor.line_number
#4A4337 RGB(74, 67, 55) RGBA(74, 67, 55, 1) editor.subheader.background
#F2EFE9 RGB(242, 239, 233) RGBA(242, 239, 233, 1) editor.wrap_guide
#857B69 RGB(133, 123, 105) RGBA(133, 123, 105, 1) element.active
#F9E79A RGB(249, 231, 154) RGBA(249, 231, 154, 1) element.background
#E9E5DD RGB(233, 229, 221) RGBA(233, 229, 221, 1) element.disabled
#F2EFE9 RGB(242, 239, 233) RGBA(242, 239, 233, 1) element.hover
#F3EAD2 RGB(243, 234, 210) RGBA(243, 234, 210, 1) element.selected
#F9E79A RGB(249, 231, 154) RGBA(249, 231, 154, 1) elevated_surface.background
#F2EFE9 RGB(242, 239, 233) RGBA(242, 239, 233, 1) error
#770004 RGB(119, 0, 4) RGBA(119, 0, 4, 1) error.background
#F2EFE9 RGB(242, 239, 233) RGBA(242, 239, 233, 1) error.border
#770004 RGB(119, 0, 4) RGBA(119, 0, 4, 1) ghost_element.active
#F9E79A RGB(249, 231, 154) RGBA(249, 231, 154, 1) ghost_element.background
#F2EFE900 RGB(242, 239, 233) RGBA(242, 239, 233, 0) ghost_element.disabled
#F2EFE900 RGB(242, 239, 233) RGBA(242, 239, 233, 0) ghost_element.hover
#F3EAD2 RGB(243, 234, 210) RGBA(243, 234, 210, 1) ghost_element.selected
#F9E79A RGB(249, 231, 154) RGBA(249, 231, 154, 1) hidden
#3F382C RGB(63, 56, 44) RGBA(63, 56, 44, 1) hidden.background
#F2EFE9 RGB(242, 239, 233) RGBA(242, 239, 233, 1) hidden.border
#6E6555 RGB(110, 101, 85) RGBA(110, 101, 85, 1) hint
#3F382C RGB(63, 56, 44) RGBA(63, 56, 44, 1) hint.background
#F2EFE9 RGB(242, 239, 233) RGBA(242, 239, 233, 1) hint.border
#6E6555 RGB(110, 101, 85) RGBA(110, 101, 85, 1) icon
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) icon.accent
#004498 RGB(0, 68, 152) RGBA(0, 68, 152, 1) icon.disabled
#3F382C RGB(63, 56, 44) RGBA(63, 56, 44, 1) icon.muted
#3F382C RGB(63, 56, 44) RGBA(63, 56, 44, 1) icon.placeholder
#3F382C RGB(63, 56, 44) RGBA(63, 56, 44, 1) ignored
#3F382C RGB(63, 56, 44) RGBA(63, 56, 44, 1) ignored.background
#F2EFE9 RGB(242, 239, 233) RGBA(242, 239, 233, 1) ignored.border
#6E6555 RGB(110, 101, 85) RGBA(110, 101, 85, 1) info
#00357A RGB(0, 53, 122) RGBA(0, 53, 122, 1) info.background
#F2EFE9 RGB(242, 239, 233) RGBA(242, 239, 233, 1) info.border
#00357A RGB(0, 53, 122) RGBA(0, 53, 122, 1) link_text.hover
#004498 RGB(0, 68, 152) RGBA(0, 68, 152, 1) modified
#001538 RGB(0, 21, 56) RGBA(0, 21, 56, 1) modified.background
#F3EAD2 RGB(243, 234, 210) RGBA(243, 234, 210, 1) modified.border
#001538 RGB(0, 21, 56) RGBA(0, 21, 56, 1) pane.focused_border
#004498 RGB(0, 68, 152) RGBA(0, 68, 152, 1) panel.background
#F2EFE9 RGB(242, 239, 233) RGBA(242, 239, 233, 1) panel.focused_border
#004498 RGB(0, 68, 152) RGBA(0, 68, 152, 1) player.0.background
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) player.0.cursor
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) player.0.selection
#F9E79A RGB(249, 231, 154) RGBA(249, 231, 154, 1) predictive
#3F382C RGB(63, 56, 44) RGBA(63, 56, 44, 1) predictive.background
#F2EFE9 RGB(242, 239, 233) RGBA(242, 239, 233, 1) predictive.border
#6E6555 RGB(110, 101, 85) RGBA(110, 101, 85, 1) renamed
#001538 RGB(0, 21, 56) RGBA(0, 21, 56, 1) renamed.background
#F2EFE9 RGB(242, 239, 233) RGBA(242, 239, 233, 1) renamed.border
#001538 RGB(0, 21, 56) RGBA(0, 21, 56, 1) scrollbar.thumb.background
#857B6980 RGB(133, 123, 105) RGBA(133, 123, 105, 0.502) scrollbar.thumb.border
#857B69 RGB(133, 123, 105) RGBA(133, 123, 105, 1) scrollbar.thumb.hover_background
#857B69 RGB(133, 123, 105) RGBA(133, 123, 105, 1) scrollbar.track.background
#FDF6E300 RGB(253, 246, 227) RGBA(253, 246, 227, 0) scrollbar.track.border
#FDF6E300 RGB(253, 246, 227) RGBA(253, 246, 227, 0) search.match_background
#FFD400 RGB(255, 212, 0) RGBA(255, 212, 0, 1) status_bar.background
#E9E5DD RGB(233, 229, 221) RGBA(233, 229, 221, 1) success
#005512 RGB(0, 85, 18) RGBA(0, 85, 18, 1) success.background
#F2EFE9 RGB(242, 239, 233) RGBA(242, 239, 233, 1) success.border
#005512 RGB(0, 85, 18) RGBA(0, 85, 18, 1) surface.background
#F2EFE9 RGB(242, 239, 233) RGBA(242, 239, 233, 1) tab_bar.background
#F2EFE9 RGB(242, 239, 233) RGBA(242, 239, 233, 1) tab.active_background
#FDF6E3 RGB(253, 246, 227) RGBA(253, 246, 227, 1) tab.inactive_background
#F2EFE9 RGB(242, 239, 233) RGBA(242, 239, 233, 1) terminal.ansi.black
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) terminal.ansi.blue
#00275C RGB(0, 39, 92) RGBA(0, 39, 92, 1) terminal.ansi.bright_black
#484848 RGB(72, 72, 72) RGBA(72, 72, 72, 1) terminal.ansi.bright_blue
#003F8E RGB(0, 63, 142) RGBA(0, 63, 142, 1) terminal.ansi.bright_cyan
#004B4B RGB(0, 75, 75) RGBA(0, 75, 75, 1) terminal.ansi.bright_green
#004F10 RGB(0, 79, 16) RGBA(0, 79, 16, 1) terminal.ansi.bright_magenta
#7B0077 RGB(123, 0, 119) RGBA(123, 0, 119, 1) terminal.ansi.bright_red
#8B0006 RGB(139, 0, 6) RGBA(139, 0, 6, 1) terminal.ansi.bright_white
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) terminal.ansi.bright_yellow
#5C3C00 RGB(92, 60, 0) RGBA(92, 60, 0, 1) terminal.ansi.cyan
#002F2F RGB(0, 47, 47) RGBA(0, 47, 47, 1) terminal.ansi.green
#003107 RGB(0, 49, 7) RGBA(0, 49, 7, 1) terminal.ansi.magenta
#4F004D RGB(79, 0, 77) RGBA(79, 0, 77, 1) terminal.ansi.red
#5B0002 RGB(91, 0, 2) RGBA(91, 0, 2, 1) terminal.ansi.white
#434343 RGB(67, 67, 67) RGBA(67, 67, 67, 1) terminal.ansi.yellow
#3B2500 RGB(59, 37, 0) RGBA(59, 37, 0, 1) terminal.background
#FDF6E3 RGB(253, 246, 227) RGBA(253, 246, 227, 1) terminal.bright_foreground
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) terminal.dim_foreground
#3F382C RGB(63, 56, 44) RGBA(63, 56, 44, 1) terminal.foreground
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) text
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) text.accent
#004498 RGB(0, 68, 152) RGBA(0, 68, 152, 1) text.disabled
#3F382C RGB(63, 56, 44) RGBA(63, 56, 44, 1) text.muted
#3F382C RGB(63, 56, 44) RGBA(63, 56, 44, 1) text.placeholder
#3F382C RGB(63, 56, 44) RGBA(63, 56, 44, 1) title_bar.background
#E9E5DD RGB(233, 229, 221) RGBA(233, 229, 221, 1) title_bar.inactive_background
#F2EFE9 RGB(242, 239, 233) RGBA(242, 239, 233, 1) toolbar.background
#FDF6E3 RGB(253, 246, 227) RGBA(253, 246, 227, 1) unreachable
#3F382C RGB(63, 56, 44) RGBA(63, 56, 44, 1) unreachable.background
#F2EFE9 RGB(242, 239, 233) RGBA(242, 239, 233, 1) unreachable.border
#6E6555 RGB(110, 101, 85) RGBA(110, 101, 85, 1) warning
#513100 RGB(81, 49, 0) RGBA(81, 49, 0, 1) warning.background
#F2EFE9 RGB(242, 239, 233) RGBA(242, 239, 233, 1) warning.border
#513100 RGB(81, 49, 0) RGBA(81, 49, 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
#3A1F00 RGB(58, 31, 0) RGBA(58, 31, 0, 1) boolean
#451700 RGB(69, 23, 0) RGBA(69, 23, 0, 1) comment
#534637 RGB(83, 70, 55) RGBA(83, 70, 55, 1) comment.doc
#534637 RGB(83, 70, 55) RGBA(83, 70, 55, 1) constant
#451700 RGB(69, 23, 0) RGBA(69, 23, 0, 1) constructor
#003232 RGB(0, 50, 50) RGBA(0, 50, 50, 1) embedded
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) emphasis
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) emphasis.strong
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) enum
#003232 RGB(0, 50, 50) RGBA(0, 50, 50, 1) function
#004498 RGB(0, 68, 152) RGBA(0, 68, 152, 1) hint
#3F382C RGB(63, 56, 44) RGBA(63, 56, 44, 1) keyword
#530093 RGB(83, 0, 147) RGBA(83, 0, 147, 1) label
#550036 RGB(85, 0, 54) RGBA(85, 0, 54, 1) link_text
#004498 RGB(0, 68, 152) RGBA(0, 68, 152, 1) link_uri
#004498 RGB(0, 68, 152) RGBA(0, 68, 152, 1) number
#451700 RGB(69, 23, 0) RGBA(69, 23, 0, 1) operator
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) predictive
#3F382C RGB(63, 56, 44) RGBA(63, 56, 44, 1) preproc
#530093 RGB(83, 0, 147) RGBA(83, 0, 147, 1) primary
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) property
#020068 RGB(2, 0, 104) RGBA(2, 0, 104, 1) punctuation
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) punctuation.bracket
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) punctuation.delimiter
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) punctuation.list_marker
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) punctuation.special
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) string
#00440C RGB(0, 68, 12) RGBA(0, 68, 12, 1) string.escape
#52001C RGB(82, 0, 28) RGBA(82, 0, 28, 1) string.regex
#52001C RGB(82, 0, 28) RGBA(82, 0, 28, 1) string.special
#52001C RGB(82, 0, 28) RGBA(82, 0, 28, 1) string.special.symbol
#451700 RGB(69, 23, 0) RGBA(69, 23, 0, 1) tag
#530093 RGB(83, 0, 147) RGBA(83, 0, 147, 1) text.literal
#00440C RGB(0, 68, 12) RGBA(0, 68, 12, 1) title
#530093 RGB(83, 0, 147) RGBA(83, 0, 147, 1) type
#003232 RGB(0, 50, 50) RGBA(0, 50, 50, 1) variable
#000000 RGB(0, 0, 0) RGBA(0, 0, 0, 1) variable.special
#530093 RGB(83, 0, 147) RGBA(83, 0, 147, 1) variant
#003232 RGB(0, 50, 50) RGBA(0, 50, 50, 1)