Skip to main content
Coding Theme

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

  • activityBarBadge.background#007acc
  • editor.background#1F292D
  • editor.foreground#eeffff
  • editorBracketHighlight.foreground1#da70d6
  • editorBracketHighlight.foreground2#70AFD8
  • editorBracketHighlight.foreground3#7085d8
  • sideBarTitle.foreground#bbbbbb

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
storage.modifier, storage.type, keyword.control, keyword.operator.wordlike, keyword.operator, keyword.operator.new, keyword.operator.expression, variable.language.self#61afefitalic bold
keyword.operator, punctuation.separator.arguments#698A99italic
punctuation.separator.arguments#698A99bold
variable.language, variable.other.property#FF9DA4
comment#546e7aitalic
variable.other.readwrite, entity.name.function#cfe4ff
variable.parameter, variable.parameter.function#cfe4ffitalic
variable.other.constant#ffd1eb
support.type.primitive#a1e2c2
class, entity.name.type.class, entity.name.function, support.function, constant.language#a494ff
entity.name.type#a1e2c2
entity.name.function, meta.function#dbbbff
entity.name.function.member#DCDCAA
variable.other.member#00BFFF
string#98c379
constant.numeric#f77669
constant.language.boolean, constant.language.nil#e5a970
Karcharias by GreenTheBlaze - VS Code Theme