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#65473526
  • activityBar.activeBorder#b47109
  • activityBar.background#f9f5d7
  • activityBar.border#f2e5bc
  • activityBar.dropBackground#f9f5d7
  • activityBar.foreground#a89984
  • activityBar.inactiveForeground#c9b99a
  • activityBarBadge.background#b47109
  • activityBarBadge.foreground#f2e5bc
  • badge.background#b47109
  • badge.foreground#f2e5bc
  • breadcrumb.activeSelectionForeground#654735
  • breadcrumb.background#f9f5d7
  • breadcrumb.focusForeground#b47109
  • breadcrumb.foreground#928374
  • breadcrumbPicker.background#f2e5bc
  • button.background#7c6f64
  • button.foreground#f9f5d7
  • button.hoverBackground#928374
  • debugExceptionWidget.background#f3eac7
  • debugExceptionWidget.border#f9f5d7
  • debugToolBar.background#f3eac7
  • descriptionForeground#6f4f3c
  • diffEditor.insertedTextBackground#89b48226
  • diffEditor.removedTextBackground#ea696221
  • dropdown.background#f2e5bc
  • dropdown.border#f2e5bc
  • dropdown.foreground#928374
  • editor.background#f9f5d7
  • editor.findMatchBackground#ea696240
  • editor.findMatchHighlightBackground#89b48240
  • editor.findRangeHighlightBackground#d3869b40
  • editor.foreground#654735
  • editor.hoverHighlightBackground#bdae933f
  • editor.inactiveSelectionBackground#65473555
  • editor.lineHighlightBackground#f2e5bc80
  • editor.lineHighlightBorder#f2e5bc
  • editor.rangeHighlightBackground#7daea330
  • editor.selectionBackground#bdae9333
  • editor.selectionHighlightBackground#d5c4a178
  • editor.snippetFinalTabstopHighlightBackground#a9b66540
  • editor.snippetFinalTabstopHighlightBorder#f9f5d7
  • editor.snippetTabstopHighlightBackground#ebdbb2a0
  • editor.snippetTabstopHighlightBorder#f9f5d7
  • editor.wordHighlightBackground#f2e5bcb0
  • editor.wordHighlightStrongBackground#89b48230
  • editorBracketMatch.background#bdae9322
  • editorBracketMatch.border#a89984
  • editorCodeLens.foreground#928374
  • editorCursor.foreground#654735
  • editorError.border#f9f5d7
  • editorError.foreground#c14a4aFF
  • editorGroup.border#f2e5bc
  • editorGroup.dropBackground#ebdbb260
  • editorGroup.emptyBackground#f9f5d7
  • editorGroupHeader.noTabsBackground#fbf1c7
  • editorGroupHeader.tabsBackground#fbf1c7
  • editorGroupHeader.tabsBorder#fbf1c7
  • editorGutter.addedBackground#a9b665a0
  • editorGutter.background#f9f5d7
  • editorGutter.commentRangeForeground#a89984
  • editorGutter.deletedBackground#c14a4aFF
  • editorGutter.modifiedBackground#7daea3a0
  • editorHint.border#f9f5d7
  • editorHint.foreground#45707aFF
  • editorHoverWidget.background#f2e5bc
  • editorHoverWidget.border#f2e5bc
  • editorIndentGuide.activeBackground#d5c4a1FF
  • editorIndentGuide.background#f2e5bcFF
  • editorInfo.border#f9f5d7
  • editorInfo.foreground#b47109
  • editorLineNumber.activeForeground#6f4f3c
  • editorLineNumber.foreground#c9b99a
  • editorLink.activeForeground#6c782e
  • editorMarkerNavigation.background#fbf1c7
  • editorMarkerNavigationError.background#c14a4aFF
  • editorMarkerNavigationInfo.background#4c7a5d
  • editorMarkerNavigationWarning.background#b47109
  • editorOverviewRuler.border#f9f5d7
  • editorOverviewRuler.commonContentForeground#928374
  • editorOverviewRuler.currentContentForeground#7daea3
  • editorOverviewRuler.incomingContentForeground#89b48280
  • editorRuler.foreground#d3869b
  • editorSuggestWidget.background#f2e5bc
  • editorSuggestWidget.border#f2e5bc
  • editorSuggestWidget.foreground#928374
  • editorSuggestWidget.highlightForeground#b47109
  • editorSuggestWidget.selectedBackground#ebdbb2
  • editorWarning.border#f9f5d7
  • editorWarning.foreground#c35e0a
  • editorWhitespace.foreground#c9b99a
  • editorWidget.background#f2e5bc
  • editorWidget.border#f2e5bc
  • errorForeground#c14a4aFF
  • extensionButton.prominentBackground#7c6f64
  • extensionButton.prominentForeground#f9f5d7
  • extensionButton.prominentHoverBackground#928374
  • focusBorder#f2e5bc
  • foreground#654735
  • gitDecoration.addedResourceForeground#6c782e
  • gitDecoration.conflictingResourceForeground#945e80a0
  • gitDecoration.deletedResourceForeground#c14a4a
  • gitDecoration.ignoredResourceForeground#7c6f64
  • gitDecoration.modifiedResourceForeground#45707a
  • gitDecoration.submoduleResourceForeground#c35e0aa0
  • gitDecoration.untrackedResourceForeground#b47109
  • input.background#f9f5d780
  • input.border#f2e5bc
  • input.foreground#654735
  • input.placeholderForeground#928374
  • inputOption.activeBorder#a89984
  • inputValidation.errorBackground#ea6962
  • inputValidation.errorBorder#c14a4a
  • inputValidation.errorForeground#654735
  • inputValidation.infoBackground#7daea3
  • inputValidation.infoBorder#45707a
  • inputValidation.infoForeground#654735
  • inputValidation.warningBackground#d8a657
  • inputValidation.warningBorder#b47109
  • inputValidation.warningForeground#654735
  • list.activeSelectionBackground#f9f5d799
  • list.activeSelectionForeground#4f3829
  • list.dropBackground#fbf1c780
  • list.errorForeground#c14a4a
  • list.focusBackground#f9f5d780
  • list.focusForeground#4f3829
  • list.highlightForeground#b47109
  • list.hoverBackground#fbf1c799
  • list.hoverForeground#4f3829
  • list.inactiveFocusBackground#f2e5bc80
  • list.inactiveSelectionBackground#f2e5bc80
  • list.inactiveSelectionForeground#7c6f64
  • list.warningForeground#b47109
  • listFilterWidget.background#f9f5d780
  • listFilterWidget.noMatchesOutline#c14a4aFF
  • listFilterWidget.outline#45707aFF
  • menu.background#f2e5bc
  • menu.foreground#928374
  • menu.selectionBackground#fbf1c7
  • menu.selectionBorder#f9f5d7
  • menu.selectionForeground#b47109
  • menu.separatorBackground#b47109
  • menubar.selectionBackground#f9f5d7
  • menubar.selectionBorder#f9f5d7
  • menubar.selectionForeground#b47109
  • merge.border#f9f5d780
  • merge.commonContentBackground#89b48240
  • merge.commonHeaderBackground#928374
  • merge.currentContentBackground#7daea340
  • merge.currentHeaderBackground#7daea380
  • merge.incomingContentBackground#89b48240
  • merge.incomingHeaderBackground#89b48280
  • minimap.backround#f9f5d799
  • minimap.errorHighlight#ea696280
  • minimap.findMatchHighlight#89b482CC
  • minimap.warningHighlight#d8a65780
  • minimapGutter.addedBackground#a9b665a0
  • minimapGutter.deletedBackground#ea6962a0
  • minimapGutter.modifiedBackground#7daea3a0
  • notificationCenter.border#f2e5bc
  • notificationCenterHeader.background#f2e5bc
  • notificationCenterHeader.foreground#928374
  • notificationLink.foreground#928374
  • notifications.background#f2e5bc
  • notifications.border#f2e5bc
  • notifications.foreground#654735
  • notificationToast.border#f2e5bc
  • panel.background#f9f5d7
  • panel.border#f2e5bc
  • panelTitle.activeBorder#928374
  • panelTitle.activeForeground#b47109
  • panelTitle.inactiveForeground#928374
  • peekView.border#a89984
  • peekViewEditor.background#fbf1c7
  • peekViewEditor.matchHighlightBackground#d8a65750
  • peekViewEditor.matchHighlightBorder#a89984
  • peekViewEditorGutter.background#fbf1c7
  • peekViewResult.background#f3eac7
  • peekViewResult.fileForeground#654735
  • peekViewResult.lineForeground#928374
  • peekViewResult.matchHighlightBackground#f2e5bc
  • peekViewResult.selectionBackground#f2e5bc
  • peekViewResult.selectionForeground#928374
  • peekViewTitle.background#f3eac7
  • peekViewTitleDescription.foreground#928374
  • peekViewTitleLabel.foreground#654735
  • pickerGroup.border#4f38291a
  • pickerGroup.foreground#a89984
  • progressBar.background#b47109
  • scrollbar.shadow#00000044
  • scrollbarSlider.activeBackground#bdae93ad
  • scrollbarSlider.background#bdae9380
  • scrollbarSlider.hoverBackground#bdae9362
  • selection.background#bdae9333
  • settings.checkboxBackground#f2e5bc
  • settings.checkboxBorder#f2e5bc
  • settings.checkboxForeground#c35e0a
  • settings.dropdownBackground#f2e5bc
  • settings.dropdownBorder#f2e5bc
  • settings.dropdownForeground#4c7a5d
  • settings.dropdownListBorder#65473588
  • settings.headerForeground#654735
  • settings.modifiedItemIndicator#6c782e
  • settings.numberInputBackground#f3eac7
  • settings.numberInputBorder#f3eac7
  • settings.numberInputForeground#945e80
  • settings.textInputBackground#f2e5bc
  • settings.textInputBorder#f2e5bc
  • settings.textInputForeground#45707a
  • sideBar.background#f3eac7
  • sideBar.border#f2e5bc
  • sideBar.dropBackground#f3eac7
  • sideBar.foreground#928374FF
  • sideBarSectionHeader.background#f2e5bc
  • sideBarSectionHeader.border#f2e5bc
  • sideBarSectionHeader.foreground#928374FF
  • sideBarTitle.foreground#928374FF
  • statusBar.background#f3eac7
  • statusBar.border#f2e5bc
  • statusBar.debuggingBackground#c14a4a
  • statusBar.debuggingBorder#c14a4a
  • statusBar.debuggingForeground#f9f5d7
  • statusBar.foreground#7c6f64
  • statusBar.noFolderBackground#f3eac7
  • statusBar.noFolderBorder#f3eac7
  • statusBar.noFolderForeground#928374
  • statusBarItem.activeBackground#f2e5bca0
  • statusBarItem.hoverBackground#fbf1c7
  • statusBarItem.prominentBackground#7c6f64
  • statusBarItem.prominentHoverBackground#928374
  • tab.activeBackground#f9f5d7
  • tab.activeBorder#f9f5d7
  • tab.activeBorderTop#b47109
  • tab.activeForeground#b47109
  • tab.activeModifiedBorder#45707aFF
  • tab.border#fbf1c7
  • tab.inactiveBackground#fbf1c7
  • tab.inactiveForeground#928374
  • tab.unfocusedActiveBackground#f9f5d7
  • tab.unfocusedActiveBorder#f9f5d7
  • tab.unfocusedActiveForeground#928374
  • tab.unfocusedHoverBackground#bdae9321
  • tab.unfocusedInactiveForeground#928374
  • terminal.ansiBlack#4f3829
  • terminal.ansiBlue#45707a
  • terminal.ansiBrightBlack#654735
  • terminal.ansiBrightBlue#45707a
  • terminal.ansiBrightCyan#4c7a5d
  • terminal.ansiBrightGreen#6c782e
  • terminal.ansiBrightMagenta#945e80
  • terminal.ansiBrightRed#c14a4a
  • terminal.ansiBrightWhite#fbf1c7
  • terminal.ansiBrightYellow#b47109
  • terminal.ansiCyan#4c7a5d
  • terminal.ansiGreen#6c782e
  • terminal.ansiMagenta#945e80
  • terminal.ansiRed#c14a4a
  • terminal.ansiWhite#928374
  • terminal.ansiYellow#b47109
  • terminal.background#f9f5d7
  • terminal.foreground#654735
  • terminalCursor.background#f9f5d7
  • terminalCursor.foreground#654735
  • textBlockQuote.background#f3eac7
  • textBlockQuote.border#7c6f64
  • textCodeBlock.background#f3eac7
  • textLink.activeForeground#45707a
  • textLink.foreground#45707a
  • textPreformat.foreground#b47109
  • textSeparator.foreground#f3eac7
  • titleBar.activeBackground#f3eac7
  • titleBar.activeForeground#654735
  • titleBar.inactiveBackground#f3eac7
  • titleBar.inactiveForeground#928374
  • tree.indentGuidesStroke#a89984
  • walkThrough.embeddedEditorBackground#f3eac7
  • welcomePage.buttonBackground#f3eac7
  • welcomePage.buttonHoverBackground#fbf1c7a0
  • 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#7c6f64
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#654735
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#945e80
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#654735
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#6f4f3c
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#b47109
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#c35e0a
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#6c782e
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#6c782e
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#c14a4a
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#4c7a5d
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#4c7a5d
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#45707a
invalid, invalid.illegal#c14a4a
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