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#001608ec
  • activityBar.foreground#c8ff00
  • activityBarBadge.background#007acc
  • contrastBorder#4745459d
  • editor.background#100e0e
  • editor.foreground#ccc
  • editor.lineHighlightBackground#88ff0012
  • editor.selectionBackground#c721218e
  • editor.selectionHighlightBackground#5b9ca59f
  • editorCursor.background#000000
  • editorCursor.foreground#FF0B00
  • editorIndentGuide.activeBackground#00ccff7c
  • editorIndentGuide.activeBackground1#00ccff7c
  • editorIndentGuide.background#4b525131
  • editorIndentGuide.background1#4b525131
  • editorLineNumber.foreground#00ffea79
  • editorWidget.background#000000
  • editorWidget.border#ffffff85
  • list.hoverBackground#55ff0053
  • list.hoverForeground#99ff14
  • scrollbarSlider.background#00f7ff7e
  • selection.background#ee333349
  • sideBar.background#111010
  • sideBar.foreground#b4c1cef1
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#292828bd
  • statusBar.foreground#ffffff
  • toolbar.hoverBackground#ff1d1d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#546E7Aitalic
variable, string constant.other.placeholder#EEFFFF—
constant.other.color#ffffff—
invalid, invalid.illegal#FF5370—
keyword, storage.type, storage.modifier#C792EA—
keyword.control, constant.other.color, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution#89DDFF—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#f07178—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#82AAFF—
meta.block variable.other#f07178—
support.other.variable, string.other.link#f07178—
meta.body.function, variable.other.object#cbd4c3—
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#F78C6C—
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js#C3E88D—
entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types#FFCB6B—
support.type#B2CCD6—
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#B2CCD6—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#FF5370—
variable.language#FF5370italic
entity.name.method.js#82AAFFitalic
meta.class-method.js entity.name.function.js, variable.function.constructor#82AAFF—
entity.other.attribute-name#C792EA—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#FFCB6Bitalic
entity.other.attribute-name.class#FFCB6B—
source.sass keyword.control#82AAFF—
markup.inserted#C3E88D—
markup.deleted#FF5370—
markup.changed#C792EA—
string.regexp#89DDFF—
constant.character.escape#89DDFF—
*url*, *link*, *uri*—underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#82AAFFitalic
source.js constant.other.object.key.js string.unquoted.label.js#FF5370italic
source.json meta.structure.dictionary.json support.type.property-name.json#9CDCFE—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#FFCB6B—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#F78C6C—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#FF5370—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#C17E70—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#82AAFF—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#f07178—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#C792EA—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#C3E88D—
text.html.markdown, punctuation.definition.list_item.markdown#EEFFFF—
text.html.markdown markup.inline.raw.markdown#C792EA—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#65737E—
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#C3E88D—
markup.italic#f07178italic
markup.bold, markup.bold string#f07178bold
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#f07178bold
markup.underline#F78C6Cunderline
markup.quote punctuation.definition.blockquote.markdown#65737E—
markup.quote—italic
string.other.link.title.markdown#82AAFF—
string.other.link.description.title.markdown#C792EA—
constant.other.reference.link.markdown#FFCB6B—
markup.raw.block#C792EA—
markup.raw.block.fenced.markdown#00000050—
punctuation.definition.fenced.markdown#00000050—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#EEFFFF—
variable.language.fenced.markdown#65737E—
meta.separator#65737Ebold
markup.table#EEFFFF—
keyword.command.rem.batchfile#55E430—
variable.other.readwrite.batchfile#e63e14—
variable.other.php#6089B4—
variable, meta.definition.variable.name, support.variable, entity.name.variable, constant.other.placeholder#9CDCFE—
support.type.property-name.json#c8ff00d2italic
meta.tag#D0B344—
meta.embedded——
entity.name.scope-resolution#22f8dcec—
entity.name.namespace.cpp#32ce1eec—
entity.name.type#f8b422ec—
entity.name.type.namespace.scope-resolution.cpp#dbff3cad—
entity.name.type.class.cpp#fd221aef—
entity.name.type.inherited.cpp#fb844cf3—
entity.name.function.cpp#cd42f0f3—
entity.name.type.struct.cpp#7048f3—
keyword.control.directive.include.cpp#D30102bold
keyword.control.directive.define.cpp#8080FFD3bold
keyword.control.directive.define.cpp, keyword.control.directive.undef.cpp, keyword.control.directive.endif.cpp, keyword.control.directive.elif.cpp, keyword.control.directive.else.cpp, keyword.control.directive.line.cpp, keyword.control.directive.diagnostic.error.cpp, keyword.control.directive.conditional.if.cpp, keyword.control.directive.conditional.ifdef.cpp, keyword.control.directive.conditional.ifndef.cpp#d3d011—
keyword.control.directive.include.cpp#ee3434bold
entity.name.function.preprocessor.cpp#ecebb3—
storage.type.built-in.primitive.cpp#1290C3—
meta.bracket.square.access#faf614—
variable.object.c, meta.function-call.c#f7f7f7d2—
variable.parameter.probably.c#F78C6C—
constant.character.escape.c#61F080italic
keyword.control.directive.include.c#ff3e3ebold
keyword.control.directive.ifndef.c, keyword.control.directive.define.c, keyword.control.directive.undef.c, keyword.control.directive.conditional.c#c4c11f—
entity.name.function.c#c9c612bold
keyword.control.c, keyword.control.switch.c#ff3e3e—
keyword.control.case.c, keyword.control.default.c#f78b26—
storage.type.struct.c, storage.type.union.c#ef3af5e5—
punctuation.definition.tag.begin, punctuation.definition.tag.end#ffffffad—
punctuation.definition.string.begin.html, punctuation.definition.string.end.html——
entity.name.tag#00ffffc7—
entity.other.attribute-name#D0B344—
string.quoted.double.html#5dafe6c2—
string source#D08442—
source.css#f8803be1—
support.type.property-name.css#ff95fa—
meta.property-value support.constant.property-value.css#8fc9ff—
source.css-ignored-vscode#5dafe6c2—
support#e94048bold
storage.type#75d1f5—
variable.other.property#61f080—
variable.other.readwrite.js, variable.other.object.js#61f080d2—
constant.language#82fb10—
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#D30102bold
variable.other.php#62db1ccc—
string#b1c52ed0—
keyword.control#ee11b7bold
entity.name.function#e4f38e—
constant.numeric#ffffff—
variable.other.php#6089B4—
keyword.other.sql#ecc219—
keyword.other.DML.sql#ecc219—
keyword#ecc219—
constant.other#8080ffd3—
support.type.property-name.json#5DB0E6—
keyword.command.rem.batchfile#55E430—
entity.name.function.dart#1cb1d6bold
keyword.declaration.dart#60eb1fbold
support.class.dart#22B192bold
storage.type.primitive.dart#d6e41dbold
keyword.control.dart#f71b1bbold
storage.type.annotation.dart#ec6d18—
support.class.dart#18beb6bold
storage.type.java#ff8b4d—
keyword.control.new.java#80ff18—
dsalo-vsc-theme by Denis Salomon - VS Code Theme