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#111111
  • activityBar.foreground#90FFAA
  • editor.background#000000
  • editor.findMatchBackground#90FFAA
  • editor.findMatchHighlightBackground#a7afa9aa
  • editor.foreground#90FFAA
  • editor.hoverHighlightBackground#70ff9030
  • editor.lineHighlightBackground#5e6d6f80
  • editor.selectionBackground#38df72aa
  • editor.selectionHighlightBackground#5e6d6f80
  • editorCursor.foreground#70FF90
  • editorGutter.addedBackground#00FF00
  • editorGutter.deletedBackground#FF5555
  • editorGutter.modifiedBackground#FFFF00
  • sideBar.background#111111
  • sideBar.foreground#90FFAA
  • statusBar.background#222222
  • statusBar.foreground#90FFAA
  • titleBar.activeBackground#222222
  • titleBar.activeForeground#90FFAA
  • titleBar.inactiveBackground#111111
  • titleBar.inactiveForeground#70FF90

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, comment.block, comment.line#B0B0B0
keyword, keyword.control, keyword.other#FFFF33bold
keyword.local.lua, storage.modifier, keyword.other.local#90FF55italic bold
entity.name.function#80FF40bold italic underline
support.function, meta.function#FFFF80bold italic
keyword.operator.lua, keyword.operator, punctuation.operator#55FFFFitalic
string.quoted.double.lua, string.quoted.single.lua, string.quoted.double, string.quoted.single, string.template#FF9933italic bold
constant.numeric, constant.numeric.integer, constant.numeric.float#55FFFFbold
keyword.control.lua, keyword.control.flow, keyword.control.conditional#DDEEFFbold italic
string, string.unquoted, string.raw#33FF33
variable.parameter, parameter.function#FFBB33italic
storage.type.class, entity.name.type, entity.name.class, support.type#AAFF77bold italic
variable, variable.other, variable.language#90FFAA
constant.language, constant.other#55FFFFbold
meta.function-call, support.function.call#55FF55italic
punctuation.definition, punctuation.section, punctuation.terminator#FF33FF
entity.name.tag, meta.tag#AAFF77bold
entity.other.attribute-name, meta.property-name#FFBB33italic
entity.name.namespace, support.namespace#DDEEFFitalic
meta.preprocessor, keyword.control.import#FFFF33bold
meta.annotation, storage.type.annotation#90FF55italic bold
string.regexp#FF9933bold
invalid, invalid.illegal#FF6666bold
keyword.other.sql#FFFF33bold
keyword.other.constraint.sql#DDEEFFbold italic
storage.type.sql#AAFF77bold italic
entity.name.table.sql#80FF40bold italic underline
entity.name.column.sql#90FFAAbold
string.quoted.sql#FF9933italic bold
constant.numeric.sql#55FFFFbold
string.json.sql#33FF33italic
keyword.other.option.sql#FFFF33bold
constant.language.sql#55FFFFbold