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.foreground#d9dacc
  • editor.background#272325
  • editor.foreground#d9dacc
  • editor.inactiveSelectionBackground#402725
  • editor.lineHighlightBackground#34312f
  • editor.selectionBackground#6d5a5580
  • editor.wordHighlightBackground#6d5a5526
  • editor.wordHighlightStrongBackground#75707026
  • editorCursor.foreground#d9dacc
  • editorIndentGuide.background#3a3a3b
  • editorLineNumber.activeForeground#e9eadc
  • editorWhitespace.foreground#3a3a3b
  • terminal.ansiBlack#2d3139
  • terminal.ansiBlue#61afef
  • terminal.ansiBrightBlack#7f848e
  • terminal.ansiBrightBlue#528bff
  • terminal.ansiBrightCyan#56b6c2
  • terminal.ansiBrightGreen#98c379
  • terminal.ansiBrightMagenta#7e0097
  • terminal.ansiBrightRed#f44747
  • terminal.ansiBrightWhite#d9dacc
  • terminal.ansiBrightYellow#e5c07b
  • terminal.ansiCyan#56b6c2
  • terminal.ansiGreen#98c379
  • terminal.ansiMagenta#c678dd
  • terminal.ansiRed#e06c75
  • terminal.ansiWhite#d9dacc
  • terminal.ansiYellow#e5c07b
  • terminal.foreground#c8c8c8
  • textLink.foreground#61afef

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
entity.name.function.preprocessor, meta.preprocessor.macro, storage.modifier.import, storage.type.generic, variable.other#d9dacc
comment#696d70
string#e6db74cc
string.regexp#ffa632dd
constant.language, constant.numeric#ae81ff
constant.character, constant.other.placeholder, support.other.escape.special.regexp#e62a19dd
constant.other#fd971fdd
entity.name.variable.property, keyword, meta.preprocessor#f92672dd
constant.other.symbol.prolog, support.function.be.latex, support.function.general.tex, support.function.section.latex, punctuation.dollar.js, punctuation.separator.parameters.python, support.function.definition.latex, constant.language.module.events, constant.language.module.http, constant.language.directive.module.main, constant.language.directive.module.events, constant.language.directive.module.http#f92672dditalic
keyword - keyword.operator#f92672dd
storage, support.constant, punctuation.section.class#42bebedd
entity.name.type.go, entity.name.type.namespace.php, meta.import.scala, punctuation.separator.inheritance.php, storage.type.js, support.other.module.haskell, support.other.namespace.use.php, variable.other.constant.ruby, entity.name.section.puppet, entity.name.function.decorator.python#42bebedd
keyword.type, storage.type, support.class, support.type#329e9e
variable.language, variable.other.member, variable.parameter, variable.other.readwrite.member#fd971f
meta.function-call.object.php, meta.function-call.static.php, variable.other.makefile, variable.other.prolog, variable.other.property.js, support.variable.property.dom.js#fd971f
meta.function-call.php,support.function, support.function.builtin.rust, support.function.C99, support.function.core.ruby, support.function.go, support.function.js, support.function.log.rust, support.function.magic.php, support.function.std.rust, support.function.builtin.python, support.function.builtin.go, support.function.builtin.shell, meta.function-call.js#4dc6c8ee
variable.function, meta.function-call.generic, meta.function-call.method, support.function.any-method, support.function.misc#fd971fbold
entity.name.function#4dc6c8eebold
punctuation.accessor, punctuation.section.embedded, punctuation.separator, storage.type.function.arrow#f92672dd
punctuation.separator.parameters#fd971f
entity.name.tag, entity.other.attribute-name#f92672dd
markup.heading#f92672ddbold
markup.boldbold
markup.italicitalic
markup.underlineunderline
markup.quote#696d70
markup.inline, markup.raw.inline#ae81ff
keyword.operator.dereference.java, meta.preprocessor.haskell, punctuation.separator.java, variable.parameter.java, variable.parameter.js, meta.group.js, meta.group.go, punctuation.section.class.begin.python, support.variable.dom.js, constant.character.brace, constant.character.end, constant.character.paren, constant.character.quote#cccccc
keyword.control.def.ruby, keyword.declaration.scala, keyword.declaration.stable.scala, keyword.declaration.volatile.scala, keyword.other.fn.rust, keyword.other.rust, meta.structure.dictionary.key.json#2be98a
string.other.link.title.markdown, string.other.link.description.markdown#49e0fd
beginning.punctuation.definition.list.markdown, punctuation.definition.list_item.markdown, punctuation.definition.list.markdown, punctuation.definition.heading.markdown, punctuation.definition.bold.markdown, punctuation.definition.italic.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.bold.begin.markdown, punctuation.definition.bold.end.markdown, punctuation.definition.italic.begin.markdown, punctuation.definition.italic.end.markdown, punctuation.definition.heading.begin.markdown, punctuation.definition.heading.end.markdown, punctuation.definition.raw.begin.markdown, punctuation.definition.raw.end.markdown, punctuation.definition.metadata.markdown, punctuation.definition.raw.markdown, markup.underline.link.image.markdown, markup.underline.link.markdown#696d70normal
markup.deleted.git_gutter#f92672dd
markup.inserted.git_gutter#2be98a
markup.changed.git_gutter#ae81ff
markup.ignored.git_gutter#696d70
markup.untracked.git_gutter#696d70
token.info-token#6796e6
token.warn-token#cd9731
token.error-token#f44747
token.debug-token#b267e6
keyword.control#329e9e
storage#329e9e
storage.type#329e9e
constant.numeric#ae81ff
entity.name.type#329e9e
entity.name.class#329e9e
support.type#329e9e
support.class#329e9e
keyword.control#f92672dditalic
storage#f92672dd
storage.type#f92672dd
constant.numeric#ae81ff
entity.name.type#329e9e
entity.name.class#329e9e
support.type#329e9e
support.class#329e9e
Monokai AC Theme by ac2sherry - VS Code Theme