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.

  • activityBar.background#21252B
  • editor.background#030b1a
  • editor.foreground#ABB2BF
  • editor.lineHighlightBackground#2C2C2C
  • editor.selectionBackground#3E4451
  • sideBar.background#21252B
  • statusBar.background#000000
  • titleBar.activeBackground#282C34
  • titleBar.activeForeground#ABB2BF
  • titleBar.inactiveBackground#21252B
  • titleBar.inactiveForeground#ABB2BF80

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#5C6370italic
string#98C379
keyword, keyword.control, keyword.operator, keyword.other, storage, storage.type, entity.name.tag#C678DDbold italic
entity.name.function#FF7373bold italic
meta.function-call#FF7373bold italic
meta.function-call meta.arguments#FFFF99
support.function.builtin#D2A679bold italic
meta.function.parameters, variable.parameter#FFFF99
variable#FFB6C1
entity.name.class, support.class#E5C07B
meta.class.identifier#E5C07Bbold
constant.numeric, constant.language, variable.other.constant, entity.name.constant, punctuation.section.class.begin.python, meta.class.python, source.python, meta.body.function.definition.cpp, meta.function.definition.cpp, source.cpp#FC4538bold italic
support.type.property-name, meta.object-literal.key#56B6C2
Dark Theme by JKBCODE by jkbcode - VS Code Theme