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#1f1f1f
  • activityBar.border#1f1f1f
  • activityBar.foreground#FFFFFF
  • activityBar.inactiveForeground#4E535C
  • editor.background#1E1E1E
  • editor.foreground#dedede
  • editor.inactiveSelectionBackground#4E535C
  • editor.lineHighlightBackground#00000000
  • editor.selectionBackground#4E535C
  • editor.selectionHighlightBackground#4E535C
  • editorBracketHighlight.foreground1#D7D7D7
  • editorBracketHighlight.foreground2#D7D7D7
  • editorBracketHighlight.foreground3#D7D7D7
  • editorBracketMatch.border#4B4E55
  • editorCursor.foreground#FFFFFF
  • editorError.foreground#DF5F5F
  • editorGroupHeader.tabsBackground#282828
  • editorGutter.background#232525
  • editorIndentGuide.activeBackground1#666E76
  • editorIndentGuide.background1#393939
  • editorLineNumber.activeForeground#A9E1FB
  • editorLineNumber.foreground#666E76
  • editorWhitespace.foreground#4B4E55
  • sideBar.background#1f1f1f
  • sideBar.foreground#dedede
  • statusBar.background#1f1f1f
  • statusBar.border#282A2E
  • statusBar.foreground#dedede
  • tab.activeBackground#353535
  • tab.inactiveBackground#282828
  • terminal.background#1D1F21
  • terminal.foreground#C5C8C6
  • titleBar.activeBackground#1f1f1f
  • titleBar.activeForeground#dedede
  • titleBar.inactiveBackground#1f1f1f

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
source, source.r, source.python, markup.raw.block, variable, meta.function-call, meta.embedded.block.r#9CDCFE
text.html.markdown, meta.paragraph#dedede
markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown#dededebold
markup.bold, punctuation.definition.bold.markdown#dededebold
markup.italic, punctuation.definition.italic.markdown#dededeitalic
markup.list, punctuation.definition.list.begin.markdown#B1CFA3
markup.quote#6B9258italic
string.other.link.title.markdown#A9E1FBunderline
keyword.control.import.reference#FFFFFF
keyword.control.latex, keyword.control.tex, support.function.general.tex, support.function.latex, constant.character.escape, punctuation.definition.keyword.tex, punctuation.definition.backslash#c681ddbold
string.other.math.tex, punctuation.definition.string.begin.tex, punctuation.definition.string.end.tex#DCDC9E
support.type.property-name.json.comments, string.json.comments, meta.structure.dictionary.json.comments, meta.structure.array.json.comments, meta.structure.dictionary.value.json.comments, source.json.comments#A9E1FB
comment, punctuation.definition.comment#6B9258italic
string, string.quoted, string.template#CE9178
keyword, keyword.control, storage, meta.keyword#CE9178
keyword.operator, punctuation, punctuation.terminator, punctuation.separator, meta.brace#D7D7D7
constant.numeric, constant.language, constant.character#B1CFA3
entity.name.function, support.function, keyword.other#c681dd
entity.name.tag, entity.other.attribute-name#CC6666
Luca Themed by luca alioto - VS Code Theme