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.

  • diffEditor.insertedLineBackground#b3ff0009
  • diffEditor.insertedTextBackground#b3ff0022
  • diffEditor.removedLineBackground#ff000011
  • diffEditor.removedTextBackground#ff000033
  • editor.background#202020
  • editor.foldBackground#48484880
  • editor.foreground#F9FAF4
  • editor.lineHighlightBackground#31312A
  • editor.selectionBackground#3E515D
  • editor.selectionForeground#44CEEF
  • editorCursor.foreground#BBBBBB

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
constant.language, entity.name.module, storage.type.rust, entity.name.operator.type, entity.name.tag.block.any.html, entity.name.tag.css, entity.name.tag.html, entity.name.tag.inline.any.html, entity.name.tag.other.html, entity.name.tag.script.html, entity.name.tag.style.html, entity.name.tag.template.html, entity.other.keyframe-offset.css, keyword.blade, keyword.control, keyword.fragment.graphql, keyword.input.graphql, keyword.instruction.llvm, keyword.ocaml, keyword.on.graphql, keyword.operation.graphql, keyword.operator.and, keyword.operator.and_eq, keyword.operator.bitand, keyword.operator.bitor, keyword.operator.cast, keyword.operator.compl, keyword.operator.delete, keyword.operator.expression.import.js, keyword.operator.expression.in.js, keyword.operator.expression.of.js, keyword.operator.expression.typeof.js, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.new, keyword.operator.noexcept, keyword.operator.not, keyword.operator.not_eq, keyword.operator.or, keyword.operator.or_eq, keyword.operator.relation.in, keyword.operator.sizeof, keyword.operator.xor, keyword.operator.xor_eq, keyword.operator.borrow, keyword.other, keyword.other.substitution, keyword.other.template, keyword.other.unit, keyword.preprocessor, keyword.storage.modifier.julia, keyword.type, keyword.type-alias.elm, keyword.union.graphql, keyword.declaration, meta.declaration.module.elm keyword.other.elm, meta.preprocessor punctuation.separator.hash, punctuation.definition.directive, punctuation.definition.keyword.css, punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php, source.js.embedded.html entity.name.tag, source.asm keyword, source.asm entity.directive, source.cs keyword.query, source.x86 entity.name.function.instructions, storage.modifier, storage.struct.racket, storage.type.built-in, storage.type.class, storage.type.enum, storage.type.function, storage.type.integral, storage.type.interface, storage.type.js, storage.type.lambda, storage.type.local, storage.type.modifier, storage.type.namespace, storage.type.php, storage.type.primitive, storage.type.racket, storage.type.struct, storage.type.template, storage.type.trait.php, storage.type.ts, storage.type.union, support.function.racket, variable.language, keyword.package.go, keyword.import.go, keyword.type.go, keyword.var.go, keyword.const.go, keyword.function.go, keyword.struct.go, keyword.interface.go, keyword.map.go, keyword.range.go, keyword.select.go, keyword.case.go, keyword.switch.go, keyword.break.go, keyword.continue.go, keyword.fallthrough.go, keyword.return.go, keyword.defer.go, keyword.go.go, keyword.goto.go, keyword.if.go, keyword.else.go, keyword.for.go, keyword.in.go, keyword.default.go, keyword.channel.go, entity.name.function.support.builtin.go, variable.parameter.function.language.special.self.python#DD2867bold
entity.name.function.preprocessor#798181
constant.language.capital-identifier.ocaml, constant.type-constructor.elm, entity.name.fragment.graphql, entity.name.namespace, entity.name.struct.racket, entity.name.type.class, entity.name.type.class.generic, entity.name.type.class.reference, entity.name.type.class.templated, entity.name.type.class.value, entity.name.type.module.js, entity.name.type.namespace, entity.name.type.struct, entity.name.type.enum.rust, entity.name.type.trait.php, entity.name.type.ts, entity.other.attribute-name.class.css, entity.other.inherited-class, invalid.illegal.debug.elm, meta.attribute.class.html string.quoted.double.html, meta.attribute.class.html string.quoted.single.html, meta.attribute-with-value.class.html string.quoted.double.html, meta.attribute-with-value.class.html string.quoted.single.html, meta.definition.variable storage.type.generic, meta.function.parameter.typehinted.php storage.type.php, meta.preprocessor.include string.quoted.double.include, meta.preprocessor.include string.quoted.other.lt-gt.include, meta.preprocessor.include punctuation.definition.string.begin, meta.preprocessor.include punctuation.definition.string.end, meta.use.php entity.other.alias.php, source.js support.constant, storage.modifier.import, storage.type, support.class, support.module.elm, support.other.namespace.php, support.type, support.type.object.module.js keyword.operator.accessor.js, variable.other.class.js, variable.other.readwrite.alias.js, variable.type.elm, entity.name.type.struct.go, entity.name.type.interface.go, entity.name.type.go, entity.name.type, storage.type.struct.go, storage.type.interface.go, storage.type.go#1290C3bold
entity.other.attribute-name.id.css, meta.attribute.id.html string.quoted.double.html, meta.attribute.id.html string.quoted.single.html, meta.attribute-with-value.id.html string.quoted.double.html, meta.attribute-with-value.id.html string.quoted.single.html#3EABE6bold
entity.name.type.interface, entity.name.type.module, meta.definition.class.implemented.interfaces entity.other.inherited-class#80F2F6
meta.decorator.ts entity.name.function.ts, punctuation.decorator.ts, punctuation.definition.annotation, source.x86 support.constant.subsections, storage.type.annotation, support.function.macro.julia, meta.attribute.rust, meta.attribute.rust punctuation#FF9393
entity.name.type.enum#CC81BA
entity.name.type.template, storage.type.generic#e49ae5
constant.other.caps, constant.other.class.php, constant.other.enum, constant.other.php, entity.name.constant.racket, entity.name.section.markdown, entity.name.variable.enum-member, support.constant.core.php, support.constant.media.css, variable.other.constant, variable.other.enummember, variable.other.global, variable.other.makefile, variable.source.cmake, constant.other.go, constant.language.go#66D9EFitalic bold
variable.other.class.php, variable.other.property.static#8DDAF8italic
punctuation.support.type.property-name, entity.name.record.field.accessor.elm, entity.name.record.field.elm, entity.name.tag, entity.name.tag.localname, entity.name.variable.event.cs, entity.name.variable.field, entity.name.variable.property, entity.other.attribute-name.html, keyword.other.definition.ini, markup.list meta.paragraph.markdown, meta.block.js entity.name.label.js, meta.function.json.arrow.js entity.name.function.js, meta.object-literal.key.js, meta.object-literal.key.ts, meta.property-value.css, meta.struct.fields.racket, meta.tag.block.any.html entity.other.attribute-name, meta.tag.inline.any.html entity.other.attribute-name, meta.tag.other.html entity.other.attribute-name, record.name.elm, string constant.other.placeholder, string.unquoted.js, support.type.property-name, support.type.property-name.json.comments, support.variable.hocon, support.variable.property, variable.graphql, variable.object.property.ts, variable.other.definition, variable.other.object.property, variable.other.property, variable.other.property.cli, variable.other.readwrite.instance, string.quoted.double.go, string.quoted.raw.go, string.quoted.single.go#66E1F8
entity.name.function, entity.name.function.binding.ocaml, entity.name.function.cs, entity.name.function.definition, entity.name.function.definition.special.constructor, entity.name.function.graphql, entity.name.function.julia, entity.name.function.rust, meta.function.python support.function.magic.python, entity.name.function.racket, entity.name.function.target.makefile, entity.name.function.top_level.elm, meta.at-rule.mixin.scss entity.name.function.scss, meta.declaration.exports.elm entity.name.function.elm, meta.definition.function entity.name.function, meta.definition.method entity.name.function, meta.function.definition.parameters entity.name.function, meta.function.js entity.name.function.js, meta.function.method.js entity.name.function.method.js, meta.function.method.without-arguments entity.name.function, meta.function.method.with-arguments entity.name.function, meta.function.php entity.name.function.php, meta.function.php support.function.magic.php, meta.function.type-declaration.elm entity.name.function.elm, meta.method.identifier entity.name.function, source.asm entity.name.function, source.x86 keyword.label.assembly, entity.name.function.go, meta.function.declaration.go, meta.function.receiver.go, meta.function.parameters.go, entity.name.function.shell#1EB540bold
entity.name.function.call, entity.name.function.macro, entity.name.type.instance.js, keyword.cmake, meta.at-rule.include.scss entity.name.function.scss, meta.block entity.name.function.member, meta.body.function.definition entity.name.function.member, meta.parameter.initialization entity.name.function.member, meta.function.method.with-arguments meta.function-call entity.name.function, meta.function-call entity.name.function, meta.function-call, meta.function-call support.function.builtin, meta.function-call variable.legacy.builtin, meta.function-call.js entity.name.function.js, meta.function.call.rust entity.name.function.rust, meta.method-call entity.name.function, meta.method-call.static.php meta.method-call.php entity.name.function.php, meta.list.racket, meta.scope.prerequisites.makefile, new.expr.js entity.name.type.js, source.css support.function, support.function.builtin.python, support.function.core, support.function.julia, support.function.kernel, text.tex.latex support.function, entity.name.function.support.go#A7EC21
meta.method-call.static entity.name.function, support.function.construct.output.php, support.function.js, support.function.julia#96EC3Fitalic
#80F6A7
#CDF668
entity.name.function.tagged-template.js, entity.name.variable.parameter, entity.other.attribute-name, meta.function.parameters.js variable.other.readwrite.js, meta.method.body, string.unquoted.alias.graphql, string.unquoted.graphql, variable.other.block, variable.parameter#79ABFF
entity.name.variable.local, entity.name.variable.range-variable.cs, meta.definition.variable.js entity.name.function.js, meta.function.js variable.other.readwrite.js, meta.function.method.js variable.other.readwrite.js, meta.function-call.python meta.function-call.arguments.python, meta.method.body variable.other.definition, meta.value.elm, source.asm constant.language.register, source.directive.vue variable.other.readwrite.js, source.julia, source.rust, source.julia meta.array.julia, source.ocaml source.ocaml, source.python, source.x86 variable.parameter.registers, support.other.variable, variable.language.llvm, variable.other.dollar.js, variable.other.local, variable.other.object.access, variable.other.object.js, variable.other.php, variable.other.readwrite, variable.other.readwrite.cs, variable.other.ruby, variable.scss, variable.other.go, entity.name.type.package.go, variable.other.assignment.go, variable.other.object, variable.other.assignment.shell, variable.other.normal.shell, variable.parameter.go#FFBF26
constant.other.key, constant.other.symbol, entity.name.section.group-title.ini, entity.other.attribute-name.parent-selector-suffix.css punctuation.definition.entity.css, punctuation.definition.char.begin, punctuation.definition.char.end, punctuation.definition.string, source.ini, source.makefile, string, text, string.quoted.double.go, string.quoted.raw.go, string.quoted.single.go#17C6A3
markup.underline.link#287BDEunderline
string.other.link.description.markdown, string.other.link.title.markdown#287BDE
punctuation.definition.interpolation, constant.character, constant.character.escape, constant.other, storage.source.cmake#AE81FF
constant.numeric, constant.numeric.css keyword.other.unit, constant.other.color.rgb-value.hex.css, constant.other.color.rgb-value.hex.css punctuation.definition.constant.css, meta.variables.graphql, source.x86 constant.other.decimal, source.x86 constant.other.hex, source.x86 constant.other.octal, support.constant.color.w3c-extended-color-name.css, support.constant.color.w3c-standard-color-name.css, support.constant.font-name.css, support.constant.property-value.css, constant.numeric.go#6897BB
begin.bracket.round.blade.php, end.bracket.round.blade.php, support.function.construct.begin.blade, support.function.construct.end.blade, constant.language.list.ocaml, constant.language.ocaml, constant.language.unit.ocaml, constant.other.color, entity.name.label, entity.name.tag.reference.scss, entity.name.tag.wildcard.css, keyword, keyword.control.ternary, keyword.operator.logical, keyword.other.colon.elm, keyword.other.elm, keyword.other.period.elm, meta.attribute.class.html punctuation.definition.string.begin.html, meta.attribute.class.html punctuation.definition.string.end.html, meta.attribute.id.html punctuation.definition.string.begin.html, meta.attribute.id.html punctuation.definition.string.end.html, meta.attribute-with-value.class.html punctuation.definition.string.begin.html, meta.attribute-with-value.class.html punctuation.definition.string.end.html, meta.attribute-with-value.id.html punctuation.definition.string.begin.html, meta.attribute-with-value.id.html punctuation.definition.string.end.html, meta.attribute.class.html punctuation.definition.string.begin.html, meta.attribute.class.html punctuation.definition.string.end.html, meta.attribute.id.html punctuation.definition.string.begin.html, meta.attribute.id.html punctuation.definition.string.end.html, meta.attribute-with-value.class.html punctuation.definition.string.begin.html, meta.attribute-with-value.class.html punctuation.definition.string.end.html, meta.attribute-with-value.id.html punctuation.definition.string.begin.html, meta.attribute-with-value.id.html punctuation.definition.string.end.html, meta.brace.round.js, meta.brace.square.js, meta.embedded.line.js punctuation.definition.string.begin.html, meta.embedded.line.js punctuation.definition.string.end.html, meta.tag, punctuation, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.tag, punctuation.section.embedded, source.asm punctuation.separator storage.modifier, source.cmake, source.julia meta, storage.modifier.array.bracket.square, storage.modifier.package, storage.modifier.pointer, storage.modifier.reference, storage.type.function.arrow, storage.type.generic.wildcard, support.constant, punctuation.definition.comment#F9FAF4
comment, punctuation.definition.comment, comment.line.double-slash.go, comment.block.go#8d8b8b
RainbowDrops Theme by Liam Wang - VS Code Theme