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#1d252c
  • activityBar.border#333f4a
  • activityBar.dropBackground#333f4a
  • activityBar.foreground#ffffff
  • activityBarBadge.background#b7c5d3
  • activityBarBadge.foreground#181e24
  • badge.background#5ec4ff
  • badge.foreground#181e24
  • breadcrumb.activeSelectionForeground#41505e
  • breadcrumb.background#1D252C
  • breadcrumb.focusForeground#b7c5d3
  • breadcrumb.foreground#718ca1
  • breadcrumbPicker.background#28323a
  • button.background#1d252c
  • button.foreground#ffffff
  • button.hoverBackground#008b94
  • contrastBorder#ffffff00
  • debugExceptionWidget.background#1d252c
  • debugExceptionWidget.border#b7c5d3
  • debugToolBar.background#1d252c
  • descriptionForeground#b7c5d3
  • diffEditor.insertedTextBackground#3ad90011
  • diffEditor.insertedTextBorder#3ad90055
  • diffEditor.removedTextBackground#ee3a4311
  • diffEditor.removedTextBorder#ee3a4355
  • dropdown.background#41505e
  • dropdown.border#41505e
  • dropdown.foreground#ffffff
  • editor.background#0b0c0e
  • editor.findMatchBackground#b7c5d380
  • editor.findMatchHighlightBackground#b7c5d330
  • editor.findRangeHighlightBackground#243e51
  • editor.foreground#b7c5d3
  • editor.hoverHighlightBackground#333f4a
  • editor.inactiveSelectionBackground#1d252c
  • editor.lineHighlightBackground#0b0c0e
  • editor.lineHighlightBorder#0F1113
  • editor.rangeHighlightBackground#28313a
  • editor.selectionBackground#0fb7ff3b
  • editor.selectionHighlightBackground#eeff021e
  • editor.selectionHighlightBorder#ffffff9f
  • editor.wordHighlightBackground#ffffff0d
  • editor.wordHighlightStrongBackground#41505e
  • editorBracketMatch.background#3d454d
  • editorBracketMatch.border#4e6e99
  • editorCodeLens.foreground#b7c5d3
  • editorCursor.foreground#5ec4ff
  • editorError.border#333f4a
  • editorError.foreground#e27e8d
  • editorGroup.background#1d252c
  • editorGroup.border#1d2c20
  • editorGroup.dropBackground#333f4a
  • editorGroupHeader.noTabsBackground#333f4a
  • editorGroupHeader.tabsBackground#181e24
  • editorGroupHeader.tabsBorder#333f4a
  • editorGutter.addedBackground#8bd49c
  • editorGutter.background#090a0c
  • editorGutter.deletedBackground#e27e8d
  • editorGutter.modifiedBackground#26506d
  • editorHoverWidget.background#15232d
  • editorHoverWidget.border#333f4a
  • editorIndentGuide.background#28323a
  • editorLineNumber.activeForeground#475A63
  • editorLineNumber.foreground#2F3739
  • editorMarkerNavigation.background#1d252c
  • editorMarkerNavigationError.background#d95468
  • editorMarkerNavigationWarning.background#d98e48
  • editorOverviewRuler.border#333f4a
  • editorOverviewRuler.commonContentForeground#ebbf8355
  • editorOverviewRuler.currentContentForeground#ee3a4355
  • editorOverviewRuler.incomingContentForeground#3ad90055
  • editorRuler.foreground#1f4662
  • editorSuggestWidget.background#15232d
  • editorSuggestWidget.border#15232d
  • editorSuggestWidget.foreground#b7c5d3
  • editorSuggestWidget.highlightForeground#ebbf83
  • editorSuggestWidget.selectedBackground#28323a
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ebbf83
  • editorWhitespace.foreground#ffffff1a
  • editorWidget.background#15232d
  • editorWidget.border#333f4a
  • errorForeground#e27e8d
  • extensionButton.prominentBackground#008b94
  • extensionButton.prominentForeground#ffffff
  • extensionButton.prominentHoverBackground#008b94
  • focusBorder#333f4a
  • foreground#b7c5d3
  • gitDecoration.ignoredResourceForeground#b7c5d3
  • input.background#333f4a
  • input.border#333f4a
  • input.foreground#b7c5d3
  • input.placeholderForeground#b7c5d3
  • inputOption.activeBorder#539afc
  • inputValidation.errorBackground#e27e8d
  • inputValidation.errorBorder#d95468
  • inputValidation.errorForeground#ffffff
  • inputValidation.infoBackground#5ec4ff
  • inputValidation.infoBorder#539afc
  • inputValidation.warningBackground#ebbf83
  • inputValidation.warningBorder#d98e48
  • list.activeSelectionBackground#1d252c
  • list.activeSelectionForeground#b7c5d3
  • list.dropBackground#333f4a
  • list.focusBackground#333f4a
  • list.focusForeground#b7c5d3
  • list.highlightForeground#008b94
  • list.hoverBackground#1d252c
  • list.hoverForeground#b7c5d3
  • list.inactiveSelectionBackground#333f4a
  • list.inactiveSelectionForeground#b7c5d3
  • panel.background#171d23
  • panel.border#171d23
  • panelTitle.activeBorder#41505e
  • panelTitle.activeForeground#41505e
  • panelTitle.inactiveForeground#b7c5d3
  • peekView.border#333f4a
  • peekViewEditor.background#15232d
  • peekViewEditor.matchHighlightBackground#15232d
  • peekViewEditorGutter.background#333f4a
  • peekViewResult.background#15232d
  • peekViewResult.fileForeground#b7c5d3
  • peekViewResult.lineForeground#ffffff
  • peekViewResult.matchHighlightBackground#333f4a
  • peekViewResult.selectionBackground#333f4a
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#15232d
  • peekViewTitleDescription.foreground#b7c5d3
  • peekViewTitleLabel.foreground#008b94
  • pickerGroup.border#333f4a
  • pickerGroup.foreground#b7c5d3
  • progressBar.background#008b94
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#333f4a
  • scrollbarSlider.background#41505e80
  • scrollbarSlider.hoverBackground#41505ecc
  • selection.background#027dff
  • sideBar.background#171d23
  • sideBar.border#1d252c
  • sideBar.foreground#b7c5d3
  • sideBarSectionHeader.background#1d252c
  • sideBarSectionHeader.foreground#b7c5d3
  • sideBarTitle.foreground#b7c5d3
  • statusBar.background#171d23
  • statusBar.border#1d252c
  • statusBar.debuggingBackground#171d23
  • statusBar.debuggingForeground#b7c5d3
  • statusBar.foreground#b7c5d3
  • statusBar.noFolderBackground#171d23
  • statusBar.noFolderForeground#b7c5d3
  • statusBarItem.activeBackground#333f4a
  • statusBarItem.hoverBackground#333f4a
  • statusBarItem.prominentBackground#171d23
  • statusBarItem.prominentHoverBackground#333f4a
  • tab.activeBackground#1d252c
  • tab.activeBorder#90BAE6
  • tab.activeForeground#ffffff
  • tab.border#171d23
  • tab.inactiveBackground#171d23
  • tab.inactiveForeground#b7c5d3
  • tab.unfocusedActiveForeground#b7c5d3
  • tab.unfocusedInactiveForeground#b7c5d3
  • terminal.ansiBlack#41505e
  • terminal.ansiBlue#539afc
  • terminal.ansiBrightBlack#b3c9dd
  • terminal.ansiBrightBlue#539afc
  • terminal.ansiBrightCyan#70e1e8
  • terminal.ansiBrightGreen#8bd49c
  • terminal.ansiBrightMagenta#b62d65
  • terminal.ansiBrightRed#d95468
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#ebbf83
  • terminal.ansiCyan#70e1e8
  • terminal.ansiGreen#8bd49c
  • terminal.ansiMagenta#b62d65
  • terminal.ansiRed#d95468
  • terminal.ansiWhite#ffffff
  • terminal.ansiYellow#ebbf83
  • terminal.background#171d23
  • terminal.foreground#ffffff
  • terminal.integrated.minimumContrastRatio4.5
  • terminal.integrated.rendererTypeexperimentalWebgl
  • terminalCursor.background#008b94
  • terminalCursor.foreground#008b94
  • textBlockQuote.background#171d23
  • textBlockQuote.border#171d23
  • textCodeBlock.background#171d23
  • textLink.activeForeground#718ca1
  • textLink.foreground#718ca1
  • textPreformat.foreground#718ca1
  • textSeparator.foreground#718ca1
  • titleBar.activeBackground#171d23
  • titleBar.activeForeground#ffffff
  • titleBar.inactiveBackground#1d252c
  • titleBar.inactiveForeground#ffffff33
  • walkThrough.embeddedEditorBackground#1d252c
  • welcomePage.buttonBackground#1d252c
  • welcomePage.buttonHoverBackground#333f4a
  • widget.shadow#00000026

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, comment.line.double-slash, comment.line.double-slash.js, punctuation.definition.comment.js, comment.block.html, comment.block.handlebars, meta.embedded.expression.js source.js.jsx comment.block.js, source.org comment.line, source.org punctuation.definition.comment, meta.link.inline.org punctuation.definition.string.begin.org, meta.link.inline.org punctuation.definition.string.end.org, meta.link.inline.org markup.underline.link.org#637777
comment.block.js, comment.line.shebang.js, comment.line.number-sign.shebang.shell, comment.block.documentation.js, comment.block.go, comment.block.documentation.ts, comment.line.number-sign.ini, comment.line.number-sign.yaml, string.quoted.docstring.single.python, string.quoted.docstring.double.python#608b4e
meta.tag.sgml.html, meta.tag.sgml.doctype.html, meta.tag.sgml.html punctuation.definition.tag.html, meta.structure.dictionary.json, punctuation.definition.array.begin.json, punctuation.definition.array.end.json, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown, invalid.illegal.bad-comments-or-CDATA.html, punctuation.definition.italic.markdown, punctuation.definition.bold.markdown, punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json#505050
punctuation.terminator, punctuation.separator, punctuation.separator.array.json, punctuation.terminator.rule.css, punctuation.terminator.rule.scss, meta.embedded.block.sql#d4d4d4
keyword.other.special-method.from.dockerfile, keyword.other.authorization.sql#911877
constant.other.database-name.sql#5cbd99
constant.other.table-name.sql#addb67
constant.numeric, meta.preprocessor.numeric#b7c5d3
constant.language.boolean, constant.language.null, constant.language.nil, constant.language.undefined#569cd6italic
keyword.other.unit, meta.preprocessor.numeric#e7dfcb
invalid#f44747
meta.selector, constant.character, constant.other.symbol, constant.character.escape#d7ba7d
meta.diff.header#569cd6
string, string.tag, string.value, meta.preprocessor.string#b7c5d3
storage.type, constant.other.placeholder, keyword, keyword.control, meta.preprocessor, keyword.control.new, constant.language, keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof#599eff
entity.name.function, support.function, support.constant.handlebars, storage.type.function#DDDB8D
storage.type.function, keyword.function.go, keyword.other.fn.rust#dfc544italic
storage, storage.modifier, meta.return-type, support.class, support.type, entity.name.type, entity.name.class, storage.type.annotation.java, 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.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, entity.name.tag.named.group.regexp#addb67
meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class, constant.numeric.version.dockerfile#DAA520
keyword.control, meta.arrow.js, keyword.generator.asterisk.js, storage.type.function.arrow.js, keyword.control.flow.python#911877
variable, support.variable, meta.definition.variable.name, variable.css, variable.scss, variable.other.less, variable.stylus#8BC2DD
code-runner.output code-runner.running string, code-runner.running code-runner.done string, string.quoted.raw.multi.python#ce9178italic
token.info-token#569cd6
token.warn-token#d7ba7d
token.error-token#f44747
token.debug-token#c586c0
entity.name.command.shell.dockerfile, support.function.C99.c, entity.name.function.c#eadc79
comment.block.c, punctuation.terminator.statement.c#d4d4d4
string.quoted.single.c#d7ba7d
meta.preprocessor.include.c string.quoted.other.lt-gt.include.c punctuation.definition.string.begin.c, meta.preprocessor.include.c string.quoted.other.lt-gt.include.c punctuation.definition.string.end.c#808080
punctuation.section.arguments.begin.bracket.round.c, punctuation.section.arguments.end.bracket.round.c, punctuation.section.parens.begin.bracket.round.c, punctuation.section.parens.end.bracket.round.c, punctuation.section.parameters.begin.bracket.round.c, punctuation.section.parameters.end.bracket.round.c, punctuation.separator.delimiter.c#d4d4d4
constant.other.variable.mac-classic.c, string.quoted.double.include.c, string.quoted.other.lt-gt.include.c, meta.preprocessor.include.c string.quoted.other.lt-gt.include.c#2dace7
punctuation.separator.statement.and.shell.dockerfile, entity.name.image.stage.dockerfile, punctuation.separator.pointer-access.c, keyword.control.directive.include.c, punctuation.separator.dictionary.key-value.json, punctuation.separator.key-value.mapping, punctuation.separator.key-value.mapping.yaml#c586c0
storage.type.c, support.type.mac-classic.c#DAA520
constant.other.placeholder.c, constant.language.c, keyword.operator.sizeof.c#569cd6
punctuation.separator.namespace.access.cpp#DAA520
source.cpp keyword.operator.bitwise.shift.c#569cd6
keyword.operator.macro.crystalitalic
string.regexp.group.crystal punctuation.definition.group.crystal#808080
punctuation.separator.variable.crystal, punctuation.separator.object.crystal, punctuation.definition.parameters.crystal, punctuation.section.embedded.begin.crystal, punctuation.section.embedded.end.crystal#d4d4d4
source.crystal.embedded.source#2dace7
punctuation.separator.method.crystal#c586c0
support.class.crystal, punctuation.separator.other.crystal#DAA520
variable.language.crystal, punctuation.section.embedded.crystal, keyword.control.special-method.crystal, source.crystal punctuation.separator.key-value#569cd6
string.quoted.single.crystal, constant.other.symbol.crystal#d7ba7d
entity.name.tag.localname.cs, punctuation.definition.tag.cs, source.cs comment.block.documentation.cs punctuation.definition.comment.cs, source.cs comment.block.documentation.cs meta.tag.cs punctuation.separator.equals.cs#505050
punctuation.terminator.statement.cs#d4d4d4
string.bracers.round.cshtml, punctuation.curlybrace.open.cs, punctuation.curlybrace.close.cs, punctuation.squarebracket.open.cs, punctuation.squarebracket.close.cs#d4d4d4
entity.name.variable.property.cs, entity.name.variable.parameter.cs, entity.name.variable.field.cs, entity.name.variable.local.cs, meta.interpolation.cs variable.other.object.property.cs#2dace7
constant.other.option.shell.dockerfile, constant.other.option.dash.shell.dockerfile, variable.other.object.js, variable.other.object.ts, variable.other.object.tsx, meta.item-access.python#5cbd99
variable.instance, variable.other.instance, variable.readwrite.instance, variable.other.readwrite.instance, variable.other.property#87C0D0
keyword.type.cs, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs#DAA520
keyword.other.this.cs#569cd6italic
keyword.other.new.cs, keyword.other.var.cs, keyword.other.as.cs, keyword.other.is.cs, keyword.other.base.cs, keyword.other.where.cs, keyword.other.typeof.cs, keyword.other.default.cs, keyword.operator.arrow.cs, keyword.other.namespace.cs, punctuation.separator.colon.cs, punctuation.separator.question-mark.cs, punctuation.definition.typeparameters.begin.cs, punctuation.definition.typeparameters.end.cs, punctuation.definition.interpolation.begin.cs, punctuation.definition.interpolation.end.cs#569cd6
keyword.other.get.cs, keyword.other.set.cs#dcdcaa
meta.preprocessor.cs punctuation.separator.hash.cs, punctuation.accessor.cs, keyword.other.await.cs, keyword.operator.assignment.cs, keyword.operator.comparison.cs#c586c0
punctuation.separator.key-value.js, punctuation.separator.key-value.ts, punctuation.separator.key-value.css, punctuation.separator.key-value.scss, punctuation.separator.key-value.less, punctuation.separator.list.comma.css#c586c0
meta.brace.curly, punctuation.section.property-list.begin.bracket.curly, punctuation.section.property-list.end.bracket.curly, punctuation.section.property-list.begin.bracket.round, punctuation.section.property-list.end.bracket.round, punctuation.definition.begin.bracket.round, punctuation.definition.end.bracket.round, punctuation.section.media.begin.bracket.curly, punctuation.section.media.end.bracket.curly, punctuation.section.keyframes.begin.bracket.curly.scss, punctuation.section.keyframes.end.bracket.curly.scss, source.css.scss meta.at-rule.keyframes.scss punctuation.section.keyframes.begin.scss, source.css.scss meta.at-rule.keyframes.scss punctuation.section.keyframes.end.scss, punctuation.section.supports.begin.bracket.curly, punctuation.section.supports.end.bracket.curly#b7c5d3
meta.property-list.scss#505050
keyword.other.important.css, keyword.other.important.sass, keyword.other.important.scss, keyword.other.important.less, keyword.other.default.scss, keyword.other.default.sass#ec5f67italic
entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.attribute.scss, entity.other.attribute-name.scss, meta.at-rule.keyframes.stylus entity.other.attribute-name.stylus, meta.at-rule.keyframes.scss entity.other.attribute-name.scss#D9AB7B
invalid.deprecated.color.system.css, punctuation.section.function.begin.bracket.round.css, punctuation.section.function.end.bracket.round.css, punctuation.definition.media-query.begin.bracket.round, punctuation.definition.media-query.end.bracket.round, punctuation.definition.pseudo-class.begin.bracket.round, punctuation.definition.pseudo-class.end.bracket.round, meta.property-value.scss, meta.property-name.scss, meta.at-rule.extend, meta.at-rule.extend.sass, meta.at-rule.extend.scss, punctuation.section.function.scss, punctuation.section.keyframes.begin.scss, punctuation.section.keyframes.end.scss, constant.other.scss#d4d4d4
keyword.other.default.scss, punctuation.definition.interpolation.begin.bracket.curly, punctuation.definition.interpolation.end.bracket.curly#daa520
support.type.property-name, support.type.property-name.media.css, support.type.vendored.property-name.css, meta.at-rule.include.scss, support.constant.vendored.property-value.css#718CA1
meta.attribute-selector.css#DAA520
support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color#b7c5d3
entity.other.attribute-name.pseudo-element.css punctuation.definition.entity.css, meta.selector.css entity.other.attribute-name.pseudo-class.css punctuation.definition.entity.css, punctuation.definition.entity.begin.bracket.square.css, punctuation.definition.entity.end.bracket.square.css, entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-class.css#c586c0
punctuation.definition.keyword.stylus#c586c0
meta.interpolation.stylus#2dace7
entity.other.attribute-name.parent-selector-suffix.stylus#d7ba7d
meta.interpolation.stylus meta.brace.curly#569cd6
punctuation.semi-colon.css#505050
constant.hex.css, meta.identifier.css#b7c5d3
constant.percentage.units.css, constant.length.units.css, entity.other.keyframe-offset.percentage.css#b5cea8
entity.name.tag.styledcss.js#DAA520
invalid.rainbow10#c586c0
markup.bold.rainbow9#007acc
entity.name.type.rainbow8#569cd6
constant.numeric.rainbow7#2dace7
variable.parameter.rainbow6#DAA520
string.rainbow5#608b4e
comment.rainbow4#dcdcaa
entity.name.function.rainbow3#d7ba7d
keyword.rainbow2#ce9178
rainbow1#d16969
comment.wildcard.elixir, comment.unused.elixir#2dace7italic
punctuation.section.function.elixir#d4d4d4
parameter.variable.function.elixir, source.elixir.embedded.source, variable.other.readwrite.module.elixir, variable.other.anonymous.elixir#2dace7
punctuation.separator.method.elixir#c586c0
meta.module.elixir, entity.name.type.module.elixir, variable.other.readwrite.module.elixir, variable.other.constant.elixir#DAA520
constant.other.symbol.elixir, punctuation.section.embedded.elixir, punctuation.definition.variable.elixir, variable.language.elixir, source.elixir.embedded.source punctuation.section.embedded.elixir#569cd6
constant.other.symbol.elixir, punctuation.definition.constant.elixir, support.function.variable.quoted.single.elixir#d7ba7d
punctuation.section.embedded.elixir#DAA520
punctuation.definition.placeholder.erlang, constant.other.placeholder.erlang#d7ba7d
punctuation.separator.parameters.erlang#d4d4d4
punctuation.section.directive.begin.erlang, punctuation.section.directive.end.erlang, punctuation.separator.module-function.erlang, punctuation.separator.record-field.erlang, punctuation.separator.list.erlang, keyword.operator.symbolic.erlang, punctuation.separator.clause-head-body.erlang#c586c0
punctuation.separator.clauses.erlang, punctuation.terminator.function.erlang#d4d4d4
punctuation.separator.function-arity.erlang, variable.language.omitted.erlang#569cd6
variable.other.erlang#2dace7
keyword.operator.assignment.go, keyword.operator.arithmetic.go, keyword.operator.comparison.go, keyword.operator.address.go, keyword.operator.arithmetic.bitwise.go, punctuation.other.colon.go, punctuation.other.period.go, keyword.control.gotemplate#c586c0
punctuation.terminator.go#d4d4d4
string.quoted.double.gotemplate#ce9178
source.go storage.type, storage.type.boolean.go, storage.type.byte.go, storage.type.numeric.go, storage.type.string.go, storage.type.error.go, storage.type.rune.go#5cbd99
constant.other.rune.go, constant.character.escape.go, string.quoted.rune.go punctuation.definition.string.begin.go, string.quoted.rune.go punctuation.definition.string.end.go#d7ba7d
constant.other.placeholder.go, variable.other.blank.go, keyword.operator.pointer.go, keyword.operator.address.go, keyword.operator.ellipsis.go#569cd6
punctuation.section.embedded.begin.gotemplate, punctuation.section.embedded.end.gotemplate#DAA520
entity.alias.import.go#2dace7
entity.scalar.graphql, entity.name.fragment.graphql#4ec9b0
punctuation.or.graphql, punctuation.assignment.graphql#c586c0
graphql.description.SINGLELINE, string.block.description.graphql.DOCSTRING, string.description.graphql#608b4e
storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java#d4d4d4
punctuation.separator.period.java#c586c0
storage.type.builtin.kotlin, storage.type.builtin.collection.kotlin, entity.name.package.kotlin#DAA520
meta.template.expression.kotlin#2dace7
keyword.hard.kotlin#c586c0
storage.type.scala, storage.type.primitive.scala, meta.colon.scala#DAA520
source.groovy.embedded.source#2dace7
keyword.operator.assignment.groovy, keyword.operator.arithmetic.groovy, keyword.control.exception.groovy#c586c0
punctuation.section.embedded.groovy, constant.other.groovy#569cd6
meta.method.groovy#dcdcaa
constant.character.escape.groovy#d7ba7d
comment.block, comment.block.documentation.js, comment.block.documentation.js storage.type.class.jsdoc punctuation.definition.block.tag.jsdoc, comment.line.triple-slash.directive.ts, comment.block.documentation.ts, comment.line.shebang.js#608b4e
comment.block.documentation.js storage.type.class.jsdoc punctuation.definition.block.tag.jsdoc, punctuation.definition.bracket.curly.begin.jsdoc, punctuation.definition.bracket.curly.end.jsdoc, storage.type.class.jsdoc#608b4eitalic
variable.language.this#ec5f67italic
constant.character.escape.js#d7ba7d
keyword.other.template.begin.js, keyword.other.template.end.js, punctuation.definition.string.template.begin.js, punctuation.definition.string.template.begin.ts, punctuation.definition.string.template.end.js, punctuation.definition.string.template.end.ts#d7ba7d
punctuation.definition.block.js, punctuation.definition.block.ts, punctuation.separator.comma.js, punctuation.separator.comma.ts, punctuation.separator.parameter, punctuation.definition.parameters.begin, punctuation.definition.parameters.end, meta.brace.square.js, meta.delimiter.comma.js, entity.quasi.element.js, keyword.operator.accessor.js, comment.block.documentation.js keyword.operator.accessor.js, punctuation.definition.binding-pattern.object#d4d4d4
keyword.operator, new.expr.js, keyword.operator.new.js, storage.type.extends.js, variable.language.super, keyword.operator.spread, keyword.operator.rest, keyword.operator.module.all.js, meta.brace.angle.ts, meta.brace.angle.tsx, keyword.control.as.tsx, comment.line.triple-slash.directive.ts, punctuation.definition.tag.directive.ts, punctuation.definition.typeparameters.begin.ts, punctuation.definition.typeparameters.end.ts, punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.end.js, punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.end.ts, punctuation.definition.template-expression.begin.tsx, punctuation.definition.template-expression.end.tsx, punctuation.quasi.element.end.js, punctuation.quasi.element.begin.js, punctuation.section.embedded.coffee, punctuation.definition.binding-pattern.object#c586c0
meta.template.expression.js, meta.template.expression.ts, meta.brace.round.ts, meta.brace.round.js, meta.tag.without-attributes.js meta.jsx.children.js, meta.jsx.children.js#d4d4d4
variable.function.js, meta.function-call.method.with-arguments.js, keyword.control.require.ts, punctuation.decorator.js, punctuation.decorator.ts#dcdcaa
keyword.operator.css, keyword.operator.scss, keyword.operator.less, keyword.operator.js, punctuation.accessor.js, punctuation.accessor.ts, keyword.operator.typeof.js, keyword.operator.logical.js, keyword.operator.in.js, keyword.operator.assignment.js, keyword.operator.comparison.js, keyword.operator.relational.js, keyword.operator.expression.of.js, keyword.operator.expression.of.ts, keyword.operator.expression.in.js, keyword.operator.expression.in.ts, punctuation.definition.section.case-statement.js, keyword.operator.bitwise#c586c0
keyword.operator.arithmetic, keyword.operator.increment, keyword.operator.decrement#e23996
string.unquoted.js, string.unquoted.label.js, meta.object-literal.key, meta.property.object.js, constant.other.object.key.js, constant.other.object.key string.quoted.double, meta.object-literal.key string.quoted.single, meta.object-literal.key string.quoted.double, string.quoted.single meta.object-literal.key, string.quoted.double meta.object-literal.key, string.quoted.multi.python, constant.object.key.graphql string.unquoted.graphql, meta.listvalues.graphql#B18F6A
keyword.operator.optional.ts, support.type.object.module.js, support.type.object.module.js.jsx, support.type.object.module keyword.operator.accessor, keyword.operator.type.annotation.ts, keyword.operator.type.annotation.tsx, punctuation.type.flowtype, support.variable.object, support.variable.object.node, support.variable.object.process, support.variable.property.process#DAA520
support.variable.dom#addb67
support.type.primitive.ts, support.type.primitive.tsx#DAA520
punctuation.section.embedded.begin.js.jsx, punctuation.section.embedded.end.js.jsx, punctuation.section.embedded.begin.jsx, punctuation.section.embedded.end.jsx, punctuation.section.embedded.begin.tsx, punctuation.section.embedded.end.tsx, meta.tag.js meta.jsx.children.js meta.tag.js meta.jsx.children.js meta.embedded.expression.js punctuation.section.embedded.begin.js, meta.tag.js meta.jsx.children.js meta.tag.js meta.jsx.children.js meta.embedded.expression.js punctuation.section.embedded.end.js, meta.tag.js punctuation.section.embedded.begin.js, meta.tag.js punctuation.section.embedded.end.js, meta.tag.without-attributes.js punctuation.section.embedded.begin.js, meta.tag.without-attributes.js punctuation.section.embedded.end.js#DAA520
meta.component.decoration entity.name.label.ts#2dace7
comment.line.number-sign.makefile#608b4e
variable.other.makefile#2dace7
variable.language.makefile#569cd6
entity.name.function.target.makefile, constant.character.escape.continuation.makefile#dcdcaa
punctuation.separator.key-value.makefile, support.function.foreach.makefile, keyword.control.ifeq.makefile, keyword.control.endif.makefile, constant.character.escape.continuation.makefile#c586c0
storage.source.cmake#2dace7
markup.underlineunderline
markup.bold, strongbold
markup.italic, emphasisitalic
markup.heading#569cd6
string.quoted.single.shell.dockerfile, string.quoted.double.dockerfile, string.quoted.single.shell.dockerfile, string.quoted.double.shell.dockerfile, markup.inserted#b5cea8
markup.deleted#ce9178
markup.changed#569cd6
markup.inline.raw#ce9178
fenced_code.block.language#DAA520
markup.italic.markdown#2dace7italic
markup.bold.markdown#569cd6bold
meta.separator.markdown, entity.name.section.markdown, punctuation.definition.heading.markdown#c586c0
markup.quote.markdown#608b4e
beginning.punctuation.definition.list.markdown, punctuation.definition.list.begin.markdown#6796e6
string.other.link.description.markdown, string.other.link.title.markdown#2dace7
markup.underline.link.markdown, markup.underline.link.image.markdown#404040
markup.fenced_code.block.markdown punctuation.definition.markdown, punctuation.definition.italic.markdown, punctuation.definition.bold.markdown, punctuation.definition.raw.markdown, beginning.punctuation.definition.quote.markdown, meta.link.reference.def.markdown punctuation.definition.constant.markdown, meta.link.reference.def.markdown punctuation.separator.key-value.markdown, meta.link.reference.markdown punctuation.definition.constant.begin.markdown, meta.link.reference.markdown punctuation.definition.constant.end.markdown, meta.image.reference.markdown punctuation.definition.constant.markdown, block-dollars, inline-dollars#303030
constant.other.reference.link.markdown, meta.link.reference.markdown, punctuation.definition.constant.begin.markdown#569cd6
meta.link.reference.markdown constant.other.reference.link.markdown, meta.image.reference.markdown constant.other.reference.link.markdown#404040italic
meta.link.reference.def.markdown markup.underline.link.markdown#ce9178
string.quoted.docstring.multi.python, string.quoted.docstring.multi.python keyword.control.flow.python#608b4e
variable.language.special.self.python, support.function.magic.python, support.variable.magic.python, storage.type.string.python, variable.parameter.function.language.special.self.python, meta.function.decorator.python support.type.pythonitalic
meta.function-call.arguments.python, keyword.operator.assignment.python, punctuation.separator.period.python, punctuation.separator.element.python, punctuation.separator.dict.python, punctuation.separator.parameters.python, punctuation.separator.arguments.python, punctuation.section.class.begin.python, punctuation.section.function.begin.python, punctuation.section.function.end.python, punctuation.definition.inheritance.begin.python, punctuation.definition.inheritance.end.python, punctuation.definition.parameters.begin.python, punctuation.definition.parameters.end.python, punctuation.definition.arguments.begin.python, punctuation.definition.arguments.end.python, punctuation.definition.list.begin.python, punctuation.definition.list.end.python, punctuation.definition.dict.begin.python, punctuation.definition.dict.end.python, punctuation.parenthesis.begin.python, punctuation.parenthesis.end.python, punctuation.separator.dict.python, punctuation.section.function.begin.python, meta.function.parameters.begin.python, meta.function.parameters.end.python#d4d4d4
punctuation.section.function.begin.python, punctuation.section.class.begin.python, variable.language.special.self.python, variable.parameter.function.language.special.self.python, constant.character.format.placeholder.other.python, keyword.operator.unpacking.parameter.python, keyword.operator.unpacking.arguments.python#569cd6
meta.function-call.python, meta.function-call.generic.python, meta.function.decorator.python support.type.python#dcdcaa
variable.parameter.function-call.python, meta.structure.dictionary.key.python, meta.function-call.arguments.python, meta.function.parameters.python, constant.other.caps.python#2dace7
support.type.python, entity.name.type.class.python, punctuation.separator.annotation.python, punctuation.separator.annotation.result.python#DAA520
punctuation.separator.period.python, keyword.operator.comparison.python, keyword.operator.assignment.python, keyword.operator.logical.python, punctuation.separator.slice.python, punctuation.separator.colon.python#c586c0
constant.character.escape.python, string.quoted.binary.single.python#d7ba7d
punctuation.definition.string.begin.ruby, punctuation.definition.string.end.ruby#ce9178
variable.other.ruby, variable.other.constant.ruby, constant.language.symbol.hashkey.ruby, variable.other.readwrite.instance.ruby punctuation.definition.variable.ruby, constant.language.symbol.hashkey.parameter.function.ruby#2dace7
variable.other.readwrite.instance.rubyitalic
constant.character.escape.ruby, constant.other.symbol.ruby, constant.language.symbol.ruby, punctuation.definition.constant.ruby#d7ba7d
variable.language.self.ruby#569cd6italic
constant.other.symbol.hashkey.ruby, meta.embedded.line.ruby#d4d4d4
entity.name.function.ruby, support.function.kernel.ruby#dcdcaa
variable.language.ruby, variable.other.readwrite.global.ruby, punctuation.definition.variable.ruby, punctuation.separator.inheritance.ruby, punctuation.section.embedded.begin.ruby, punctuation.section.embedded.end.ruby, variable.other.readwrite.global.pre-defined.ruby, string.quoted.double.interpolated.ruby punctuation.section.embedded.begin.ruby, string.quoted.double.interpolated.ruby punctuation.section.embedded.end.ruby, string.regexp.interpolated.ruby meta.embedded.line.ruby punctuation.section.embedded.begin.ruby, string.regexp.interpolated.ruby meta.embedded.line.ruby punctuation.section.embedded.end.ruby#569cd6
meta.class.ruby, support.class.ruby, entity.name.type.class.ruby, entity.other.inherited-class.ruby#DAA520
keyword.control.def.ruby, keyword.control.class.ruby, keyword.operator.other.ruby, keyword.operator.assignment.ruby, punctuation.separator.other.ruby, keyword.control.pseudo-method.ruby, keyword.operator.comparison.ruby, keyword.operator.arithmetic.ruby, punctuation.separator.method.ruby, constant.language.symbol.hashkey.ruby punctuation.definition.constant.hashkey.ruby, source.ruby punctuation.separator.key-value, constant.language.symbol.hashkey.parameter.function.ruby punctuation.definition.constant.hashkey.ruby#c586c0
string.unquoted.argument.shell.dockerfile, punctuation.separator.namespace.ruby, punctuation.separator.object.ruby, punctuation.separator.arguments.ruby, punctuation.section.function.ruby, punctuation.section.scope.begin.ruby, punctuation.section.scope.end.ruby, punctuation.section.array.begin.ruby, punctuation.section.array.end.ruby#d4d4d4
punctuation.section.regexp.begin.ruby, punctuation.section.regexp.end.ruby, punctuation.definition.group.ruby, punctuation.definition.character-class.ruby, punctuation.definition.character-class.begin.ruby, punctuation.definition.character-class.end.ruby#808080
keyword.operator.quantifier.ruby, string.regexp.arbitrary-repetition.ruby#b5cea8
meta.section.attributes.plain.haml constant.other.symbol.ruby, meta.embedded.line.erb#2dace7
text.html.erb punctuation.section.embedded.begin.erb, text.html.erb punctuation.section.embedded.end.erb#DAA520
keyword.language.gherkin.feature.step#c586c0
text.gherkin.feature entity.name.type.class.tsx#DAA520
entity.name.type.param.rust punctuation.other.comma.rust, keyword.operator.path.rust#d4d4d4
meta.attribute.rust, comment.line.documentation.rust#608b4e
keyword.operator.misc.rust#911877
keyword.operator.sigil.rust#c586c0
storage.modifier.lifetime.rust, entity.name.lifetime.rust, constant.other.placeholder.rust#2dace7
string.quoted.single.rust, string.quoted.double.rust, string.quoted.single.python, string.quoted.double.python, constant.character.rust#766F57
support.constant.core.rust, variable.language.ignored.rust#569cd6
variable.language.rust, variable.language.self.rust#569cd6italic
entity.name.type.param.rust punctuation.definition.type.rust#808080
entity.name.type.rust, storage.type.core.rust, storage.class.std.rust, punctuation.separator.type.rust, keyword.operator.return-type.rust, meta.type_params.rust#5cbd99
entity.name.image.dockerfile, support.class.console.js, support.function.console.js, support.type.object.console.js, entity.name.package.go#d87316
support.function.std.rust, support.function.go#DAA520
comment.punctuation.comma.swift#d4d4d4
meta.import.swift, keyword.control.import.swift#c586c0
keyword.statement.swift#c586c0
string-interpolation keyword.operator.swift, punctuation.section.embedded.begin.swift, punctuation.section.embedded.end.swift#569cd6
variable.language.self.swift, keyword.expressions-and-types.swift#569cd6italic
meta.embedded.line.swift#2dace7
meta.item.done.todo, meta.item.done.todo variable.priority.todo, meta.item.done.todo variable.other, meta.item.done.todo constant.numeric.date.todo, meta.item.done.todo string.quoted.single.todo, meta.item.done.todo string.quoted.double.todo#608b4e
constant.numeric.date.todo#b5cea8
string.quoted.single.todo, string.quoted.double.todo#DAA520
meta.item.priority.a.todo#f44747
meta.item.priority.b.todo#d16969
meta.item.priority.c.todo#ce9178
meta.item.priority.d.todo#d7ba7d
meta.item.priority.e.todo#dcdcaa
entity.name.section.terraform#c586c0
keyword.other.section.begin.terraform, keyword.other.section.end.terraform, keyword.other.function.inline.terraform#dcdcaa
storage.type.function.terraform, entity.tag.embedded.start.terraform, entity.tag.embedded.end.terraform#569cd6
entity.other.attribute-name.terraform, source.terraform.embedded.source#2dace7
punctuation.definition.variable.begin.gitignore, punctuation.definition.variable.end.gitignore#505050
support.function.git-rebase#2dace7
constant.sha.git-rebase#b5cea8
comment.line.number-sign.ini, punctuation.definition.entity.ini#505050
keyword.other.definition.ini#2dace7
punctuation.separator.key-value.ini#c586c0
comment.line.number-sign.yaml#505050
constant.other.timestamp.yaml#b5cea8
constant.language.boolean.yaml#c586c0
punctuation.definition.sequence.begin.yaml, punctuation.definition.sequence.end.yaml, punctuation.definition.mapping.begin.yaml, punctuation.definition.mapping.end.yaml, punctuation.separator.sequence.yaml, punctuation.separator.mapping.yaml#d4d4d4
storage.type.tag-handle.yaml, meta.property.yaml, punctuation.definition.alias.yaml, keyword.control.flow.alias.yaml, variable.other.alias.yaml#4ec9b0
keyword.control.property.anchor.yaml, constant.language.merge.yaml, punctuation.definition.alias.yaml, keyword.control.flow.alias.yaml, support.other.directive.reserved.yaml, punctuation.definition.directive.begin.yaml#569cd6
constant.language.boolean.yaml, constant.language.null.yaml#569cd6italic
entity.other.document.begin.yaml, entity.other.document.end.yaml, keyword.control.flow.block-scalar.literal.yaml, storage.modifier.chomping-indicator.yaml, punctuation.definition.block.sequence.item.yaml#c586c0
keyword.key.toml#f8e1c0
constant.other.datetime-with-timezone.toml#b5cea8
meta.tag.table.toml, punctuation.definition.keyValuePair.toml#c586c0
entity.other.attribute-name.table.array.toml, entity.other.attribute-name.table.toml, constant.other.boolean.toml#569cd6
source.toml, punctuation.definition.table.toml, punctuation.definition.array.toml, punctuation.definition.table.array.toml#808080
storage.type.function-type.lisp, constant.language.lisp#569cd6
keyword.constant.lisp#2dace7
keyword.control.import, keyword.control.import.js, keyword.control.import.ts, keyword.control.export.js, keyword.control.export.ts, keyword.control.require.js, keyword.control.require.ts, keyword.control.lisp, keyword.control.module, keyword.control.from.ts, entity.name.import.go#c586c0
constant.character.map.rhs.viml, constant.character.map.special.viml, constant.character.map.key.viml, constant.character.map.key.fn.viml, constant.character.map.viml#d7ba7d
punctuation.definition.map.viml#505050
meta.preprocessor.haskell#608b4e
storage.type.haskell, support.other.module.haskell#DAA520
keyword.control.new.dart#569cd6
punctuation.terminator.dart#d4d4d4
punctuation.dot.dart#c586c0
meta.declaration.dart#2dace7
source.nginx constant.character.brace, source.nginx constant.character.paren#d4d4d4
source.nginx constant.character.brace, source.nginx constant.character.end#808080
support.function.built-in.smarty#c586c0
source.smarty punctuation.section.embedded.begin.smarty, source.smarty punctuation.section.embedded.end.smarty#808080
source.smarty#DAA520
punctuation.definition.tag, punctuation.definition.string#b5afa4
entity.other.attribute-name#D9AB7B
punctuation.definition.string.begin.html, punctuation.definition.string.end.html, meta.attribute-with-value.id.html punctuation.separator.key-value.html, punctuation.separator.key-value.html, text.html meta.tag.block.any.html#d7ba7d
entity.tag, entity.name.tag, entity.name.tag.css, string.interpolated.jade, support.constant.handlebars, keyword.annotation.handlebars, meta.function.block.start.handlebars, meta.function.block.end.handlebars, meta.tag.template.value.twig, punctuation.section.tag.twig#755139
entity.name.tag.template.html, entity.name.tag.script.html, entity.name.tag.style.html#00AB00
text.html.basic meta.brace.round.js, text.html.basic meta.brace.square.js, text.html.basic punctuation.separator.comma.js, text.html.basic punctuation.definition.block.js, text.html.basic punctuation.definition.parameters.begin.js, text.html.basic punctuation.definition.parameters.end.js, text.html.jinja punctuation.definition.parameters.begin.js, text.html.jinja punctuation.definition.parameters.end.js, text.html.jinja meta.brace.round.js, text.html.jinja meta.brace.square.js, text.html.jinja punctuation.definition.block.js, text.html.jinja punctuation.separator.comma.js#d4d4d4
constant.character.entity.html#d7ba7d
meta.attribute.src.html string.quoted.double.html punctuation.definition.string.begin.html, meta.attribute.src.html string.quoted.double.html punctuation.definition.string.end.html, meta.attribute.href.html string.quoted.double.html punctuation.definition.string.begin.html, meta.attribute.href.html string.quoted.double.html punctuation.definition.string.end.html
string.quoted.single.html, string.quoted.single.xml, string.quoted.double.html, string.quoted.double.xml, meta.tag.block.any.html#B3C1CE
text.html, text.xml, source.rust, source.python, source.go#B3C1CE
meta.attribute.src.html string.quoted.double.html, meta.attribute.href.html string.quoted.double.html#4ba6f5underline
invalid.illegal.bad-angle-bracket.html#d4d4d4
expression.embedded.vue, expression.embedded.vue punctuation.definition.generic.begin.html, expression.embedded.vue punctuation.definition.generic.end.html#911877
meta.directive.vue, punctuation.definition.generic.begin.html, punctuation.definition.generic.end.html, punctuation.section.embedded.begin.smarty, punctuation.section.embedded.end.smarty#A57B18
string.interpolated.jade#DAA520
meta.control.flow.jade, meta.first-class.jade, storage.type.function.jade, storage.type.import.include.jade#c586c0
meta.function.block.start.handlebars, meta.function.block.end.handlebars, meta.function.block.start.handlebars support.constant.handlebars, meta.function.block.end.handlebars support.constant.handlebars#c586c0
support.constant.handlebars#DAA520
variable.parameter.handlebars#2dace7
keyword.begin.tag.ejs#DAA520
text.html.ejs keyword.begin.tag.ejs meta.group.braces.round.js meta.brace.round.begin.js, text.html.ejs keyword.begin.tag.ejs meta.group.braces.round.js meta.brace.round.end.js, text.html.ejs keyword.begin.tag.ejs meta.group.braces.round.js, text.html.ejs meta.brace.round.js, text.html.ejs meta.brace.square.js, text.html.ejs punctuation.definition.parameters.begin.js, text.html.ejs punctuation.definition.parameters.end.js#d4d4d4
text.html.ejs keyword.operator.expression.typeof.js, text.html.ejs keyword.operator.expression.instanceof.js#c586c0
text.html.vue-html meta.brace.round.js#d4d4d4
text.html.vue-html meta.tag.other.html#808080
meta.tag.inline.any.html meta.directive.vue entity.other.attribute-name.html, meta.directive.vue punctuation.separator.key-value.html, meta.directive.vue entity.other.attribute-name.html, punctuation.section.embedded.end.php, punctuation.section.embedded.begin.php#42b883
text.html.vue-html source.directive.vue punctuation.definition.string.begin.html, text.html.vue-html source.directive.vue punctuation.definition.string.end.html#42b883
entity.other.jinja.delimiter.tag#606060
entity.other.jinja.delimiter.variable#DAA520
variable.other.jinja#2dace7
variable.language.jinja#569cd6
punctuation.tag.liquid#606060
punctuation.output.liquid#DAA520
support.variable.liquid, support.class.liquid#2dace7
punctuation.tag.liquid, keyword.operator.liquid, entity.name.tag.liquid#c586c0
keyword.operator.quantifier.regexp, keyword.operator.quantifier.regexp.js#b5cea8
string.regexp#d16969
string.regexp constant.character.escape.backslash.regexp#ce9178
constant.other.character-class.regexp#DAA520
keyword.control.anchor.regexp, constant.other.character-class.regexp#569cd6
punctuation.definition.group.regexp, punctuation.definition.character-class.regexp#909090

Shiki preview

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

Loading...

zir nihil - Coding Theme