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.

  • activityBarBadge.background#2a4353
  • editor.background#1D1D1D
  • editor.foreground#dbdbdb
  • sideBarTitle.foreground#bbbbbb

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
meta.embedded, source.groovy.embedded, string meta.image.inline.markdown, variable.legacy.builtin.python#ffffff
emphasisitalic
strongbold
comment#797979
constant.numeric, variable.other.enummember#77efff
constant.language#FA5C94italic
punctuation.definition.begin.bracket.square, punctuation.definition.end.bracket.square, punctuation.terminator, punctuation.separator#e6b0b0
keyword.operator, keyword.operator.plus.exponent, keyword.operator.minus.exponent#ff9090
constant.regexp#646695
invalid#f44747
entity.name.tag.css, entity.name.tag.less#d7ba7d
entity.other.attribute-name.class.css, source.css entity.other.attribute-name.class, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.parent.less, source.css entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.scss#d7ba7d
markup.underlineunderline
markup.bold, markup.heading, markup.changed, meta.preprocessor, entity.name.function.preprocessor, entity.other.attribute-name#22a9cabold
markup.italicitalic
markup.strikethroughstrikethrough
markup.inserted#b5cea8
punctuation.definition.quote.begin.markdown, punctuation.definition.list.begin.markdown#6A9955
markup.inline.raw, markup.deleted#ce9178
meta.preprocessor.numeric#b5cea8
storage, storage.type, storage.modifier, keyword.operator.expression#558CCC
keyword, keyword.operator.new, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.typeid, keyword.operator.alignas, keyword.operator.instanceof, keyword.operator.wordlike, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded, punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php, variable.language#558CCC
keyword.control, keyword.operator.delete, keyword.operator.noexcept, keyword.other.using, keyword.other.directive.using, keyword.other.operator, source.cpp keyword.operator.new, entity.name.operator, meta.diff.header#B77DB7
string, string.tag, string.value, meta.embedded.assembly, meta.preprocessor.string#FF9BCD
constant.character.escape#B77DB7
keyword.control.return.cpp, keyword.other.directive.using.cs, keyword.control.flow.return.cs#FA5C94
entity.name.function, support.function, support.constant.handlebars, source.powershell variable.other.member, entity.name.operator.custom-literal#ecdc9a
support.class, support.type, entity.name.type, entity.name.namespace, entity.other.attribute, entity.name.scope-resolution, entity.name.class, 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, 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#53B9A7
meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class#53B9A7
variable, support.variable, entity.name.variable, meta.definition.variable.name, constant.other.placeholder#E0E0E0
variable.other.constant, variable.other.enummember#EBA568italic
meta.object-literal.key#9CDCFE
support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, support.constant.color, constant.other.color.rgb-value, constant.other.rgb-value, constant.character, constant.other.option#CE9178
entity.name.label#C8C8C8
string.regexp#d16969
meta.template.expression#d4d4d4
keyword.other.unit#b5cea8
constant.sha.git-rebase#b5cea8
text.html.cshtml, text.html.derivative#FFFFFF
punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, meta.tag.structure.div.start.html, meta.tag.structure.div.end.html, punctuation.separator.key-value.html, punctuation.definition.tag, punctuation.definition.tag.xml#9d989c
entity.other.attribute-name.html, entity.other.attribute-name, keyword.control.cshtml.transition#2fa898
punctuation.definition.string.begin.html, punctuation.definition.string.end.html, string.quoted.double.xml, string.quoted.double.html, meta.attribute.class.html, meta.attribute.src.html, meta.tag.object.img.void.html, invalid.illegal.character-not-allowed-here.html#ecdc9a
entity.name.tag, entity.name.tag.localname.xml#fa5c94
constant.character.entity.named.nbsp.html#ba74d1
punctuation.accessor.js, punctuation.separator.key-value.js#e7a6a6
entity.name.function.js#95D4C9
support.variable.js#53B9A7italic
meta.brace.round.js, punctuation.definition.block.js, punctuation.definition.parameters.begin.js, punctuation.definition.parameters.end.js, punctuation.definition.binding-pattern.object.js#969696
punctuation.accessor.ts, punctuation.separator.key-value.ts#e7a6a6
entity.name.function.ts#95D4C9
support.variable.ts#53B9A7italic
meta.brace.round.ts, punctuation.definition.block.ts, punctuation.definition.parameters.begin.ts, punctuation.definition.parameters.end.ts, punctuation.definition.binding-pattern.object.ts#969696
punctuation.definition.arguments.begin.python, punctuation.definition.arguments.end.python, punctuation.definition.dict.begin.python, punctuation.definition.dict.end.python, punctuation.parenthesis.begin.python, punctuation.parenthesis.end.python, punctuation.definition.parameters.begin.python, punctuation.definition.parameters.end.python#b9b9b9
punctuation.section.function.begin.python, punctuation.section.function.end.python, punctuation.separator.colon.python, punctuation.separator.period.python#ff9090
support.type.python, support.function.builtin.python#53B9A7italic
meta.function-call.generic.python#ecdc9aitalic
variable.parameter.function.language.special.self.python, variable.language.special.self.python#EBA568italic
variable.parameter.function.language.python#9ECCD7
string.quoted.docstring.multi.python#797979
punctuation.definition.inheritance.begin.python, punctuation.definition.inheritance.end.python, punctuation.definition.arguments.begin.python, punctuation.definition.arguments.end.python, punctuation.definition.parameters.begin.python, punctuation.definition.parameters.end.python#969696
entity.name.type.namespace.cs#E0E0E0
entity.name.function.cs#ecdc9a
variable.other.object.property.cs#95D4C9
entity.name.variable.field.cs#EBA568
keyword.control.cshtml.transition#B77DB7
entity.name.variable.local.cs, entity.name.variable.parameter.cs, variable.other.readwrite.cs, variable.other.object.cs#E0E0E0
keyword.preprocessor.region.cs, keyword.preprocessor.endregion.cs, punctuation.separator.hash.cs, string.unquoted.preprocessor.message.cs#868686
punctuation.curlybrace.open.cs, punctuation.curlybrace.close.cs, punctuation.parenthesis.open.cs, punctuation.parenthesis.close.cs, punctuation.squarebracket.open.cs, punctuation.squarebracket.close.cs, punctuation.definition.typeparameters.begin.cs, punctuation.definition.typeparameters.end.cs, keyword.control.razor.directive.codeblock.open, keyword.control.razor.directive.codeblock.close#b9b9b9
punctuation.accessor.cs#ff9090
punctuation.parenthesis.open.cs, punctuation.parenthesis.close.cs, punctuation.curlybrace.open.cs, punctuation.curlybrace.close.cs#969696
entity.name.function.call.cppitalic
punctuation.section.parens.begin.bracket.round.cpp, punctuation.section.parens.end.bracket.round.cpp, punctuation.section.block.begin.bracket.curly.cpp, punctuation.section.block.end.bracket.curly.cpp, punctuation.section.block.begin.bracket.curly.function.definition.cpp, punctuation.section.block.end.bracket.curly.function.definition.cpp, punctuation.section.parameters.begin.bracket.round.cpp, punctuation.section.parameters.end.bracket.round.cpp#b9b9b9
variable.parameter.cpp#9ECCD7
keyword.control.directive.include.cpp, punctuation.definition.directive.cpp, punctuation.definition.string.begin.cpp, punctuation.definition.string.end.cpp, string.quoted.other.lt-gt.include.cpp#EBA568
punctuation.section.block.begin.bracket.curly.cpp, punctuation.section.block.end.bracket.curly.cpp, punctuation.section.block.begin.bracket.curly.function.definition.cpp, punctuation.section.block.end.bracket.curly.function.definition.cpp, punctuation.section.arguments.begin.bracket.round.function.call.cpp, punctuation.section.arguments.end.bracket.round.function.call.cpp#969696
storage.modifier.import.java, storage.type.object.array.java#E0E0E0
meta.function-call.java, meta.method-call.javaitalic
punctuation.bracket.square.java, punctuation.separator.period#e7a6a6
storage.type.java, entity.name.type.class.java, entity.other.inherited-class.java#53B9A7
keyword.other.import.java#EBA568
variable.language.this.javaitalic
keyword.control.new.java, storage.type.primitive.java, storage.type.primitive.array.java#558CCC
storage.modifier.import.java, variable.parameter.java, variable.other.object.java#9ECCD7
storage.modifier.import.javaitalic
punctuation.bracket.round.java, punctuation.section.method.begin.bracket.curly.java, punctuation.section.method.begin.bracket.curly.java, punctuation.section.method.end.bracket.curly.java, punctuation.definition.parameters.begin.bracket.round.java, punctuation.definition.parameters.end.bracket.round.java, punctuation.section.block.begin.bracket.curly.java, punctuation.section.block.end.bracket.curly.java#969696
text.variable#95D4C9
support.function.ranking.sql, support.function.datetime.sql, support.function.aggregate.sql#FA5C94italic
Theme Niquin Dark by Cristian Niquin - VS Code Theme