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#2B1A13
  • activityBar.foreground#FF8C38
  • editor.background#1C0F0A
  • editor.findMatchBackground#FF8C38
  • editor.findMatchHighlightBackground#FFD70060
  • editor.foreground#FF8C38
  • editor.hoverHighlightBackground#FF450030
  • editor.lineHighlightBackground#3C2F2F60
  • editor.selectionBackground#FF572266
  • editor.selectionHighlightBackground#3C2F2F60
  • editorCursor.foreground#FF4500
  • editorGutter.addedBackground#FFB300
  • editorGutter.deletedBackground#B22222
  • editorGutter.modifiedBackground#FF5722
  • sideBar.background#2B1A13
  • sideBar.foreground#FF8C38
  • statusBar.background#3C2F2F
  • statusBar.foreground#FF8C38
  • titleBar.activeBackground#3C2F2F
  • titleBar.activeForeground#FF8C38
  • titleBar.inactiveBackground#2B1A13
  • titleBar.inactiveForeground#FF7043

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, comment.block, comment.line#8B5A2B
keyword, keyword.control, keyword.other#FFD700bold
keyword.local.lua, storage.modifier, keyword.other.local#FF4500italic bold
entity.name.function#FF8C00bold italic underline
support.function, meta.function#FFA500bold italic
keyword.operator.lua, keyword.operator, punctuation.operator#FF6347italic
string.quoted.double.lua, string.quoted.single.lua, string.quoted.double, string.quoted.single, string.template#FF5722italic bold
constant.numeric, constant.numeric.integer, constant.numeric.float#FFFF99bold
keyword.control.lua, keyword.control.flow, keyword.control.conditional#FFB300bold italic
string, string.unquoted, string.raw#FF7043
variable.parameter, parameter.function#FF8C38italic
storage.type.class, entity.name.type, entity.name.class, support.type#FFD700bold italic
variable, variable.other, variable.language#FF8C38
constant.language, constant.other#FFFF99bold
meta.function-call, support.function.call#FFA500italic
punctuation.definition, punctuation.section, punctuation.terminator#FF4500
entity.name.tag, meta.tag#FFD700bold
entity.other.attribute-name, meta.property-name#FF8C38italic
entity.name.namespace, support.namespace#FFB300italic
meta.preprocessor, keyword.control.import#FFD700bold
meta.annotation, storage.type.annotation#FF4500italic bold
string.regexp#FF5722bold
invalid, invalid.illegal#B22222bold
keyword.other.sql#FFD700bold
keyword.other.constraint.sql#FFB300bold italic
storage.type.sql#FFD700bold italic
entity.name.table.sql#FF8C00bold italic underline
entity.name.column.sql#FF8C38bold
string.quoted.sql#FF5722italic bold
constant.numeric.sql#FFFF99bold
string.json.sql#FF7043italic
keyword.other.option.sql#FFD700bold
constant.language.sql#FFFF99bold