Skip to main content
Coding Theme

Color themes

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.

  • activityBar.background#1B1D20
  • activityBar.foreground#75C18D
  • editor.background#1a1b1d
  • editor.findMatchBackground#75C18D
  • editor.findMatchHighlightBackground#a7afa960
  • editor.foreground#75C18D
  • editor.hoverHighlightBackground#59ac721e
  • editor.lineHighlightBackground#5e6d6f63
  • editor.selectionBackground#38df7263
  • editor.selectionHighlightBackground#5e6d6f63
  • editorCursor.foreground#59AC72
  • editorGutter.addedBackground#081b0e
  • editorGutter.deletedBackground#BB3E38
  • editorGutter.modifiedBackground#75C18D
  • sideBar.background#1B1D20
  • sideBar.foreground#75C18D
  • statusBar.background#1B1D20
  • statusBar.foreground#75C18D
  • titleBar.activeBackground#1B1D20
  • titleBar.activeForeground#75C18D
  • titleBar.inactiveBackground#1B1D20
  • titleBar.inactiveForeground#75C18D

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, comment.block, comment.line#9ea7a3
keyword, keyword.control, keyword.other#ffd900bold
keyword.local.lua, storage.modifier, keyword.other.local#72ff47italic bold
entity.name.function#67fc3abold italic underline
support.function, meta.function#f7f450bold italic
keyword.operator.lua, keyword.operator, punctuation.operator#3fe2ffitalic
string.quoted.double.lua, string.quoted.single.lua, string.quoted.double, string.quoted.single, string.template#fa7c14italic bold
constant.numeric, constant.numeric.integer, constant.numeric.float#3fe2ffbold
keyword.control.lua, keyword.control.flow, keyword.control.conditional#BBC9CCbold italic
string, string.unquoted, string.raw#0ff507
variable.parameter, parameter.function#ff9100italic
storage.type.class, entity.name.type, entity.name.class, support.type#8dd85abold italic
variable, variable.other, variable.language#75C18D
constant.language, constant.other#3fe2ffbold
meta.function-call, support.function.call#38d109italic
punctuation.definition, punctuation.section, punctuation.terminator#d400ff
entity.name.tag, meta.tag#8dd85abold
entity.other.attribute-name, meta.property-name#ff9100italic
entity.name.namespace, support.namespace#BBC9CCitalic
meta.preprocessor, keyword.control.import#ffd900bold
meta.annotation, storage.type.annotation#72ff47italic bold
string.regexp#fa7c14bold
invalid, invalid.illegal#BB3E38bold
keyword.other.sql#ffd900bold
keyword.other.constraint.sql#BBC9CCbold italic
storage.type.sql#8dd85abold italic
entity.name.table.sql#67fc3abold italic underline
entity.name.column.sql#75C18Dbold
string.quoted.sql#fa7c14italic bold
constant.numeric.sql#3fe2ffbold
string.json.sql#0ff507italic
keyword.other.option.sql#ffd900bold
constant.language.sql#3fe2ffbold