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#f7f8fa
  • activityBar.foreground#736A6D
  • activityBarBadge.background#FFD6E6
  • badge.background#FFD6E6
  • button.background#FCBFC7
  • button.hoverBackground#FFBFD6
  • dropdown.background#f7f8fa
  • editor.background#ffffff
  • editor.findMatchBackground#F3D5B9
  • editor.findMatchHighlightBackground#FBE0C599
  • editor.lineHighlightBackground#EDE8FD
  • editor.selectionBackground#fff5db
  • editorCursor.foreground#fcbfc7
  • editorGroup.dropBackground#ebdeee88
  • editorLineNumber.activeForeground#C46B81
  • editorLineNumber.foreground#736A6D
  • editorWhitespace.foreground#ffffff
  • errorForeground#f1897f
  • focusBorder#d4e2ff
  • inputOption.activeBorder#adafb7
  • inputValidation.errorBackground#ffeaea
  • inputValidation.errorBorder#f1897f
  • inputValidation.infoBackground#f2fcff
  • inputValidation.infoBorder#7DA5B4
  • inputValidation.warningBackground#fffee2
  • inputValidation.warningBorder#ffe055
  • list.activeSelectionBackground#d4e2ff
  • list.activeSelectionForeground#736A6D
  • list.dropBackground#e3c8f5
  • list.highlightForeground#F7BFD7
  • list.hoverBackground#fff5db
  • list.inactiveSelectionBackground#d4e2ff
  • minimap.selectionHighlight#fff5db
  • panel.background#f7f8fa
  • peekView.border#FCBFC7
  • peekViewEditor.background#F2F8FC
  • peekViewEditor.matchHighlightBackground#C2DFE3
  • peekViewResult.background#F2F8FC
  • peekViewResult.matchHighlightBackground#93C6D6
  • peekViewTitle.background#F2F8FC
  • pickerGroup.border#F9D6E5
  • pickerGroup.foreground#d4e2ff
  • progressBar.background#FFD6E6
  • quickInputList.focusBackground#EDE8FC
  • selection.background#F0DCE3
  • sideBar.background#f7f8fa
  • sideBarSectionHeader.background#f7f8fa
  • statusBar.background#FFD6E6
  • statusBar.debuggingBackground#FFD6E6
  • statusBar.noFolderBackground#FFD6E6
  • statusBarItem.remoteBackground#ff4b4b94
  • tab.activeBackground#ffffff
  • tab.border#F2F8FC
  • tab.inactiveBackground#F2F8FC
  • tab.lastPinnedBorder#ebdeee
  • titleBar.activeBackground#f7f8fa
  • titleBar.activeForeground#736A6D

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, string.comment, punctuation.definition.comment#928374italic
meta.function-call.c, storage.modifier.array.bracket.square.c, meta.function.definition.parameters.c, meta.function-call.cpp, storage.modifier.array.bracket.square.cpp, meta.function.definition.parameters.cpp#24292E
punctuation.separator.dot-access.c, constant.character.escape.line-continuation.c, punctuation.separator.dot-access.cpp, constant.character.escape.line-continuation.cpp#24292E
keyword.control.directive.include.c, punctuation.definition.directive.c, keyword.control.directive.pragma.c, keyword.control.directive.line.c, keyword.control.directive.define.c, keyword.control.directive.conditional.c, keyword.control.directive.diagnostic.error.c, keyword.control.directive.undef.c, keyword.control.directive.conditional.ifdef.c, keyword.control.directive.endif.c, keyword.control.directive.conditional.ifndef.c, keyword.control.directive.conditional.if.c, keyword.control.directive.else.c#6F42C1
punctuation.separator.pointer-access.c#24292E
variable.other.member.c, variable.other.member.cpp#24292E
meta.function.definition.cpp
string.quoted.other.lt-gt.include.cpp#032F62
keyword.control.directive.include.cpp, keyword.control.directive.pragma.cpp, keyword.control.directive.line.cpp, keyword.control.directive.define.cpp, keyword.control.directive.conditional.cpp, keyword.control.directive.diagnostic.error.cpp, keyword.control.directive.undef.cpp, keyword.control.directive.conditional.ifdef.cpp, keyword.control.directive.endif.cpp, keyword.control.directive.conditional.ifndef.cpp, keyword.control.directive.conditional.if.cpp, keyword.control.directive.else.cpp#6F42C1
punctuation.definition.directive.cpp#005CC5
variable.other.global.cpp#8512a0
meta.block.cpp#005CC5
entity.name.type.struct.cpp, storage.type.enum.cpp#E36209
entity.name.type.enum.cpp#005CC5
variable.other.enummember.cpp#005CC5
variable.parameter.cpp#E16227
keyword.other.using.directive.cpp, keyword.operator.new.cpp, keyword.other.typedef.cpp, variable.language.this.cpp, keyword.control.if.cpp, keyword.control.else.cpp, keyword.control.while.cpp, keyword.control.for.cpp, keyword.control.switch.cpp, keyword.control.return.cpp, keyword.control.break.cpp, keyword.control.case.cpp, keyword.control.default.cpp, keyword.control.goto.cpp, keyword.control.do.cpp#D73A49
storage.type.namespace.directive.cpp, storage.type.namespace.definition.cpp, storage.type.struct.cpp, storage.modifier.specifier.extern.cpp, storage.type.template.cpp, storage.type.built-in.primitive.cpp, storage.type.template.argument.int.cpp, storage.type.class.cpp, storage.type.template.argument.typename.cpp, storage.modifier.access.control.public.cpp, storage.modifier.specifier.functional.pre-parameters.constexpr.cpp#D73A49
punctuation.separator.pointer-access.cpp, punctuation.section.angle-brackets.begin.template.call.cpp, punctuation.section.angle-brackets.end.template.call.cpp#24292E
keyword.operator.assignment.cpp, keyword.operator.arithmetic.cpp, keyword.operator.comparison.cpp#B31D28
entity.name.function.call.cpp#6F42C1
entity.name.type.class.cpp, entity.name.namespace.cpp#00B1B1
entity.name.type.cpp#4728a6
keyword.operator.bitwise.shift.cpp#B31D28
constant.character.escape, punctuation.quasi.element, punctuation.definition.template-expression, punctuation.section.embedded, storage.type.format, constant.other.placeholder, variable.interpolation#B1BA81
entity.name.label, constant.other.label#AAB8AB
support.module, support.node, support.other.module, support.type.object.module, entity.name.type.module, entity.name.type.class.module, keyword.control.module#D73A49
ref.matchtext#FFFFFF
token.info-token#6796E6
token.warn-token#CD9731
token.error-token#F44747
token.debug-token#B267E6
keyword.control.go, storage.type.go, keyword.function.go, keyword.package.go, keyword.import.go, keyword.interface.go, keyword.struct.go, keyword.map.go, keyword.channel.go, keyword.var.go, keyword.const.go#D73A49
entity.name.type.go, storage.type.built-in.go#00b1b1
entity.name.function.go, support.function.go#6F42C1
meta.function.receiver.go storage.type.source.go#00b1b1
variable.other.member.go#89B482
entity.name.label.go#AAB8AB
variable.parameter.go#E16227
variable.other.go#24292E
keyword.control.java, storage.type.java, storage.modifier.java, storage.type.primitive.java, storage.type.generic.java#D73A49
entity.name.type.class.java, entity.name.type.interface.java, entity.other.inherited-class.java, storage.type.java#00b1b1
punctuation.definition.annotation.java, storage.type.annotation.java, meta.declaration.annotation.java#6F42C1
meta.method-call.java, meta.method.java#6F42C1
storage.type.generic.wildcard.java#B1BA81
storage.modifier.package.java, storage.modifier.import.java#6F42C1
storage.type.java, entity.name.type.class.java#CB7074
variable.parameter.java#E16227
variable.other.java#24292E
keyword.control.flow.js, keyword.control.flow.ts, storage.type.js, storage.type.ts, storage.type.function.js, storage.type.function.ts, storage.type.class.js, storage.type.class.ts, storage.modifier.js, storage.modifier.ts, keyword.other.js, keyword.other.ts#D73A49
entity.name.type.js, entity.name.type.ts, entity.name.type.interface.ts, entity.name.type.enum.ts, storage.type.interface.ts, storage.type.enum.ts, support.type.primitive.ts, support.type.primitive.js#00b1b1
punctuation.decorator.js, punctuation.decorator.ts, meta.decorator.js, meta.decorator.ts#6F42C1
meta.type.parameters.ts, meta.type.parameters.js, meta.type.annotation.ts, meta.type.annotation.js#B1BA81
entity.name.function.js, entity.name.function.ts, meta.function-call.js, meta.function-call.ts, support.function.js, support.function.ts#6F42C1
meta.object-literal.key.js, meta.object-literal.key.ts, variable.other.property.js, variable.other.property.ts#89B482
variable.other.js, variable.other.ts, variable.language.js, variable.language.ts#24292E
variable.other.constant.js, variable.other.constant.ts, constant.js, constant.ts#005CC5
string.js, string.ts, string.template.js, string.template.ts#032F62
meta.template.expression.js, meta.template.expression.ts#D4BE98
storage.type.function.arrow.js, storage.type.function.arrow.ts#D73A49
keyword.control.import.js, keyword.control.import.ts, keyword.control.export.js, keyword.control.export.ts, keyword.control.from.js, keyword.control.from.ts#6F42C1
variable.parameter.js, variable.parameter.ts#E16227
support.variable.dom.js, support.variable.property.js, support.variable.object.process.js, support.variable.object.node.js#8512a0
keyword.control.flow.python, storage.type.function.python, storage.type.class.python, keyword.declaration.function.python, keyword.declaration.class.python#D73A49
support.function.builtin.python#6F42C1
constant.character.format.placeholder.other.python#B1BA81
entity.name.function.decorator.python#6F42C1
variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python#D73A49italic
string.interpolated.python#032F62
support.function.magic.python#CB7074
support.type.exception.python#CB7074
meta.function-call.python, meta.function-call.generic.python#6F42C1
variable.parameter.function.python#E16227
variable.other.python#24292E
keyword.control.rust, storage.type.rust, storage.modifier.rust, keyword.other.rust#D73A49
entity.name.type.rust, storage.type.core.rust#00b1b1
entity.name.type.trait.rust, storage.type.trait.rust#6F42C1
entity.name.function.macro.rust, meta.macro.rust#CB7074
entity.name.lifetime.rust, punctuation.definition.lifetime.rust#B1BA81italic
entity.name.namespace.rust, meta.path.rust#89B482
variable.language.self.rust#D73A49italic
meta.attribute.rust#6F42C1
entity.name.function.rust, meta.function-call.rust#6F42C1
variable.parameter.rust#E16227
variable.other.rust#24292E
keyword.control.shell, keyword.operator.logical.shell#D73A49
entity.name.function.shell, support.function.builtin.shell#6F42C1
meta.function-call.shell#6F42C1
variable.other.normal.shell, variable.other.bracket.shell, variable.other.shell#24292E
variable.other.special.shell, variable.parameter.option.shell#8512a0
variable.parameter.shell, string.unquoted.parameter.shell#E16227
string.quoted.single.shell, string.quoted.double.shell#032F62
variable.parameter.expansion.shell, punctuation.definition.variable.shell#005CC5
string.interpolated.backtick.shell, string.interpolated.process-substitution.shell#B1BA81
keyword.operator.assignment.shell, keyword.operator.arithmetic.shell, keyword.operator.comparison.shell#B31D28
keyword.operator.pipe.shell, keyword.operator.redirect.shell#B31D28
constant.numeric.shell#569CD6
string.interpolated.dollar.shell#CB7074
constant.character.escape.shell#B1BA81
string.unquoted.heredoc.shell, string.unquoted.herestring.shell#032F62
keyword.control.conditional.shell, keyword.control.loop.shell, keyword.other.shell#D73A49
keyword.control, storage.type, storage.modifier, keyword.operator.new, keyword.operator.delete, keyword.other#D73A49
entity.name.function, support.function#D81B60
meta.function.definition, meta.function.parameters, meta.function-call#B09878
entity.name.type, entity.name.namespace, entity.name.class, entity.name.interface, storage.type.class, storage.type.interface, support.class#00b1b1
variable.other.member, variable.other.property, variable.other.object.property#89B482
variable.other, variable.language#000000
constant, variable.other.constant, variable.other.enummember#000000
string#032F62
constant.numeric#569CD6
keyword.operator#B31D28
punctuation#7D6B5F
punctuation.separator.dot-access, punctuation.separator.pointer-access, punctuation.section#CB9B8F
comment#969896italic
comment.block.documentation, keyword.other.documentation#969896italic
entity.name.function.cmake, keyword.control.cmake#D73A49
variable.parameter.cmake, string.unquoted.cmake#005CC5
variable.other.property.cmake#89B482
entity.source.cmake, string.source.cmake#A7BEC6
storage.source.cmake#D73A49
variable.other.member.fvv#E15D81
string.quoted.double.fvv#4B956A
constant.numeric.fvv#7B6DD6
constant.language.fvv#D73A49
keyword.operator.assignment.fvv#B31D28
punctuation.definition.dictionary.fvv, punctuation.definition.dictionary.begin.fvv, punctuation.definition.dictionary.end.fvv#7A7A7A
punctuation.definition.array.fvv, punctuation.definition.array.begin.fvv, punctuation.definition.array.end.fvv#7A7A7A
punctuation.separator.fvv, punctuation.separator.array.fvv, punctuation.terminator.statement.fvv#7A7A7A
constant.character.escape.fvv#6F42C1
comment.line.fvv, comment.block.fvv#8E8E8Eitalic
punctuation.definition.tag.fvv#E36209
entity.name.section.fvv, entity.name.type.fvv#00B1B1
meta.structure.array.fvv#24292E
meta.structure.dictionary.fvv#24292E
keyword.control.kotlin, storage.type.kotlin, storage.modifier.kotlin, keyword.other.kotlin#D73A49
entity.name.type.class.kotlin, entity.name.type.interface.kotlin, entity.name.type.enum.kotlin, entity.name.type.kotlin, storage.type.kotlin#00b1b1
entity.name.function.kotlin, meta.function-call.kotlin, support.function.kotlin#FFD1EA
string.quoted.double.kotlin, string.quoted.triple.kotlin, string.kotlin#032F62
variable.other.kotlin, variable.language.kotlin, variable.other.member.kotlin, variable.other.property.kotlin#89B482
constant.kotlin, variable.other.constant.kotlin#005CC5
meta.annotation.kotlin, storage.type.annotation.kotlin, punctuation.definition.annotation.kotlin#6F42C1
keyword.operator.kotlin#B31D28
entity.name.function.target.makefile, variable.other.makefile#EBC1A8
meta.scope.prerequisites.makefile#A7BEC6
heading.1.markdown, markup.heading.setext.1.markdown#8D7477bold
heading.2.markdown, markup.heading.setext.2.markdown#CB9B8Fbold
heading.3.markdown#6F42C1bold
heading.4.markdown#A7BEC6bold
heading.5.markdown#A0A6B9bold
heading.6.markdown#D8B0B0bold
punctuation.definition.heading.markdown#928374
string.other.link.title.markdown, constant.other.reference.link.markdown, string.other.link.description.markdown#D8B0B0
markup.underline.link.image.markdown, markup.underline.link.markdown#A7BEC6underline
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.italic.markdown, punctuation.definition.quote.begin.markdown, punctuation.definition.metadata.markdown, punctuation.separator.key-value.markdown, punctuation.definition.constant.markdown#B31D28
punctuation.definition.bold.markdown#A6BAAF
meta.separator.markdown, punctuation.definition.constant.begin.markdown, punctuation.definition.constant.end.markdown#928374bold
markup.italicitalic
markup.boldbold
markup.bold markup.italic, markup.italic markup.bolditalic bold
punctuation.definition.markdown, punctuation.definition.raw.markdown, fenced_code.block.language#EBC1A8
markup.fenced_code.block.markdown, markup.inline.raw.string.markdown#A7BEC6
punctuation.definition.list.begin.markdown#CB7074
entity.name.function.powershell, support.function.attribute.powershell, support.function.powershell#FFD1EA
string.quoted.single.powershell, string.quoted.double.powershell, punctuation.definition.string.begin.powershell, punctuation.definition.string.end.powershell, string.quoted.double.heredoc.powershell#032F62
punctuation.definition.variable.powershell#928374
variable.other.member.powershell#89B482
support.function.powershell#D4BE98
variable.parameter.powershell#005CC5
keyword.operator.comparison.powershell, keyword.operator.logical.powershell, keyword.operator.assignment.powershell#B31D28
support.type.powershell, entity.name.type.powershell#00b1b1
keyword.control.powershell#D73A49
support.type.property-name.json#B31D28
string.quoted.double.json#032F62
constant.numeric.json#569CD6
constant.language.json#D73A49
entity.name.tag.yaml#B31D28
string.unquoted.yaml#032F62
constant.numeric.yaml#569CD6
keyword.control.cs, storage.type.cs, storage.modifier.cs, keyword.other.cs#D73A49
entity.name.type.class.cs, entity.name.type.interface.cs, entity.name.type.enum.cs, entity.name.type.struct.cs, entity.name.namespace.cs, storage.type.cs#00b1b1
entity.name.function.cs, meta.method-call.cs#FFD1EA
keyword.control.directive.cs, punctuation.definition.directive.cs#6F42C1
entity.name.property.cs#89B482
storage.type.attribute.cs, meta.attribute.cs#6F42C1
string.interpolated.cs, punctuation.definition.interpolation.begin.cs, punctuation.definition.interpolation.end.cs#032F62
meta.interpolation.cs#D4BE98
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#6F42C1
keyword.control.php, keyword.other.namespace.php, keyword.other.use.php, keyword.other.function.use.php, keyword.other.class.php, keyword.other.interface.php, keyword.other.trait.php, storage.type.php, storage.modifier.php, storage.type.class.php#D73A49
variable.other.php, punctuation.definition.variable.php#24292E
variable.other.global.php, variable.other.global.safer.php, variable.other.superglobal.php#8512a0
entity.name.type.class.php, entity.name.type.namespace.php, support.class.php#00B1B1
entity.name.type.interface.php#00B1B1
entity.name.type.trait.php#00B1B1
entity.name.function.php, support.function.php#6F42C1
variable.other.member.php, meta.method-call.php#89B482
variable.language.this.php#D73A49italic
string.quoted.single.php, string.quoted.double.php#032F62
string.unquoted.heredoc.php, string.unquoted.nowdoc.php#032F62
meta.string-contents.quoted.double.php variable.other.php, meta.string-contents.quoted.double.php punctuation.definition.variable.php#005CC5
variable.parameter.php#E16227
keyword.operator.assignment.php, keyword.operator.arithmetic.php, keyword.operator.comparison.php, keyword.operator.logical.php#B31D28
storage.type.php, keyword.other.type.php#4728a6
constant.language.php, constant.other.php#005CC5
constant.other.php#005CC5
entity.name.function.magic.php#CB7074
keyword.control.ruby, keyword.other.special-method.ruby, keyword.control.def.ruby, keyword.control.class.ruby, keyword.control.module.ruby#D73A49
entity.name.type.class.ruby, entity.name.type.module.ruby#00B1B1
constant.language.ruby, constant.other.ruby#005CC5
variable.other.readwrite.instance.ruby, punctuation.definition.variable.ruby#8512a0
variable.other.readwrite.global.ruby, variable.other.readwrite.global.pre-defined.ruby#8512a0
variable.other.readwrite.class.ruby#8512a0
constant.other.symbol.ruby, punctuation.definition.constant.ruby#032F62
string.quoted.single.ruby, string.quoted.double.ruby, string.quoted.double.interpolated.ruby#032F62
meta.embedded.line.ruby, punctuation.section.embedded.begin.ruby, punctuation.section.embedded.end.ruby#B1BA81
entity.name.function.ruby, support.function.ruby#6F42C1
variable.parameter.ruby#E16227
variable.other.ruby#24292E
variable.language.self.ruby#D73A49italic
variable.parameter.block.ruby#E16227
constant.numeric.ruby#569CD6
keyword.operator.assignment.ruby, keyword.operator.arithmetic.ruby, keyword.operator.comparison.ruby, keyword.operator.logical.ruby#B31D28
string.regexp.ruby#CB7074
string.unquoted.heredoc.ruby#032F62
keyword.control.swift, keyword.declaration.swift, storage.type.swift, storage.modifier.swift#D73A49
entity.name.type.swift, support.type.swift#00B1B1
entity.name.type.protocol.swift#00B1B1
entity.name.type.enum.swift, entity.name.type.struct.swift#E36209
entity.name.function.swift, support.function.swift#6F42C1
variable.language.swift#D73A49italic
variable.other.property.swift, variable.other.object.property.swift#89B482
variable.other.swift#24292E
variable.other.global.swift#8512a0
variable.parameter.swift#E16227
string.quoted.single.swift, string.quoted.double.swift#032F62
constant.character.escape.swift, meta.string-interpolation.swift#B1BA81
keyword.operator.swift#B31D28
keyword.declaration.extension.swift#D73A49
meta.type-annotation.swift#4728a6
constant.numeric.swift#569CD6
constant.language.swift#005CC5
entity.name.type.generic.swift#B1BA81
entity.name.tag.html, entity.name.tag.xml, entity.name.tag.localname.xml#D73A49
entity.other.attribute-name.html, entity.other.attribute-name.xml#89B482
punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.definition.tag.xml#928374
entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css#00b1b1
support.type.property-name.css#89B482
support.constant.property-value.css#005CC5
keyword.other.unit.css#A7BEC6
entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css#FFD1EA
keyword.control.at-rule.media.css#D73A49
constant.other.color.rgb-value.css#A7BEC6
YumeLight by YumeYuka - VS Code Theme