Skip to main content
Coding Theme

Color themes

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#d4be9826
  • activityBar.activeBorder#d8a657
  • activityBar.background#292828
  • activityBar.border#191a1a
  • activityBar.dropBackground#292828
  • activityBar.foreground#7c6f64
  • activityBar.inactiveForeground#665c54
  • activityBarBadge.background#d8a657
  • activityBarBadge.foreground#191a1a
  • badge.background#d8a657
  • badge.foreground#191a1a
  • breadcrumb.activeSelectionForeground#d4be98
  • breadcrumb.background#292828
  • breadcrumb.focusForeground#d8a657
  • breadcrumb.foreground#928374
  • breadcrumbPicker.background#3c3836
  • button.background#a89984
  • button.foreground#292828
  • button.hoverBackground#928374
  • debugExceptionWidget.background#202121
  • debugExceptionWidget.border#292828
  • debugToolBar.background#202121
  • descriptionForeground#c5b18d
  • diffEditor.insertedTextBackground#72966c26
  • diffEditor.removedTextBackground#b8565121
  • dropdown.background#3c3836
  • dropdown.border#3c3836
  • dropdown.foreground#928374
  • editor.background#292828
  • editor.findMatchBackground#b8565140
  • editor.findMatchHighlightBackground#72966c40
  • editor.findRangeHighlightBackground#ab6c7d40
  • editor.foreground#d4be98
  • editor.hoverHighlightBackground#7c6f643f
  • editor.inactiveSelectionBackground#d4be9855
  • editor.lineHighlightBackground#38343280
  • editor.lineHighlightBorder#3c3836
  • editor.rangeHighlightBackground#68948a30
  • editor.selectionBackground#7c6f6459
  • editor.selectionHighlightBackground#5a524c78
  • editor.snippetFinalTabstopHighlightBackground#8f9a5240
  • editor.snippetFinalTabstopHighlightBorder#292828
  • editor.snippetTabstopHighlightBackground#45403da0
  • editor.snippetTabstopHighlightBorder#292828
  • editor.wordHighlightBackground#3c3836b0
  • editor.wordHighlightStrongBackground#72966c30
  • editorBracketMatch.background#7c6f6422
  • editorBracketMatch.border#7c6f64
  • editorCodeLens.foreground#928374
  • editorCursor.foreground#d4be98
  • editorError.border#292828
  • editorError.foreground#ea6962FF
  • editorGroup.border#191a1a
  • editorGroup.dropBackground#45403d60
  • editorGroup.emptyBackground#292828
  • editorGroupHeader.noTabsBackground#32302f
  • editorGroupHeader.tabsBackground#32302f
  • editorGroupHeader.tabsBorder#32302f
  • editorGutter.addedBackground#8f9a52a0
  • editorGutter.background#292828
  • editorGutter.commentRangeForeground#7c6f64
  • editorGutter.deletedBackground#ea6962FF
  • editorGutter.modifiedBackground#68948aa0
  • editorHint.border#292828
  • editorHint.foreground#7daea3FF
  • editorHoverWidget.background#3c3836
  • editorHoverWidget.border#191a1a
  • editorIndentGuide.activeBackground#5a524cFF
  • editorIndentGuide.background#3c3836FF
  • editorInfo.border#292828
  • editorInfo.foreground#d8a657
  • editorLineNumber.activeForeground#c5b18d
  • editorLineNumber.foreground#665c54
  • editorLink.activeForeground#a9b665
  • editorMarkerNavigation.background#32302f
  • editorMarkerNavigationError.background#ea6962FF
  • editorMarkerNavigationInfo.background#89b482
  • editorMarkerNavigationWarning.background#d8a657
  • editorOverviewRuler.border#292828
  • editorOverviewRuler.commonContentForeground#928374
  • editorOverviewRuler.currentContentForeground#68948a
  • editorOverviewRuler.incomingContentForeground#72966c80
  • editorRuler.foreground#ab6c7d
  • editorSuggestWidget.background#3c3836
  • editorSuggestWidget.border#191a1a
  • editorSuggestWidget.foreground#928374
  • editorSuggestWidget.highlightForeground#d8a657
  • editorSuggestWidget.selectedBackground#45403d
  • editorWarning.border#292828
  • editorWarning.foreground#e78a4e
  • editorWhitespace.foreground#665c54
  • editorWidget.background#3c3836
  • editorWidget.border#191a1a
  • errorForeground#ea6962FF
  • extensionButton.prominentBackground#a89984
  • extensionButton.prominentForeground#292828
  • extensionButton.prominentHoverBackground#928374
  • focusBorder#3c3836
  • foreground#d4be98
  • gitDecoration.addedResourceForeground#a9b665
  • gitDecoration.conflictingResourceForeground#d3869ba0
  • gitDecoration.deletedResourceForeground#ea6962
  • gitDecoration.ignoredResourceForeground#a89984
  • gitDecoration.modifiedResourceForeground#7daea3
  • gitDecoration.submoduleResourceForeground#e78a4ea0
  • gitDecoration.untrackedResourceForeground#d8a657
  • input.background#29282880
  • input.border#3c3836
  • input.foreground#d4be98
  • input.placeholderForeground#928374
  • inputOption.activeBorder#7c6f64
  • inputValidation.errorBackground#b85651
  • inputValidation.errorBorder#ea6962
  • inputValidation.errorForeground#d4be98
  • inputValidation.infoBackground#68948a
  • inputValidation.infoBorder#7daea3
  • inputValidation.infoForeground#d4be98
  • inputValidation.warningBackground#c18f41
  • inputValidation.warningBorder#d8a657
  • inputValidation.warningForeground#d4be98
  • list.activeSelectionBackground#29282899
  • list.activeSelectionForeground#ddc7a1
  • list.dropBackground#32302f80
  • list.errorForeground#ea6962
  • list.focusBackground#29282880
  • list.focusForeground#ddc7a1
  • list.highlightForeground#d8a657
  • list.hoverBackground#32302f99
  • list.hoverForeground#ddc7a1
  • list.inactiveFocusBackground#38343280
  • list.inactiveSelectionBackground#38343280
  • list.inactiveSelectionForeground#a89984
  • list.warningForeground#d8a657
  • listFilterWidget.background#29282880
  • listFilterWidget.noMatchesOutline#ea6962FF
  • listFilterWidget.outline#7daea3FF
  • menu.background#3c3836
  • menu.foreground#928374
  • menu.selectionBackground#32302f
  • menu.selectionBorder#292828
  • menu.selectionForeground#d8a657
  • menu.separatorBackground#d8a657
  • menubar.selectionBackground#292828
  • menubar.selectionBorder#292828
  • menubar.selectionForeground#d8a657
  • merge.border#29282880
  • merge.commonContentBackground#72966c40
  • merge.commonHeaderBackground#928374
  • merge.currentContentBackground#68948a40
  • merge.currentHeaderBackground#68948a80
  • merge.incomingContentBackground#72966c40
  • merge.incomingHeaderBackground#72966c80
  • minimap.backround#29282899
  • minimap.errorHighlight#b8565180
  • minimap.findMatchHighlight#72966cCC
  • minimap.warningHighlight#c18f4180
  • minimapGutter.addedBackground#8f9a52a0
  • minimapGutter.deletedBackground#b85651a0
  • minimapGutter.modifiedBackground#68948aa0
  • notificationCenter.border#3c3836
  • notificationCenterHeader.background#3c3836
  • notificationCenterHeader.foreground#928374
  • notificationLink.foreground#928374
  • notifications.background#3c3836
  • notifications.border#3c3836
  • notifications.foreground#d4be98
  • notificationToast.border#3c3836
  • panel.background#292828
  • panel.border#191a1a
  • panelTitle.activeBorder#928374
  • panelTitle.activeForeground#d8a657
  • panelTitle.inactiveForeground#928374
  • peekView.border#7c6f64
  • peekViewEditor.background#32302f
  • peekViewEditor.matchHighlightBackground#c18f4150
  • peekViewEditor.matchHighlightBorder#7c6f64
  • peekViewEditorGutter.background#32302f
  • peekViewResult.background#202121
  • peekViewResult.fileForeground#d4be98
  • peekViewResult.lineForeground#928374
  • peekViewResult.matchHighlightBackground#3c3836
  • peekViewResult.selectionBackground#3c3836
  • peekViewResult.selectionForeground#928374
  • peekViewTitle.background#202121
  • peekViewTitleDescription.foreground#928374
  • peekViewTitleLabel.foreground#d4be98
  • pickerGroup.border#ddc7a11a
  • pickerGroup.foreground#7c6f64
  • progressBar.background#d8a657
  • scrollbar.shadow#00000044
  • scrollbarSlider.activeBackground#7c6f64ad
  • scrollbarSlider.background#7c6f6480
  • scrollbarSlider.hoverBackground#7c6f6462
  • selection.background#7c6f6459
  • settings.checkboxBackground#3c3836
  • settings.checkboxBorder#3c3836
  • settings.checkboxForeground#e78a4e
  • settings.dropdownBackground#3c3836
  • settings.dropdownBorder#3c3836
  • settings.dropdownForeground#89b482
  • settings.dropdownListBorder#d4be9888
  • settings.headerForeground#d4be98
  • settings.modifiedItemIndicator#a9b665
  • settings.numberInputBackground#202121
  • settings.numberInputBorder#202121
  • settings.numberInputForeground#d3869b
  • settings.textInputBackground#3c3836
  • settings.textInputBorder#3c3836
  • settings.textInputForeground#7daea3
  • sideBar.background#202121
  • sideBar.border#191a1a
  • sideBar.dropBackground#202121
  • sideBar.foreground#928374FF
  • sideBarSectionHeader.background#3c3836
  • sideBarSectionHeader.border#191a1a
  • sideBarSectionHeader.foreground#928374FF
  • sideBarTitle.foreground#928374FF
  • statusBar.background#202121
  • statusBar.border#191a1a
  • statusBar.debuggingBackground#ea6962
  • statusBar.debuggingBorder#ea6962
  • statusBar.debuggingForeground#292828
  • statusBar.foreground#a89984
  • statusBar.noFolderBackground#202121
  • statusBar.noFolderBorder#202121
  • statusBar.noFolderForeground#928374
  • statusBarItem.activeBackground#3c3836a0
  • statusBarItem.hoverBackground#32302f
  • statusBarItem.prominentBackground#a89984
  • statusBarItem.prominentHoverBackground#928374
  • tab.activeBackground#292828
  • tab.activeBorder#292828
  • tab.activeBorderTop#d8a657
  • tab.activeForeground#d8a657
  • tab.activeModifiedBorder#7daea3FF
  • tab.border#32302f
  • tab.inactiveBackground#32302f
  • tab.inactiveForeground#928374
  • tab.unfocusedActiveBackground#292828
  • tab.unfocusedActiveBorder#292828
  • tab.unfocusedActiveForeground#928374
  • tab.unfocusedHoverBackground#7c6f6421
  • tab.unfocusedInactiveForeground#928374
  • terminal.ansiBlack#32302f
  • terminal.ansiBlue#7daea3
  • terminal.ansiBrightBlack#928374
  • terminal.ansiBrightBlue#7daea3
  • terminal.ansiBrightCyan#89b482
  • terminal.ansiBrightGreen#a9b665
  • terminal.ansiBrightMagenta#d3869b
  • terminal.ansiBrightRed#ea6962
  • terminal.ansiBrightWhite#ddc7a1
  • terminal.ansiBrightYellow#d8a657
  • terminal.ansiCyan#89b482
  • terminal.ansiGreen#a9b665
  • terminal.ansiMagenta#d3869b
  • terminal.ansiRed#ea6962
  • terminal.ansiWhite#d4be98
  • terminal.ansiYellow#d8a657
  • terminal.background#292828
  • terminal.foreground#d4be98
  • terminalCursor.background#292828
  • terminalCursor.foreground#d4be98
  • textBlockQuote.background#202121
  • textBlockQuote.border#a89984
  • textCodeBlock.background#202121
  • textLink.activeForeground#7daea3
  • textLink.foreground#7daea3
  • textPreformat.foreground#d8a657
  • textSeparator.foreground#202121
  • titleBar.activeBackground#202121
  • titleBar.activeForeground#d4be98
  • titleBar.inactiveBackground#202121
  • titleBar.inactiveForeground#928374
  • tree.indentGuidesStroke#7c6f64
  • walkThrough.embeddedEditorBackground#202121
  • welcomePage.buttonBackground#202121
  • welcomePage.buttonHoverBackground#32302fa0
  • widget.shadow#00000044

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#928374
comment.block.documentation storage.type.class, comment.block.documentation punctuation.definition.block.tag, comment.block.documentation punctuation.definition.inline.tag, comment.block.documentation variable.other#a89984
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, string.template meta.object-literal.key, support.type.property-name, support.type.vendored, meta.attribute-selector entity.other.attribute-name, meta.image.inline punctuation.definition.string#d4be98
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, source.css entity.name.tag.custom, sharing.modifier, keyword.control.class.ruby, keyword.control.def.ruby, constant.other.color.rgb-value.hex punctuation.definition.constant, punctuation.definition.list.begin.markdown#d3869b
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, 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#d4be98
support.variable.property, constant.other.symbol.hashkey.ruby, constant.other.symbol.hashkey.ruby punctuation.definition.constant.ruby, 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, support.type.property-name.json punctuation.support.type.property-name#c5b18d
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, variable.other.normal.shell, variable.other.special.shell, variable.other.positional.shell, variable.other.normal.shell punctuation.definition.variable.shell, variable.other.special.shell punctuation.definition.variable.shell, variable.other.positional.shell punctuation.definition.variable.shell, variable.other.bracket.shell, variable.other.makefile, meta.tag.other entity.other.attribute-name, meta.definition variable.other#d8a657
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, 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#e78a4e
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, source.env#a9b665
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#a9b665
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#ea6962
variable.function, entity.name.function, markup.link, 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#89b482
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.link, markup.underline.link.image, 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#89b482
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, entity.other.attribute-name.id, entity.other.attribute-name.id punctuation.definition.entity, string.other.link#7daea3
invalid, invalid.illegal#ea6962
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.export, meta.tag.attributes entity.other.attribute-name, text.html entity.other.attribute-name, meta.attribute-selector entity.other.attribute-nameitalic
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.ruby
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.name, comment.block.documentation variable.otheritalic
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

Shiki preview

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

Loading...

Gruvbox Concoctis - Coding Theme