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#1e1e1e
  • activityBarBadge.background#5A7CA4
  • editor.background#1e1e1e
  • editor.foreground#d4d4d4
  • editor.selectionBackground#8C9FB863
  • editor.selectionHighlightBackground#8C9FB863
  • editorLineNumber.foreground#586270
  • errorForeground#B27B78
  • gitDecoration.untrackedResourceForeground#99ae63
  • sideBarTitle.background#1e1e1e
  • sideBarTitle.foreground#d4d4d4
  • statusBar.background#5A7CA4
  • statusBar.debuggingBackground#B27B78
  • statusBar.noFolderBackground#B39696
  • titleBar.activeBackground#2d2d2d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#D8D8D8
comment, punctuation.definition.comment#586270
variable, variable.other.property, string constant.other.placeholder#FFFFFF
constant.other.color#D9C891
invalid, invalid.illegal#FF5370
keyword.other, keyword.control#B39696
storage.type, storage.modifier, variable.other.block, constant.other.symbol, constant.language.symbol, punctuation.definition.constant#B39696
meta.tag, keyword.other.template, keyword.other.substitution#FFFFFF
entity.name.tag, markup.deleted.git_gutter#B39696bold
punctuation, punctuation.definition.tag, meta.brace, meta.delimiter.comma, meta.function.arrow, keyword.operator#FFFFFF
meta.tag.sgml, meta.tag.sgml.html#586270
entity.name.function, variable.function, support.function, keyword.other.special-method, constant.other.object#8C9FB8
constant.numeric, constant.language, constant.character, constant.escape, support.constant, keyword.other.unit#D9C891
string.quoted, constant.other.key, constant.language.symbol.hashkey, punctuation.definition.constant.hashkey, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js#A9B38Dnormal
entity.other.inherited-class#FFFFFF
import, keyword.other.special-method, keyword.control.import, keywrod.control.import.from, support.class.component, meta.preprocessor#8C9FB8
meta.class, meta.use.php#8C9FB8
support.type, support.class, support.orther.namespace.use.php, support.other.namespace.php, support.type.sys-types, markup.changed.git_gutter#D9C891
support.type.exception#B5A3CF
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name#B27B78
variable.language#FFFFFF
entity.other.attribute-name#D9C891
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#D9C891
entity.other.attribute-name.class#B27B78
source.sass keyword.control#B27B78
markup.inserted#383e47
markup.deleted#586270
markup.changed#CC99B3
string.regexp#798494
constant.character.escape#8dc9c3
*url*, *link*, *uri*#B39696underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#B27B78italic
source.js constant.other.object.key.js string.unquoted.label.js#FF5370italic
text.html.markdown#D8D8D8
text.html.markdown meta.dummy.line-break
markdown.heading, markup.heading, markup.heading.markdown #FFFFFFbold
punctuation.definition.heading#B39696
markup.italic#b59cd8italic
markup.bold#d8c27abold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string#c48d62bold italic
markup.underline#B27B78underline
markup.strikestrike
punctuation.definition.list_item.markdown, beginning.punctuation.definition.list#B39696
markup.quote, markup.fenced_code, markup.inline.raw.string#d8c27a
punctuation.definition.blockquote.markdown#c48d62
string.other.link, constant.other.reference.link, markup.underline#B39696
meta.separator#65737Ebold
markup.table#EEFFFF
token.info-token#6796e6
token.warn-token#cd9731
token.error-token#f44747
token.debug-token#b267e6
ThemeDatabase All Themes by enes ozturk - VS Code Theme