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#3c3836
  • editor.background#282828
  • editor.foreground#ebdbb2
  • editor.inactiveSelectionBackground#45858822
  • editor.selectionBackground#458588
  • editorBracketHighlight.foreground1#e06c75
  • editorBracketHighlight.foreground2#d19a66
  • editorBracketHighlight.foreground3#e5c07b
  • editorBracketHighlight.foreground4#98c379
  • editorBracketHighlight.foreground5#56b6c2
  • editorBracketHighlight.foreground6#c678dd
  • editorCursor.foreground#ffae00
  • editorLineNumber.foreground#928374
  • sideBar.background#3c3836
  • statusBar.background#3c3836
  • tab.activeBackground#504945
  • terminal.foreground#ebdbb2
  • titleBar.activeBackground#504945

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#0b1015
emphasisitalic
strongbold
header#458588
comment, punctuation.definition.comment#928374italic
constant, support.constant, variable.arguments#d3869b
constant.rgb-value#ebdbb2
entity.name.selector#8ec07c
entity.other.attribute-name#fabd2f
entity.name.tag, punctuation.tag#8ec07c
invalid, invalid.illegal#cc241d
invalid.deprecated#8f3f71
meta.selector#8ec07c
meta.preprocessor#fe8019
meta.preprocessor.string#b8bb26
meta.preprocessor.numeric#b8bb26
meta.header.diff#fe8019
storage#fb4934
storage.modifier#fe8019
string#b8bb26
string.tag#b8bb26
string.value#b8bb26
string.regexp#fe8019
string.escape#fb4934
string.quasi#8ec07c
string.entity#b8bb26
object#ebdbb2
module.node#83a598
support.type.property-name#689d6a
keyword#fb4934
keyword.control#fb4934
keyword.control.module#8ec07c
keyword.control.less#d79921
keyword.operator#8ec07c
keyword.operator.new#fe8019
keyword.other.unit#b8bb26
metatag.php#fe8019
support.function.git-rebase#689d6a
constant.sha.git-rebase#b8bb26
meta.type.name, meta.return.type, meta.return-type, meta.cast, meta.type.annotation, support.type, storage.type.cs, variable.class#fabd2f
variable.this, support.variable#d3869b
entity.name, entity.static, entity.name.class.static.function, entity.name.function, entity.name.class, entity.name.type#fabd2f
storage.type.function, entity.function, entity.name.function.static#8ec07c
entity.name.function.function-call#8ec07c
support.function.builtin#fe8019
entity.name.method, entity.name.method.function-call, entity.name.static.function-call#689d6a
brace#d5c4a1
meta.parameter.type.variable, variable.parameter, variable.name, variable.other, variable, string.constant.other.placeholder#83a598
prototype#d3869b
storage.type.class#fb4934
punctuation#a89984
punctuation.quoted#ebdbb2
punctuation.quasi#fb4934
*url*, *link*, *uri*underline
The Compiled Thought Themes - Enhanced Edition by Delowar Hossain - VS Code Theme