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.activeBackground#a200ff33
  • activityBar.activeBorder#b141f1
  • activityBar.background#100b16
  • activityBar.border#2a2139
  • activityBar.foreground#ff0edf
  • activityBar.inactiveForeground#ffffff77
  • activityBarBadge.background#ffffff00
  • activityBarBadge.foreground#00f7ff
  • badge.background#ffffff00
  • badge.foreground#00f7ff
  • breadcrumb.activeSelectionForeground#00f7ff
  • breadcrumb.background#000000
  • breadcrumb.focusForeground#26c6cc
  • breadcrumb.foreground#ffffffb9
  • breadcrumbPicker.background#130d1a
  • button.background#1a1224
  • button.foreground#b141f1
  • button.hoverBackground#241931
  • debugExceptionWidget.background#15ff00
  • debugExceptionWidget.border#15ff00
  • debugToolBar.background#130d1a
  • descriptionForeground#5d6cbe
  • diffEditor.insertedTextBackground#ff00d425
  • diffEditor.removedTextBackground#b141f116
  • dropdown.background#100b16
  • dropdown.border#130d1a
  • dropdown.foreground#5766b9
  • editor.background#100b16
  • editor.findMatchBackground#ff4ff059
  • editor.findMatchHighlightBackground#ff4ff03f
  • editor.findRangeHighlightBackground#ff00dd36
  • editor.foreground#d9d3e0
  • editor.hoverHighlightBackground#ff4ff059
  • editor.inactiveSelectionBackground#46346546
  • editor.lineHighlightBackground#3e176454
  • editor.lineHighlightBorder#3e176454
  • editor.rangeHighlightBackground#49549539
  • editor.selectionBackground#463465d3
  • editor.selectionHighlightBackground#ff4ff060
  • editor.snippetFinalTabstopHighlightBackground#ff00b3af
  • editor.snippetFinalTabstopHighlightBorder#ffffff
  • editor.snippetTabstopHighlightBackground#ff00b3af
  • editor.snippetTabstopHighlightBorder#00000000
  • editor.wordHighlightBackground#34294f88
  • editor.wordHighlightStrongBackground#34294f88
  • editorBracketMatch.background#34294f66
  • editorBracketMatch.border#495495
  • editorCodeLens.foreground#ffffffcc
  • editorCursor.foreground#b141f1
  • editorError.border#130d1a
  • editorError.foreground#b141f1
  • editorGroup.border#2a2139
  • editorGroup.dropBackground#49549533
  • editorGroup.emptyBackground#49549533
  • editorGroupHeader.noTabsBackground#130d1a
  • editorGroupHeader.tabsBackground#130d1a
  • editorGroupHeader.tabsBorder#100c0f
  • editorGutter.addedBackground#206d4bd6
  • editorGutter.background#130d1a
  • editorGutter.deletedBackground#fa2e46a4
  • editorGutter.modifiedBackground#ffcc00
  • editorHint.border#ff00d400
  • editorHint.foreground#ff00d4
  • editorHoverWidget.background#100c0f
  • editorHoverWidget.border#2a2139
  • editorIndentGuide.activeBackground#2a2139
  • editorIndentGuide.background#49549539
  • editorInfo.border#130d1a
  • editorInfo.foreground#b141f1
  • editorLineNumber.activeForeground#9ba2bf
  • editorLineNumber.foreground#495495
  • editorLink.activeForeground#649fc4
  • editorMarkerNavigation.background#43435629
  • editorMarkerNavigationError.background#b141f1
  • editorMarkerNavigationWarning.background#ffcc00
  • editorOverviewRuler.addedForeground#09f7a099
  • editorOverviewRuler.border#130d1a
  • editorOverviewRuler.commonContentForeground#ffcc0044
  • editorOverviewRuler.currentContentForeground#2a213944
  • editorOverviewRuler.deletedForeground#b141f199
  • editorOverviewRuler.errorForeground#b141f1dd
  • editorOverviewRuler.findMatchForeground#34294f
  • editorOverviewRuler.incomingContentForeground#cac4f544
  • editorOverviewRuler.modifiedForeground#49549599
  • editorOverviewRuler.warningForeground#b141f1cc
  • editorRuler.foreground#34294f33
  • editorSuggestWidget.background#100c0f
  • editorSuggestWidget.border#2a2139
  • editorSuggestWidget.foreground#ffffff99
  • editorSuggestWidget.highlightForeground#b141f1
  • editorSuggestWidget.selectedBackground#130d1a
  • editorWarning.border#130d1a
  • editorWarning.foreground#ffcc00
  • editorWhitespace.foreground#ffffff21
  • editorWidget.background#130d1a
  • editorWidget.border#2a2139
  • errorForeground#b141f1
  • extensionButton.prominentBackground#b141f1
  • extensionButton.prominentForeground#e5f5f5
  • extensionButton.prominentHoverBackground#ebaaff
  • focusBorder#130d1a
  • foreground#495495
  • gitDecoration.addedResourceForeground#b141f1cc
  • gitDecoration.conflictingResourceForeground#ffcc00
  • gitDecoration.deletedResourceForeground#b141f1
  • gitDecoration.ignoredResourceForeground#ffffff59
  • gitDecoration.modifiedResourceForeground#b893ceee
  • gitDecoration.untrackedResourceForeground#b141f1
  • input.background#100c0f
  • input.border#100c0f
  • input.foreground#d4cdde
  • input.placeholderForeground#d4cdde
  • inputOption.activeBorder#d4cdde
  • inputValidation.errorBackground#b141f180
  • inputValidation.errorBorder#b141f100
  • inputValidation.errorForeground#b141f1
  • inputValidation.infoBackground#130d1a
  • inputValidation.infoBorder#ebaaff
  • inputValidation.infoForeground#b141f1
  • inputValidation.warningBackground#130d1a
  • inputValidation.warningBorder#ffcc00
  • inputValidation.warningForeground#ffcc00
  • list.activeSelectionBackground#2a213980
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#34294f66
  • list.errorForeground#b141f1e6
  • list.focusBackground#130d1a
  • list.focusForeground#ffffff
  • list.highlightForeground#b141f1
  • list.hoverBackground#130d1a
  • list.hoverForeground#ffffff
  • list.inactiveFocusBackground#130d1a
  • list.inactiveSelectionBackground#34294f66
  • list.inactiveSelectionForeground#ffffff
  • list.warningForeground#ffcc00
  • listFilterWidget.background#100c0f
  • listFilterWidget.noMatchesOutline#b141f1
  • listFilterWidget.outline#ff00d4
  • menu.background#130d1a
  • menu.foreground#ffffff99
  • menu.selectionBackground#130d1a
  • menu.selectionBorder#130d1a
  • menu.selectionForeground#b141f1
  • menu.separatorBackground#b141f1
  • menubar.selectionBackground#130d1a
  • menubar.selectionBorder#130d1a
  • menubar.selectionForeground#b141f1
  • merge.border#130d1a00
  • merge.commonContentBackground#ffcc0022
  • merge.commonHeaderBackground#ffcc0044
  • merge.currentContentBackground#2a213922
  • merge.currentHeaderBackground#2a213944
  • merge.incomingContentBackground#aea8dc22
  • merge.incomingHeaderBackground#aea8dc44
  • minimap.errorHighlight#b141f1ee
  • minimap.findMatchHighlight#b141f1ee
  • minimap.warningHighlight#ffcc00ee
  • minimapGutter.addedBackground#ebaaff
  • minimapGutter.deletedBackground#b141f1
  • minimapGutter.modifiedBackground#ff00d4
  • notificationCenter.border#130d1a
  • notificationCenterHeader.background#130d1a
  • notificationCenterHeader.foreground#d4cdde
  • notificationLink.foreground#ffffff
  • notifications.background#130d1a
  • notifications.border#130d1a
  • notifications.foreground#d4cdde
  • notificationToast.border#130d1a
  • panel.background#130d1a
  • panel.border#2a2139
  • panelTitle.activeBorder#495495
  • panelTitle.activeForeground#b141f1
  • panelTitle.inactiveForeground#ffffff
  • peekView.border#495495
  • peekViewEditor.background#130d1a
  • peekViewEditor.matchHighlightBackground#34294f
  • peekViewEditor.matchHighlightBorder#130d1a
  • peekViewEditorGutter.background#130d1a
  • peekViewResult.background#130d1a
  • peekViewResult.fileForeground#ffcc00
  • peekViewResult.lineForeground#ffffff
  • peekViewResult.matchHighlightBackground#130d1a
  • peekViewResult.selectionBackground#130d1a
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#130d1a
  • peekViewTitleDescription.foreground#ffffff
  • peekViewTitleLabel.foreground#b141f1
  • pickerGroup.border#ebaaff
  • pickerGroup.foreground#d4cdde
  • progressBar.background#b141f1
  • scrollbar.shadow#2a2139
  • scrollbarSlider.activeBackground#34294f77
  • scrollbarSlider.background#34294f33
  • scrollbarSlider.hoverBackground#34294f55
  • selection.background#ff4ff059
  • settings.checkboxBackground#130d1a
  • settings.checkboxBorder#130d1a
  • settings.checkboxForeground#495495
  • settings.dropdownBackground#130d1a
  • settings.dropdownBorder#130d1a
  • settings.dropdownForeground#495495
  • settings.dropdownListBorder#34294f
  • settings.headerForeground#b141f1
  • settings.modifiedItemIndicator#ebaaff
  • settings.numberInputBackground#100c0f
  • settings.numberInputBorder#100c0f
  • settings.numberInputForeground#7068b1
  • settings.textInputBackground#130d1a
  • settings.textInputBorder#130d1a
  • settings.textInputForeground#495495
  • sideBar.background#100c0f
  • sideBar.border#2a2139
  • sideBar.dropBackground#100c0f
  • sideBar.foreground#ffffff99
  • sideBarSectionHeader.background#130d1a
  • sideBarSectionHeader.border#2a2139
  • sideBarSectionHeader.foreground#ffffff99
  • sideBarTitle.foreground#ffffff99
  • statusBar.background#130d1a
  • statusBar.border#2a2139
  • statusBar.debuggingBackground#130d1a
  • statusBar.debuggingBorder#08080faf
  • statusBar.debuggingForeground#08080f50
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#130d1a
  • statusBar.noFolderBorder#130d1a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#130d1a66
  • statusBarItem.hoverBackground#2a2139
  • statusBarItem.prominentBackground#2a2139
  • statusBarItem.prominentHoverBackground#34294f
  • tab.activeBackground#130d1a
  • tab.activeBorder#f92aad
  • tab.activeBorderTop#130d1a
  • tab.activeForeground#de73ff
  • tab.activeModifiedBorder#ff00d4
  • tab.border#2a2139
  • tab.inactiveBackground#130d1a
  • tab.inactiveForeground#ffffff99
  • tab.unfocusedActiveBackground#180627
  • tab.unfocusedActiveBorder#130d1a
  • tab.unfocusedActiveForeground#ffffff99
  • tab.unfocusedHoverBackground#b141f121
  • tab.unfocusedInactiveForeground#ffffff99
  • terminal.ansiBlack#100c0f
  • terminal.ansiBlue#ebaaff
  • terminal.ansiBrightBlack#100c0f
  • terminal.ansiBrightBlue#61e2ff
  • terminal.ansiBrightCyan#61e2ff
  • terminal.ansiBrightGreen#ff00d4
  • terminal.ansiBrightMagenta#b141f1
  • terminal.ansiBrightRed#f92aad
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#ffcc00
  • terminal.ansiCyan#61e2ff
  • terminal.ansiGreen#ff00d4
  • terminal.ansiMagenta#b141f1
  • terminal.ansiRed#f92aad
  • terminal.ansiWhite#495495
  • terminal.ansiYellow#ffcc00
  • terminal.background#100c0f
  • terminal.foreground#d4cdde
  • terminalCursor.background#100c0f
  • terminalCursor.foreground#b141f1
  • textBlockQuote.background#130d1a
  • textBlockQuote.border#d4cdde
  • textCodeBlock.background#130d1a
  • textLink.activeForeground#b141f1
  • textLink.foreground#b141f1
  • textPreformat.foreground#ffcc00
  • textSeparator.foreground#130d1a
  • titleBar.activeBackground#130d1a
  • titleBar.activeForeground#b141f1
  • titleBar.inactiveBackground#130d1a
  • titleBar.inactiveForeground#ffffff99
  • tree.indentGuidesStroke#495495
  • walkThrough.embeddedEditorBackground#130d1a
  • widget.shadow#2a2139

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment, punctuation.definition.tag, comment.block.documentation punctuation.definition.bracket, source.ocaml comment constant.regexp meta.separator#727272C4
source.python string.quoted.docstring.multi.python, source.python punctuation.definition.string#5CD9FFitalic
constant.character, constant.escape, text.html.markdown, punctuation.definition.list_item, keyword.begin.tag.ejs, constant.name.attribute.tag.pug, source.clojure meta.symbol, constant.other.description.jsdoc, keyword.other.array.phpdoc.php, keyword.operator.other.powershell, meta.link.inline punctuation.definition.string, source.sql, source meta.brace, source punctuation, text.html punctuation, markup meta punctuation.definition, meta.bracket.julia, meta.array.julia, punctuation.separator.key-value, entity.name.footnote, source.ocaml punctuation.definition.tag, source.ocaml entity.name.filename, source.reason entity.name.filename, entity.other.attribute-name strong, binding.fsharp keyword.symbol.fsharp, entity.name.record.field.elm, entity.name.record.field.accessor.elm, storage.modifier.array.bracket, source.css entity.other, meta.attribute-selector punctuation.definition.entity#D4CDDE
keyword, keyword.control, keyword.other.template, keyword.other.substitution, storage.modifier, meta.tag.sgml, punctuation.accessor, constant.other.color, entity.name.section, markup.heading, markup.heading punctuation.definition, entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element, tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js, storage.type.function.pug, text.pug storage.type, text.pug meta.tag.other, source.clojure storage.control, meta.expression.clojure, punctuation.separator.slice.python, punctuation.separator.question-mark.cs, punctuation.definition.parameters.varargs, source.go keyword.operator, punctuation.separator.pointer-access, punctuation.separator.other.ruby, keyword.package, keyword.import, punctuation.definition.keyword, punctuation.separator.hash.cs, variable.parameter.rest.lua, entity.other.attribute-name.pseudo-class.css punctuation.definition.entity.css, entity.other.attribute-name.pseudo-element.css punctuation.definition.entity.css, source.kotlin storage.type.import, source.kotlin storage.type.package, constant.string.documentation.powershell, punctuation.section.directive, storage.type.rust, punctuation.definition.attribute, punctuation.definition.preprocessor, punctuation.separator.namespace, punctuation.separator.method, keyword.control punctuation.definition.function, source.ocaml variable.interpolation string, source.reason variable.interpolation, punctuation.definition.directive, storage.type.modifier, keyword.other.class.fileds, source.toml entity.other.attribute-name, sharing.modifier, keyword.control.class.ruby, keyword.control.def.ruby#F92AAD
variable, variable.object, variable.other, variable.parameter, support, entity.name.module, variable.import.parameter, variable.other.class, meta.toc-list.id.html, source.json meta.structure.dictionary.json support.type.property-name.json, markup.list, meta.var.clojure, entity.name.variable, source.java meta.class.body.java, entity.name.package.go, source.c, source.cpp, source.go, source.python, meta.function-call.arguments.python, source.ruby, source.coffee.embedded.source, source.coffee, storage.modifier.import, storage.modifier.package, storage.type.annotation, punctuation.definition.annotation, source.groovy.embedded.source, punctuation.definition.variable, source.powershell, string.quoted.interpolated.vala constant.character.escape.vala, source.apacheconf, source.objc, source.crystal, string.quoted.double.kotlin entity.string.template.element.kotlin, entity.name.package.kotlin, meta.template.expression.kotlin, parameter.variable.function, variable.other.constant.elixir, source.elixir.embedded.source, source.sql.embedded, punctuation.definition.placeholder, source.swift, source.julia, source.shell, variable.other.normal punctuation.definition.variable.shell, source.reason variable.language, source.reason variable.language string.other.link, source.elm meta.value, source.elm meta.declaration.module, meta.embedded.block variable punctuation.definition.variable.php, string.quoted.double.class.other, source.toml keyword, support.type.nim, source.tf meta.template.expression, source.scala entity.name.import, source.css entity.name.tag.custom#EBAAFF
support.variable.property, constant.other.symbol.hashkey.ruby, constant.other.symbol.hashkey.ruby punctuation.definition.constant.ruby, entity.other.attribute-name.id, entity.other.attribute-name.id punctuation.definition.entity, entity.name.type.annotation.kotlin, support.type.primitive, meta.type.parameters entity.name.type, meta.type.annotation entity.name.type, punctuation.definition.typeparameters, source.python support.type.python, comment.block.documentation.phpdoc.php keyword.other.type.php, storage.type.php, keyword.type, storage.type.cs, storage.type.c, storage.type.objc, punctuation.definition.storage.type.objc, markup punctuation.definition, storage.type.powershell, comment.block.documentation entity.name.type, source.java storage.type, storage.type.primitive, source.groovy storage.type, storage.type.r, source.haskell storage.type, punctuation.separator.clause-head-body, source.go storage.type, storage.type.core.rust, storage.class.std.rust, storage.modifier.lifetime.rust, entity.name.lifetime.rust, support.type.vb, entity.name.type.kotlin, support.type.julia, constant.other.reference, source.graphql support.type, source.reason support.type string, entity.name.type.fsharp, source.elm storage.type, storage.type.user-defined, storage.type.built-in, support.type.builtin, source.swift support.type, support.class.crystal, storage.type.integral, source.cpp storage.type.cpp, source.vala storage.type, source.hlsl storage.type.basic, source.hlsl support.type.other, source.apex storage.type, source.nim storage.type, source.cpp entity.name.type, support.class.builtin, source.tf meta.keyword.string, source.tf meta.keyword.number, source.scala entity.name.class#EBAAFF
constant, variable.other.constant, support.constant, punctuation.definition.entity, constant.character.entity, support.variable.magic, markup.quote, entity.name.type.type-parameter.cs, punctuation.bracket.angle, entity.name.function.preprocessor.c, storage.type.scala, entity.helper.apacheconf, variable.language.crystal, punctuation.definition.constant, support.constant punctuation.definition.variable, constant.character.math, support.class.math, source.graphql constant.character, source.reason constant.language.list, source.cpp variable.other.enummember, meta.table.lua variable.other, support.variable.class.hideshow, entity.other.attribute-name.class, meta.attribute.id entity.other.attribute-name, text.html entity.other.attribute-name, meta.tag.attributes entity.other.attribute-name, text.xml entity.other.attribute-name, source.cs entity.other.attribute-name, constant.character.format.placeholder, constant.other.placeholder#B141F1
variable.language, variable.parameter.function.language.special, markup.bold, markup.italic, punctuation.definition.italic, punctuation.definition.bold, entity.name.tag, variable.language punctuation.definition.variable, keyword.control.clojure, support.type.exception.python, keyword.other.this.cs, keyword.other.base.cs, keyword.other.var.cs, storage.modifier.super, source.go keyword, keyword.function.go, meta.separator, keyword.other.fn.rust, storage.modifier.static.rust, source.r meta.function.r keyword.control.r, storage.type.def, meta.class.identifier storage.modifier, source.scala keyword.declaration, storage.type, comment.block.documentation punctuation.definition.block.tag, comment.block.documentation punctuation.definition.inline.tag, entity.tag.apacheconf, keyword.other.julia, source.julia storage.modifier, constant.language.empty-list.haskell, meta.function.powershell storage.type.powershell, keyword.control.fun, punctuation.terminator.function, keyword.other.rust, keyword.other.declaration-specifier.swift, keyword.control.function-end.lua, keyword.control.class, keyword.control.def, source.ocaml keyword markup.underline, source.ocaml storage.type markup.underline, binding.fsharp keyword, function.anonymous keyword, function.anonymous keyword.symbol.fsharp, meta.embedded.block variable.language punctuation.definition.variable.php, keyword.declaration.dart, source.wsd keyword.other.class, source.wsd keyword.other.linebegin, keyword.other.skinparam.keyword, keyword.other.nim, markup.deleted.diff, source.tf support.class.variable#FF00D4
string, punctuation.definition.string, source.css support.constant, entity.name.import.go, markup.raw.texttt, markup.inserted.diff, source.scala punctuation.definition.character, constant.character.literal.scala, source.tf entity.name#B141F1
string.template, punctuation.definition.string.template, string.interpolated.python string.quoted.single.python, string.quoted.double.heredoc, string.quoted.interpolated.vala, string.quoted.interpolated.vala punctuation.definition.string, string.regexp.apacheconf, markup.inline.raw.string, markup.inline.raw punctuation.definition.raw, string.quoted.double.interpolated.crystal, string.quoted.double.interpolated.crystal punctuation.definition.string, text.tex markup.raw#B141F1
constant.numeric, constant.language, punctuation.separator.decimal.period.php, keyword.operator.null-conditional.cs, punctuation.separator.question-mark.cs, constant.integer.apacheconf, keyword.operator.nullable-type, constant.language punctuation.definition.variable, constant.others.fsharp, keyword.other.unit, string.quoted.double.skinparam.value, source.toml constant#B141F1
variable.function, support.type.property-name, entity.name.function, markup.underline.link, markup.underline.link.image, string.other.link, markup.link, support.type.vendored, support.other.variable, meta.function-call.generic.python, meta.method-call.groovy meta.method.groovy, meta.class.body.groovy meta.method.body.java storage.type.groovy, punctuation.definition.decorator, support.function.any-method, text.tex support.function, text.tex punctuation.definition.function, entity.name.section.fsharp entity.name.section.fsharp, support.variable.class.function, keyword.control.cucumber.table, punctuation.decorator, source.tf support.class#FFCC00
entity.name, entity.other, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, support.type, support.class, punctuation.definition.parameters, support.function, support.function.construct, markup.changed.git_gutter, markup.underline, meta.symbol.namespace.clojure, entity.mime-type.apacheconf, keyword.operator.function.infix, entity.name.function.infix, entity.name.function.call.kotlin, text.tex support.function.verb, text.tex support.function.texttt, source.reason constant.language.unit, source.ocaml constant.language constant.numeric entity.other.attribute-name.id.css, source.reason entity.other.attribute-name constant.language constant.numeric, constant.language.unit.fsharp, source.wsd support.class.preprocessings, keyword.language.gherkin.feature.scenario, source.nim keyword.other.common.function, entity.name.type.namespace, entity.name.scope-resolution.function.call#EBAAFF
source.js constant.other.object.key.js string.unquoted.label.js, source.js punctuation.section.embedded, punctuation.definition.template-expression, support.class, entity.name.type, storage.type.string.python, string.interpolated.pug, support.constant.handlebars, source.clojure punctuation.section.set, source.clojure punctuation.section.metadata, entity.global.clojure, source.python meta.function-call.python support.type.python, entity.other.inherited-class.python, punctuation.definition.interpolation, punctuation.section.embedded.begin.ruby, punctuation.section.embedded.end.ruby source.ruby, support.constant.math, entity.namespace.r, meta.method-call.groovy storage.type.groovy, entity.name.function-table.lua, source.scala entity.name.class.declaration, constant.character.escape, support.function.macro.julia, string.replacement.apacheconf, storage.modifier.using.vala, constant.other.haskell, source.objc entity.name.tag, string.quoted.other.literal.upper.crystal punctuation.definition.string, meta.embedded.line.crystal punctuation.section.embedded, meta.embedded.line.crystal punctuation.section.embedded source.crystal, punctuation.section.embedded, punctuation.section.tag, punctuation.section.embedded source.swift, variable.other.bracket punctuation.definition.variable, string.interpolated.dollar punctuation.definition.string, constant.character.escape punctuation.definition.keyword, source.ocaml entity.name.class constant.numeric, source.reason entity.name.class, keyword.format.specifier.fsharp, support.module.elm, meta.embedded.block.php punctuation.definition.variable.php, support.variable.lua, source.vala storage.type, support.variable.class.group, entity.name.type.class, source.tf meta.keyword.list, source.tf meta.keyword.map#EBAAFF
invalid, invalid.illegal#B16A4E
comment, storage.modifier, punctuation.definition.comment, entity.other, variable.language, support.type.vendored, support.constant.vendored, markup.quote, markup.italic, tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js, keyword.control.clojure, source.clojure meta.symbol.dynamic, keyword.other.this.cs, keyword.other.base.cs, variable.other.member.c, support.type.core.rust, variable.other.object.property, variable.other.property, source.r meta.function.r keyword.control.r, comment.line.roxygen.r keyword, comment.line.roxygen.r variable.parameter.r, keyword.control.inheritance.coffee, comment.block.documentation.phpdoc.php keyword, keyword.other.array.phpdoc.php, storage.type.modifier, comment.block.javadoc.java keyword, comment.block.javadoc.java variable.parameter.java, keyword.operator.documentation.powershell, variable.other.table.property.lua, storage.type.scala, variable.parameter.function.language.special, comment.block.documentation.scala keyword, comment.block.documentation.scala variable.parameter, support.function.builtin.go, constant.other.symbol.hashkey.ruby, constant.other.symbol.hashkey.ruby punctuation.definition.constant.ruby, constant.other.symbol.ruby, source.vala storage.type.generic, constant.other.table-name, constant.other.placeholder, variable.other.field, keyword.function.go, entity.alias.import.go, source.swift keyword.other.declaration-specifier, support.variable.swift, keyword.other.capture-specifier, text.tex support.function.emph, constant.other.math, support.function.textit, entity.name.footnote, entity.name.function.directive.graphql, source.graphql support.type.enum, source.ocaml entity.name.filename, source.reason entity.name.filename, abstract.definition.fsharp keyword, abstract.definition.fsharp entity, function.anonymous keyword, entity.name.record.field.accessor.elm, support.type.primitive, support.type.builtin, keyword.type.cs, storage.type.built-in, storage.type.primitive, source.python support.type.python, storage.type.core.rust, source.swift support.type, source.go storage.type, storage.type.php, storage.type.function.kotlin, entity.name.type.kotlin, support.type.julia, variable.other.member, keyword.other.import, keyword.package, keyword.import, source.wsd keyword.control.diagram, keyword.language.gherkin.feature.step, source.hlsl storage.type.basic, source.apex keyword.type, sharing.modifier, source.nim storage.type.concrete, meta.preprocessor.pragma.nim, storage.type.integral, entity.name.scope-resolution.function.call, support.class.builtin, comment.block.documentation storage.type.class, source.tf meta.keyword.string, source.tf meta.keyword.number, source.scala entity.name.class, meta.import keyword.control, keyword.control.exportitalic
keyword, keyword.control, keyword.operator, keyword.other.template, keyword.other.substitution, storage.type.function.arrow, constant.other.color, punctuation.accessor, entity.name.section, markup.bold, markup.bold string, markdown.heading, markup.inline.raw punctuation.definition.raw, markup.heading, storage.type.function.pug, storage.type.function.python, storage.type.annotation, punctuation.bracket.angle, keyword.other.new, punctuation.separator.question-mark.cs, storage.type.generic.wildcard, source.go keyword.operator, punctuation.separator.namespace, constant.other.symbol.ruby punctuation.definition.constant.ruby, variable.parameter, support.function.builtin.rust, storage.type.function.coffee, entity.name.variable.parameter, punctuation.separator.hash.cs, constant.other.symbol.ruby punctuation.definition.constant.ruby, constant.other.symbol.hashkey.ruby punctuation.definition.constant.ruby, meta.function.parameters variable.other, entity.name.type.annotation.kotlin, storage.type.objc, parameter.variable.function, markup punctuation.definition, punctuation.section.directive, punctuation.definition.preprocessor, source.ruby punctuation.definition.variable, punctuation.separator.method, support.function.textbf, source.graphql support.type.builtin, source.ocaml variable.interpolation string, entity.name.function.definition.special.constructor, entity.name.function.definition.special.member.destructor., meta.function.parameters variable punctuation.definition.variable.php, source.wsd keyword.other.activity, keyword.control.class.ruby, keyword.control.def.rubybold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string, text.html punctuation.section.embedded, variable.other.c, storage.modifier.lifetime.rust, entity.name.lifetime.rust, source.rust meta.attribute.rust, meta.attribute.id entity.other.attribute-name, keyword.other.fn.rust, source.ocaml punctuation.definition.tag emphasis, source.tf entity.namebold italic
keyword.begin.tag.ejs, source.python meta.function.decorator.python support.type.python, source.cs keyword.other, keyword.other.var.cs, source.go keyword, storage.modifier.static.rust, variable.parameter.r, variable.parameter.handlebars, storage.modifier.import, storage.modifier.package, meta.class.identifier storage.modifier, keyword.operator.other.powershell, source.lua storage.type.function, source.css variable.parameter, string.interpolated variable.parameter, source.apacheconf keyword, keyword.other.julia, storage.modifier.using.vala, source.objc keyword.other.property.attribute, source.sql keyword.other, keyword.other.using.vala, keyword.operator.function.infix, keyword.control.directive, keyword.other.rust, keyword.other.declaration-specifier.swift, entity.name.function.swift, keyword.control.function-end.lua, keyword.control.class, keyword.control.def, punctuation.definition.variable, entity.name.section.latex, source.ocaml keyword markup.underline, source.ocaml constant.language constant.numeric entity.other.attribute-name.id.css, source.reason entity.other.attribute-name constant.language constant.numeric, keyword.format.specifier.fsharp, entity.name.section.fsharp, binding.fsharp keyword, binding.fsharp keyword.symbol, record.fsharp keyword, keyword.symbol.fsharp, entity.name.section.fsharp keyword, namespace.open.fsharp keyword, namespace.open.fsharp entity, storage.type, source.cpp keyword.other, source.c keyword.other, keyword.other.unit, storage.modifier.array.bracket, keyword.control.default, meta.import.haskell keyword, keyword.declaration.dart, source.wsd keyword.other, keyword.other.skinparam, source.css keyword.control, source.css keyword.operator, keyword.language.gherkin.feature.scenario, keyword.control.cucumber.table, source.toml entity.other.attribute-name, source.toml keyword, keyword.other.nim, source.nim keyword.other.common.function, source.nim keyword.other, source.scala keyword.declaration, source.scala entity.name.class.declaration
token.info-token#6796E6
token.warn-token#CD9731
token.error-token#F44747
token.debug-token#B267E6
comment, variable.language, variable.parameter, entity.other.attribute-name, keyword, markup.underline.link, storage.modifier, storage.type, string.url, variable.language.super, variable.language.this
keyword.operator, keyword.other.type, storage.modifier.import, storage.modifier.package, storage.type.built-in, storage.type.function.arrow, storage.type.generic, storage.type.java, storage.type.primitive
string#00FFD9
meta.embedded.assembly#00FFD9
constant.numeric#E0E0E0
string.template
storage.type.built-in#14E0FF
entity.name.function#FF5FA2
variable.other.object
comment, variable.language, variable.parameter, entity.other.attribute-name, keyword, markup.underline.link, storage.modifier, storage.type, string.url, variable.language.super, variable.language.this
keyword.operator, keyword.other.type, storage.modifier.import, storage.modifier.package, storage.type.built-in, storage.type.function.arrow, storage.type.generic, storage.type.java, storage.type.primitive

Shiki preview

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

Loading...

GTA Vice City Theme by Lakshit Somani - VS Code Theme