Skip to main content
CodingTheme

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#3c3c3c
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#cccccc
  • activityBarBadge.background#007acc
  • editor.background#292929
  • editor.foreground#D9E8F7
  • editor.inactiveSelectionBackground#3a3d41
  • editor.selectionHighlightBackground#add6ff26
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • input.placeholderForeground#a6a6a6
  • list.activeSelectionIconForeground#ffffff
  • list.dropBackground#383b3d
  • menu.background#252526
  • menu.foreground#cccccc
  • ports.iconRunningProcessForeground#369432
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc33
  • sideBarTitle.foreground#bbbbbb
  • statusBarItem.remoteBackground#16825d
  • statusBarItem.remoteForeground#ffffff
  • tab.lastPinnedBorder#cccccc33

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
invalid.deprecated#AB1F36strikethrough
emphasisitalic
invalid, invalid.illegal#F44747
strongbold
#3EABE6bold
storage.type.annotation, meta.declaration.annotation, meta.function.decorator#FF9393italic bold
#A7EC21
meta.return-type, support.class, support.type, entity.name.type, entity.name.namespace, entity.other.attribute, entity.name.scope-resolution, entity.name.class#1290C3bold
comment#626262
constant.language, constant.other, constant.other.enum, variable.other.enummember, support.constant#8DDAF8italic bold
#626262
#1E789B
#9A8C7Cbold
entity.name.type.enum#CC81BAitalic
variable.other.object.property, variable.other.property, entity.name.variable.field, entity.name.variable.property, entity.name.variable.event#66E1F8
meta.function, entity.name.function#1EB540bold
meta.function-call#A7EC21
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.typeid, keyword.operator.alignas, keyword.operator.instanceof, keyword.operator.wordlike, keyword.operator.noexcept, keyword.other.unit, keyword.operator.delete, keyword.other.using, keyword.other.operator, entity.name.operator, storage, storage.modifier, storage.type, meta.preprocessor, variable.language.this#DD2867bold
entity.name.function.preprocessor#0DD140bold
meta.method.identifier#1EB540bold
meta.method#A7EC21
constant.numeric, meta.preprocessor.numeric#6897BB
keyword.operator, keyword.operator.plus.exponent, keyword.operator.minus.exponent, keyword.operator.or.regexp, keyword.control.anchor.regexp, keyword.operator.quantifier.regexp, punctuation.separator.comma, punctuation.separator.delimiter, punctuation.separator.key-value, punctuation.definition.section.case-statement, punctuation.terminator.statement, punctuation.definition.group.regexp, punctuation.definition.group.assertion.regexp, punctuation.definition.character-class.regexp, punctuation.character.set.begin.regexp, punctuation.character.set.end.regexp, keyword.operator.negation.regexp, support.other.parenthesis.regexp#E6E6FA
variable.parameter, entity.name.variable.parameter#79ABFF
#8DDAF8italic
#96EC3Fitalic
string, string.tag, string.value, string.regexp, meta.embedded.assembly, meta.preprocessor.string, constant.character, constant.character.escape, constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp, constant.regexp#17C6A3
entity.name.tag, entity.name.tag.localname#03A8D8bold
punctuation.definition.tag#0080FF
#D7837F
#BFA4A4bold
#ED7F48bold
meta.definition.variable#FFBF26
meta.body.class#66E1F8
entity.name.function.definition.cpp#0DD140bold
entity.name.function.call.cpp#A7EC21bold
source.cpp keyword.operator.new#DD2867bold
entity.name.function.preprocessor.cpp#0DD140bold
#0DD140bold
#A7EC21
punctuation.separator.scope-resolution.cpp#E6E6FA
#ED7F48bold
meta.block.c, meta.body.function.definition.cpp#FFBF26
storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs#1290C3bold
entity.name.variable.enum-member.cs#8DDAF8italic bold
comment.block.documentation.cs#626262
punctuation.definition.tag.cs, entity.name.tag.localname.cs#1E789B
entity.name.function.cs#1EB540bold
#A7EC21
entity.name.variable.local.cs#ED7F48bold
variable.other.readwrite.cs, variable.other.object.cs#FFBF26
entity.other.attribute-name.css#F7C517
entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css#12E046
entity.other.attribute-name.id.css#A7EC21
support.function.misc.css, support.function.misc.scss, entity.name.function.scss#A7EC21
support.type.property-name.css#0699F0
support.constant.property-value.css, meta.property-value.css, meta.property-value.scss#8DDAF8italic bold
entity.other.attribute-name.pseudo-class.css#FB518C
variable.scss#FFBF26
storage.type.numeric.go, storage.type.byte.go, storage.type.boolean.go, storage.type.string.go, storage.type.uintptr.go, storage.type.error.go, storage.type.rune.go#1290C3bold
storage.type.groovy, storage.type.annotation.groovy, storage.type.parameters.groovy, storage.type.generic.groovy, storage.type.object.array.groovy, storage.type.primitive.array.groovy, storage.type.primitive.groovy#1290C3bold
entity.other.ng-binding-name.event#DD2867bold
entity.other.ng-binding-name.property.html, entity.other.ng-binding-name.two-way.html#66E1F8
entity.other.ng-binding-name.template#CC81BAitalic
meta.attribute#A7EC21
meta.tag.metadata.doctype.html#FEA88F
constant.character.entity.named.nbsp.html#DD2867
storage.type.generic.java, storage.type.java, storage.type.object.array.java, storage.type.primitive.array.java, storage.type.primitive.java, storage.type.token.java, storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java, entity.other.inherited-class.java#1290C3bold
comment.block.javadoc.java#626262
#1E789B
keyword.other.documentation.javadoc.java#9A8C7Cbold
#66E1F8
meta.decorator.ts#FF9393italic bold
variable.other.object.js, variable.other.object.ts, variable.other.readwrite.alias.ts#1290C3bold
variable.other.constant.js, variable.other.constant.ts#8DDAF8italic bold
storage.type.class.jsdoc#9A8C7Cbold
support.variable.property.js, variable.object.property.ts#66E1F8
constant.language.boolean.true.js, constant.language.boolean.true.ts, constant.language.boolean.false.js, constant.language.boolean.false.ts, support.type.primitive.js, support.type.primitive.ts#DD2867bold
meta.definition.method.js, meta.definition.method.ts#1EB540bold
entity.name.function.ts#A7EC21
storage.type.function.arrow#E6E6FA
meta.object-literal.key.js, meta.object-literal.key.ts#D7837F
meta.definition.variable.js, meta.definition.variable.ts#ED7F48
meta.block.js, source.js, meta.block.ts, source.ts, variable.other.readwrite.ts#FFBF26
support.type.property-name.json#66E1F8
constant.language.json#DD2867bold
support.function.attribute.powershell#FF9393italic bold
storage.type.powershell#1290C3bold
keyword.operator.documentation.powershell#9A8C7Cbold
meta.scriptblock.powershell#66E1F8
keyword.operator.comparison.powershell#DD2867bold
meta.group.simple.subexpression.powershell, meta.group.complex.subexpression.powershell, meta.group.array-expression.powershell#0DD140bold
support.function.powershell#96EC3Fitalic
support.variable.automatic.powershell#ED7F48
variable.other.readwrite.powershell#FFBF26
entity.other.inherited-class.python#3EABE6bold
support.function.magic.python#CC81BAitalic
meta.member.access.python#66E1F8
variable.language.special.self.python, variable.parameter.function.language.special.self.python, keyword.operator.logical.python#DD2867bold
support.function.builtin.python#96EC3Fitalic
variable.parameter.function.language.python, meta.function-call.arguments.python#79ABFF
source.python#FFBF26
header#000080
markup.underlineunderline
markup.bold#569CD6bold
markup.heading#569CD6bold
markup.italicitalic
markup.inserted#B5CEA8
markup.deleted#CE9178
markup.changed#569CD6
punctuation.definition.quote.begin.markdown#6A9955
punctuation.definition.list.begin.markdown#6796E6
markup.inline.raw#CE9178
meta.template.expression#D4D4D4
support.function.git-rebase#9CDCFE
constant.sha.git-rebase#B5CEA8
token.info-token#6796E6
token.warn-token#CD9731
token.error-token#F44747
token.debug-token#B267E6

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

Eclipse Classic Dark by Lorenzo Billi - VS Code Theme