Skip to main content
CodingTheme

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.activeBorder#d8caac
  • activityBar.activeFocusBorder#d8caac
  • activityBar.background#323d43
  • activityBar.border#323d43
  • activityBar.dropBackground#323d43
  • activityBar.foreground#d8caac
  • activityBar.inactiveForeground#868d80
  • activityBarBadge.background#a7c080
  • activityBarBadge.foreground#323d43
  • badge.background#a7c080
  • badge.foreground#323d43
  • breadcrumb.activeSelectionForeground#d8caac
  • breadcrumb.focusForeground#d8caac
  • breadcrumb.foreground#868d80
  • button.background#a7c080
  • button.foreground#323d43
  • button.hoverBackground#a7c080a0
  • checkbox.background#323d43
  • checkbox.border#505a60
  • checkbox.foreground#e39b7b
  • debugToolBar.background#323d43
  • diffEditor.insertedTextBackground#a7c08030
  • diffEditor.removedTextBackground#e6818330
  • dropdown.background#323d43
  • dropdown.border#505a60
  • dropdown.foreground#d8caac
  • editor.background#2b2f32
  • editor.findMatchBackground#505a60c0
  • editor.findMatchHighlightBackground#505a60c0
  • editor.findRangeHighlightBackground#505a60c0
  • editor.foreground#d8caac
  • editor.hoverHighlightBackground#505a60c0
  • editor.lineHighlightBackground#3c474db0
  • editor.lineHighlightBorder#46525800
  • editor.rangeHighlightBackground#505a60c0
  • editor.selectionBackground#505a60c0
  • editor.selectionHighlightBackground#465258a0
  • editor.snippetFinalTabstopHighlightBackground#e39b7b40
  • editor.snippetFinalTabstopHighlightBorder#323d43
  • editor.snippetTabstopHighlightBackground#505a60a0
  • editor.symbolHighlightBackground#465258a0
  • editor.wordHighlightBackground#465258a0
  • editor.wordHighlightStrongBackground#465258a0
  • editorBracketMatch.background#576268c0
  • editorBracketMatch.border#323d4300
  • editorCodeLens.foreground#868d80
  • editorCursor.foreground#d8caac
  • editorError.foreground#e68183
  • editorGroup.border#505a60
  • editorGroup.dropBackground#3c474d60
  • editorGroupHeader.noTabsBackground#323d43
  • editorGroupHeader.tabsBackground#323d43
  • editorGutter.addedBackground#a7c08068
  • editorGutter.background#323d4300
  • editorGutter.deletedBackground#e6818368
  • editorGutter.modifiedBackground#83b6af68
  • editorHint.foreground#a7c080
  • editorHoverWidget.background#3c474d
  • editorHoverWidget.border#505a60
  • editorIndentGuide.activeBackground#505a60
  • editorIndentGuide.background#505a6080
  • editorInfo.foreground#83b6af
  • editorLightBulb.foreground#d9bb80
  • editorLightBulbAutoFix.foreground#a7c080
  • editorLineNumber.activeForeground#868d80
  • editorLineNumber.foreground#868d80a0
  • editorLink.activeForeground#a7c080
  • editorMarkerNavigation.background#3c474d
  • editorMarkerNavigationError.background#e68183
  • editorMarkerNavigationInfo.background#87c095
  • editorMarkerNavigationWarning.background#d9bb80
  • editorOverviewRuler.addedForeground#a7c08080
  • editorOverviewRuler.border#323d4300
  • editorOverviewRuler.commonContentForeground#868d80
  • editorOverviewRuler.currentContentForeground#83b6af
  • editorOverviewRuler.deletedForeground#e6818380
  • editorOverviewRuler.errorForeground#e68183
  • editorOverviewRuler.findMatchForeground#576268
  • editorOverviewRuler.incomingContentForeground#a7c080
  • editorOverviewRuler.infoForeground#83b6af
  • editorOverviewRuler.modifiedForeground#83b6af80
  • editorOverviewRuler.rangeHighlightForeground#576268
  • editorOverviewRuler.selectionHighlightForeground#576268
  • editorOverviewRuler.warningForeground#d9bb80
  • editorOverviewRuler.wordHighlightForeground#576268
  • editorOverviewRuler.wordHighlightStrongForeground#576268
  • editorRuler.foreground#576268
  • editorSuggestWidget.background#414d53
  • editorSuggestWidget.border#414d53
  • editorSuggestWidget.foreground#d8caac
  • editorSuggestWidget.highlightForeground#a7c080
  • editorSuggestWidget.selectedBackground#505a60
  • editorUnnecessaryCode.border#868d80
  • editorUnnecessaryCode.opacity#ffffffff
  • editorWarning.foreground#d9bb80
  • editorWhitespace.foreground#576268
  • editorWidget.background#323d43
  • editorWidget.border#505a60
  • errorForeground#e68183
  • extensionBadge.remoteBackground#a7c080
  • extensionBadge.remoteForeground#323d43
  • extensionButton.prominentBackground#a7c080
  • extensionButton.prominentForeground#323d43
  • extensionButton.prominentHoverBackground#a7c080c0
  • focusBorder#46525800
  • foreground#d8caac
  • gitDecoration.addedResourceForeground#a7c080a0
  • gitDecoration.conflictingResourceForeground#d39bb6a0
  • gitDecoration.deletedResourceForeground#e68183a0
  • gitDecoration.ignoredResourceForeground#576268
  • gitDecoration.modifiedResourceForeground#83b6afa0
  • gitDecoration.submoduleResourceForeground#e39b7ba0
  • gitDecoration.untrackedResourceForeground#d9bb80a0
  • icon.foreground#87c095
  • imagePreview.border#323d43
  • input.background#323d4300
  • input.border#505a60
  • input.foreground#d8caac
  • input.placeholderForeground#868d80
  • inputOption.activeBorder#87c095
  • inputValidation.errorBackground#3c474d
  • inputValidation.errorBorder#e68183
  • inputValidation.errorForeground#e68183
  • inputValidation.infoBackground#3c474d
  • inputValidation.infoBorder#83b6af
  • inputValidation.infoForeground#83b6af
  • inputValidation.warningBackground#3c474d
  • inputValidation.warningBorder#d9bb80
  • inputValidation.warningForeground#d9bb80
  • list.activeSelectionBackground#3c474dc0
  • list.activeSelectionForeground#d8caac
  • list.dropBackground#3c474d80
  • list.errorForeground#e68183
  • list.focusBackground#3c474d80
  • list.focusForeground#d8caac
  • list.highlightForeground#a7c080
  • list.hoverBackground#323d4300
  • list.hoverForeground#d8caac
  • list.inactiveFocusBackground#3c474d68
  • list.inactiveSelectionBackground#3c474da0
  • list.inactiveSelectionForeground#868d80
  • list.invalidItemForeground#576268
  • list.warningForeground#d9bb80
  • menu.background#323d43
  • menu.foreground#d8caac
  • menu.selectionBackground#3c474d
  • menu.selectionForeground#d8caac
  • menubar.selectionBackground#323d43
  • menubar.selectionBorder#323d43
  • merge.border#323d4300
  • merge.currentContentBackground#83b6af30
  • merge.currentHeaderBackground#83b6af60
  • merge.incomingContentBackground#a7c08030
  • merge.incomingHeaderBackground#a7c08060
  • minimap.errorHighlight#e6818330
  • minimap.findMatchHighlight#87c09530
  • minimap.selectionHighlight#57626880
  • minimap.warningHighlight#d9bb8030
  • minimapGutter.addedBackground#a7c08080
  • minimapGutter.deletedBackground#e6818380
  • minimapGutter.modifiedBackground#83b6af80
  • notificationCenterHeader.background#414d53
  • notificationCenterHeader.foreground#d8caac
  • notificationLink.foreground#a7c080
  • notifications.background#323d43
  • notifications.foreground#d8caac
  • notificationsErrorIcon.foreground#e68183
  • notificationsInfoIcon.foreground#83b6af
  • notificationsWarningIcon.foreground#d9bb80
  • panel.background#323d43
  • panel.border#323d43
  • panelInput.border#505a60
  • panelTitle.activeBorder#d8caac
  • panelTitle.activeForeground#d8caac
  • panelTitle.inactiveForeground#868d80
  • peekView.border#465258
  • peekViewEditor.background#3c474d
  • peekViewEditor.matchHighlightBackground#e39b7b80
  • peekViewEditorGutter.background#3c474d
  • peekViewResult.background#3c474d
  • peekViewResult.fileForeground#d8caac
  • peekViewResult.matchHighlightBackground#e39b7b80
  • peekViewResult.selectionBackground#465258
  • peekViewTitle.background#465258
  • peekViewTitleDescription.foreground#868d80
  • peekViewTitleLabel.foreground#d8caac
  • pickerGroup.border#d8caac1a
  • problemsErrorIcon.foreground#e68183
  • problemsInfoIcon.foreground#83b6af
  • problemsWarningIcon.foreground#d9bb80
  • progressBar.background#a7c080
  • scrollbar.shadow#00000070
  • scrollbarSlider.activeBackground#576268
  • scrollbarSlider.background#505a60a0
  • scrollbarSlider.hoverBackground#505a60
  • selection.background#505a60f0
  • settings.checkboxBackground#323d43
  • settings.checkboxBorder#505a60
  • settings.checkboxForeground#e39b7b
  • settings.dropdownBackground#323d43
  • settings.dropdownBorder#505a60
  • settings.dropdownForeground#87c095
  • settings.headerForeground#d8caac
  • settings.numberInputBackground#323d43
  • settings.numberInputBorder#505a60
  • settings.numberInputForeground#d39bb6
  • settings.textInputBackground#323d43
  • settings.textInputBorder#505a60
  • settings.textInputForeground#83b6af
  • sideBar.background#323d43
  • sideBar.foreground#868d80
  • sideBarSectionHeader.background#323d4300
  • sideBarSectionHeader.foreground#868d80
  • sideBarTitle.foreground#868d80
  • statusBar.background#323d43
  • statusBar.border#323d43
  • statusBar.debuggingBackground#e68183
  • statusBar.debuggingBorder#e68183
  • statusBar.debuggingForeground#323d43
  • statusBar.foreground#d8caac
  • statusBar.noFolderBackground#323d43
  • statusBar.noFolderBorder#323d43
  • statusBar.noFolderForeground#d8caac
  • statusBar.prominentBackground#a7c080
  • statusBar.prominentForeground#323d43
  • statusBar.prominentHoverBackground#a7c080c0
  • statusBarItem.activeBackground#505a6070
  • statusBarItem.hoverBackground#505a60a0
  • statusBarItem.remoteBackground#a7c080
  • statusBarItem.remoteForeground#323d43
  • symbolIcon.arrayForeground#83b6af
  • symbolIcon.booleanForeground#d39bb6
  • symbolIcon.classForeground#d9bb80
  • symbolIcon.colorForeground#d8caac
  • symbolIcon.constantForeground#87c095
  • symbolIcon.constructorForeground#d39bb6
  • symbolIcon.enumeratorForeground#d39bb6
  • symbolIcon.enumeratorMemberForeground#87c095
  • symbolIcon.eventForeground#d9bb80
  • symbolIcon.fieldForeground#d8caac
  • symbolIcon.fileForeground#d8caac
  • symbolIcon.folderForeground#d8caac
  • symbolIcon.functionForeground#a7c080
  • symbolIcon.interfaceForeground#d9bb80
  • symbolIcon.keyForeground#a7c080
  • symbolIcon.keywordForeground#e68183
  • symbolIcon.methodForeground#a7c080
  • symbolIcon.moduleForeground#d39bb6
  • symbolIcon.namespaceForeground#d39bb6
  • symbolIcon.nullForeground#87c095
  • symbolIcon.numberForeground#d39bb6
  • symbolIcon.objectForeground#d39bb6
  • symbolIcon.operatorForeground#e39b7b
  • symbolIcon.packageForeground#d39bb6
  • symbolIcon.propertyForeground#87c095
  • symbolIcon.referenceForeground#83b6af
  • symbolIcon.snippetForeground#d8caac
  • symbolIcon.stringForeground#a7c080
  • symbolIcon.structForeground#d9bb80
  • symbolIcon.textForeground#d8caac
  • symbolIcon.typeParameterForeground#87c095
  • symbolIcon.unitForeground#d8caac
  • symbolIcon.variableForeground#83b6af
  • tab.activeBackground#323d43
  • tab.activeBorder#d8caac
  • tab.activeForeground#d8caac
  • tab.border#323d43
  • tab.hoverBackground#323d43
  • tab.inactiveBackground#323d43
  • tab.inactiveForeground#868d80
  • tab.unfocusedActiveBorder#323d4300
  • tab.unfocusedActiveForeground#d8caac
  • tab.unfocusedInactiveForeground#868d80
  • terminal.ansiBlack#3c474d
  • terminal.ansiBlue#83b6af
  • terminal.ansiBrightBlack#3c474d
  • terminal.ansiBrightBlue#83b6af
  • terminal.ansiBrightCyan#87c095
  • terminal.ansiBrightGreen#a7c080
  • terminal.ansiBrightMagenta#d39bb6
  • terminal.ansiBrightRed#e68183
  • terminal.ansiBrightWhite#d8caac
  • terminal.ansiBrightYellow#d9bb80
  • terminal.ansiCyan#87c095
  • terminal.ansiGreen#a7c080
  • terminal.ansiMagenta#d39bb6
  • terminal.ansiRed#e68183
  • terminal.ansiWhite#d8caac
  • terminal.ansiYellow#d9bb80
  • terminal.foreground#d8caac
  • terminalCursor.foreground#d8caac
  • textBlockQuote.background#3c474d
  • textBlockQuote.border#576268
  • textCodeBlock.background#3c474d
  • textLink.activeForeground#a7c080a0
  • textLink.foreground#a7c080
  • titleBar.activeBackground#323d43
  • titleBar.activeForeground#d8caac
  • titleBar.border#323d43
  • titleBar.inactiveBackground#323d43
  • titleBar.inactiveForeground#868d80
  • tree.indentGuidesStroke#505a60
  • welcomePage.buttonBackground#465258b0
  • welcomePage.buttonHoverBackground#46525870
  • widget.shadow#00000070

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
storage.type.function.arrow, keyword.other.arrowregular
keyword, storage.type.function, storage.type.class, storage.type.enum, storage.type.interface, storage.type.property, keyword.operator.new, keyword.operator.expression, keyword.operator.new, keyword.operator.delete, storage.type.extends#d76e6e
keyword.other.debugger#e68183
storage, modifier, keyword.var, entity.name.tag, keyword.control.case, keyword.control.switch#e39b7b
keyword.operator#e5a46b
string, punctuation.definition.string.end, punctuation.definition.string.begin, punctuation.definition.string.template.begin, punctuation.definition.string.template.end#2cacdd
entity.other.attribute-name#d9bb80
constant.character.escape, punctuation.quasi.element, punctuation.definition.template-expression, punctuation.section.embedded, storage.type.format, constant.other.placeholder, constant.other.placeholder, variable.interpolation#a7c080
entity.name.function, support.function, meta.function, meta.function-call, entity.name.function, meta.definition.method#acb765
keyword.control.at-rule, keyword.control.import, keyword.control.export, storage.type.namespace, punctuation.decorator, keyword.control.directive, keyword.preprocessor, punctuation.definition.preprocessor, punctuation.definition.directive, keyword.other.import, keyword.other.package, entity.name.type.namespace, entity.name.scope-resolution, keyword.other.using, keyword.package, keyword.import, keyword.map#87c095
storage.type.annotation#87c095
entity.name.label, constant.other.label#87c095
support.module, support.node, support.other.module, support.type.object.module, entity.name.type.module, entity.name.type.class.module, keyword.control.module#87c095
storage.type, support.type, entity.name.type, keyword.type#83b6af
entity.name.type.class, support.class, entity.name.class, entity.other.inherited-class, storage.class#83b6af
constant.numeric#d39bb6
constant.language.boolean#d39bb6
entity.name.function.preprocessor#d39bb6
variable.language.this, variable.language.self, variable.language.super, keyword.other.this, variable.language.special, constant.language.null, constant.language.undefined, constant.language.nan#82abbc
constant.language, support.constant#d39bb6
variable, support.variable, meta.definition.variable#d8caac
variable.object.property, support.variable.property, variable.other.property, variable.other.object.property, variable.other.enummember, variable.other.member, meta.object-literal.key#d8caac
punctuation, meta.brace, meta.delimiter, meta.bracket#d8caac
heading.1.markdown, markup.heading.setext.1.markdown#e68183bold
heading.2.markdown, markup.heading.setext.2.markdown#e39b7bbold
heading.3.markdown#d9bb80bold
heading.4.markdown#a7c080bold
heading.5.markdown#83b6afbold
heading.6.markdown#d39bb6bold
punctuation.definition.heading.markdown#868d80regular
string.other.link.title.markdown, constant.other.reference.link.markdown, string.other.link.description.markdown#d39bb6regular
markup.underline.link.image.markdown, markup.underline.link.markdown#a7c080underline
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.italic.markdown, punctuation.definition.quote.begin.markdown, punctuation.definition.metadata.markdown, punctuation.separator.key-value.markdown, punctuation.definition.constant.markdown#868d80
punctuation.definition.bold.markdown#868d80regular
meta.separator.markdown, punctuation.definition.constant.begin.markdown, punctuation.definition.constant.end.markdown#868d80bold
markup.italicitalic
markup.boldbold
markup.bold markup.italic, markup.italic markup.bolditalic bold
punctuation.definition.markdown, punctuation.definition.raw.markdown#d9bb80
fenced_code.block.language#d9bb80
markup.fenced_code.block.markdown, markup.inline.raw.string.markdown#a7c080
punctuation.definition.list.begin.markdown#e68183
punctuation.definition.function.latex, punctuation.definition.function.tex, punctuation.definition.keyword.latex, constant.character.newline.tex, punctuation.definition.keyword.tex#868d80
support.function.be.latex#e68183
support.function.section.latex, keyword.control.table.cell.latex, keyword.control.table.newline.latex#e39b7b
support.class.latex, variable.parameter.latex, variable.parameter.function.latex, variable.parameter.definition.label.latex, constant.other.reference.label.latex#d9bb80
keyword.control.preamble.latex#d39bb6
punctuation.separator.namespace.xml#868d80
entity.name.tag.html, entity.name.tag.xml, entity.name.tag.localname.xml#e39b7b
entity.other.attribute-name.html, entity.other.attribute-name.xml, entity.other.attribute-name.localname.xml#d9bb80
string.quoted.double.html, string.quoted.single.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html, punctuation.separator.key-value.html, punctuation.definition.string.begin.xml, punctuation.definition.string.end.xml, string.quoted.double.xml, string.quoted.single.xml, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.definition.tag.xml, meta.tag.xml, meta.tag.preprocessor.xml, meta.tag.other.html, meta.tag.block.any.html, meta.tag.inline.any.html#a7c080
variable.language.documentroot.xml, meta.tag.sgml.doctype.xml#d39bb6
storage.type.proto#d9bb80
string.quoted.double.proto.syntax, string.quoted.single.proto.syntax, string.quoted.double.proto, string.quoted.single.proto#a7c080
entity.name.class.proto, entity.name.class.message.proto#87c095
punctuation.definition.entity.css, punctuation.separator.key-value.css, punctuation.terminator.rule.css, punctuation.separator.list.comma.css#868d80
entity.other.attribute-name.class.css#e68183
keyword.other.unit#e39b7b
entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css#d9bb80
string.quoted.single.css, string.quoted.double.css, support.constant.property-value.css, meta.property-value.css, punctuation.definition.string.begin.css, punctuation.definition.string.end.css, constant.numeric.css, support.constant.font-name.css, variable.parameter.keyframe-list.css#a7c080
support.type.property-name.css#87c095
support.type.vendored.property-name.css#83b6af
entity.name.tag.css, entity.other.keyframe-offset.css, punctuation.definition.keyword.css, keyword.control.at-rule.keyframes.css, meta.selector.css#d39bb6
punctuation.definition.keyword.scss, punctuation.separator.key-value.scss#868d80
keyword.control.at-rule.keyframes.scss#e39b7b
punctuation.definition.interpolation.begin.bracket.curly.scss, punctuation.definition.interpolation.end.bracket.curly.scss#d9bb80
punctuation.definition.string.begin.scss, punctuation.definition.string.end.scss, string.quoted.double.scss, string.quoted.single.scss, constant.character.css.sass, meta.property-value.scss#a7c080
keyword.control.at-rule.include.scss, keyword.control.at-rule.use.scss, keyword.control.at-rule.mixin.scss, keyword.control.at-rule.extend.scss, keyword.control.at-rule.import.scss#d39bb6
meta.function.stylus#d8caac
entity.name.function.stylus#d9bb80
string.unquoted.js#d8caac
punctuation.accessor.js, punctuation.separator.key-value.js, punctuation.separator.label.js#868d80
punctuation.definition.block.tag.jsdoc#e68183
storage.type.js, storage.type.function.arrow.js#e39b7b
JSXNested#d8caac
punctuation.definition.tag.jsx, entity.other.attribute-name.jsx, punctuation.definition.tag.begin.js.jsx, punctuation.definition.tag.end.js.jsx, entity.other.attribute-name.js.jsx#a7c080
entity.name.type.module.ts#d8caac
keyword.operator.type.annotation.ts, punctuation.accessor.ts, punctuation.separator.key-value.ts#868d80
punctuation.definition.tag.directive.ts, entity.other.attribute-name.directive.ts#a7c080
entity.name.type.ts, entity.name.type.interface.ts, entity.other.inherited-class.ts, entity.name.type.alias.ts, entity.name.type.class.ts, entity.name.type.enum.ts#87c095
storage.type.ts, storage.type.function.arrow.ts, storage.type.type.ts#e39b7b
entity.name.type.module.ts#83b6af
keyword.control.import.ts, keyword.control.export.ts, storage.type.namespace.ts#d39bb6
entity.name.type.module.tsx#d8caac
keyword.operator.type.annotation.tsx, punctuation.accessor.tsx, punctuation.separator.key-value.tsx#868d80
punctuation.definition.tag.directive.tsx, entity.other.attribute-name.directive.tsx, punctuation.definition.tag.begin.tsx, punctuation.definition.tag.end.tsx, entity.other.attribute-name.tsx#a7c080
entity.name.type.tsx, entity.name.type.interface.tsx, entity.other.inherited-class.tsx, entity.name.type.alias.tsx, entity.name.type.class.tsx, entity.name.type.enum.tsx#87c095
entity.name.type.module.tsx#83b6af
keyword.control.import.tsx, keyword.control.export.tsx, storage.type.namespace.tsx#d39bb6
storage.type.tsx, storage.type.function.arrow.tsx, storage.type.type.tsx, support.class.component.tsx#e39b7b
storage.type.function.coffee#e39b7b
meta.type-signature.purescript#d8caac
keyword.other.double-colon.purescript, keyword.other.arrow.purescript, keyword.other.big-arrow.purescript#e39b7b
entity.name.function.purescript#d9bb80
string.quoted.single.purescript, string.quoted.double.purescript, punctuation.definition.string.begin.purescript, punctuation.definition.string.end.purescript, string.quoted.triple.purescript, entity.name.type.purescript#a7c080
support.other.module.purescript#d39bb6
punctuation.dot.dart#868d80
storage.type.primitive.dart#e39b7b
support.class.dart#d9bb80
entity.name.function.dart, string.interpolated.single.dart, string.interpolated.double.dart#a7c080
variable.language.dart#83b6af
keyword.other.import.dart, storage.type.annotation.dart#d39bb6
entity.other.attribute-name.class.pug#e68183
storage.type.function.pug#e39b7b
entity.other.attribute-name.tag.pug#87c095
entity.name.tag.pug, storage.type.import.include.pug#d39bb6
meta.function-call.c, storage.modifier.array.bracket.square.c, meta.function.definition.parameters.c#d8caac
keyword.control.switch.c, keyword.control.case.c#e68183
storage.type.built-in.primitive.c, storage.type.built-in.c, storage.type.struct.c#e39b7b
keyword.operator.sizeof.c, string.quoted.other.lt-gt.include.c, string.quoted.double.include.c#a7c080
keyword.operator.logical.c, keyword.operator.increment.c, keyword.operator.c, keyword.operator.decrement.c, keyword.operator.assignment.c, keyword.operator.bitwise.shift.c, keyword.operator.comparison.c, keyword.operator.assignment.compound.c, keyword.operator.ternary.c, variable.other.member.c#87c095
constant.language.c, storage.modifier.c#83b6af
keyword.control.directive.include.c, punctuation.definition.directive.c, keyword.control.directive.pragma.c, keyword.control.directive.line.c, keyword.control.directive.define.c, keyword.control.directive.conditional.c, keyword.control.directive.diagnostic.error.c, keyword.control.directive.undef.c#d39bb6
meta.function-call.cpp, storage.modifier.array.bracket.square.cpp, meta.body.function.definition.cpp#d8caac
punctuation.separator.scope-resolution.function.call.cpp, punctuation.separator.scope-resolution.cpp, punctuation.separator.scope-resolution.parameter.cpp, punctuation.separator.scope-resolution.constructor.cpp, punctuation.separator.scope-resolution.function.definition.cpp, punctuation.separator.scope-resolution.destructor.cpp, punctuation.separator.scope-resolution.template.call.cpp#868d80
keyword.control.switch.cpp, keyword.control.case.cpp#e68183
storage.type.built-in.primitive.cpp, storage.type.built-in.cpp, storage.type.struct.cpp, entity.name.type.cpp, entity.name.type.parameter.cpp#e39b7b
entity.name.type.cpp, entity.name.type.parameter.cpp, storage.type.built-in.cpp, storage.type.built-in.primitive.cpp, constant.other.placeholder.cpp, constant.character.escape.cpp#d9bb80
keyword.operator.sizeof.cpp, string.quoted.other.lt-gt.include.cpp, string.quoted.double.include.cpp, string.quoted.double.cpp, string.quoted.single.cpp, punctuation.definition.string.begin.cpp, punctuation.definition.string.end.cpp#a7c080
entity.name.scope-resolution, entity.name.namespace.cpp#87c095
storage.type.modifier.access.control.public.cpp, storage.type.modifier.access.control.private.cpp#83b6af
entity.name.type.class.cpp, keyword.control.directive.include.cpp, punctuation.definition.directive.cpp, keyword.control.directive.pragma.cpp, keyword.control.directive.line.cpp, storage.type.namespace.definition.cpp, keyword.other.using.directive.cpp, storage.type.namespace.directive.cpp, entity.name.label.cpp, keyword.control.directive.diagnostic.error.cpp, keyword.control.directive.define.cpp#d39bb6
keyword.other.using.cs#e68183
keyword.type.cs, constant.character.escape.cs, punctuation.definition.interpolation.begin.cs, punctuation.definition.interpolation.end.cs#d9bb80
string.quoted.double.cs, string.quoted.single.cs, punctuation.definition.string.begin.cs, punctuation.definition.string.end.cs#a7c080
variable.other.object.property.cs#87c095
entity.name.type.namespace.cs#d39bb6
keyword.symbol.fsharp, constant.language.unit.fsharp#d8caac
keyword.format.specifier.fsharp, entity.name.type.fsharp#d9bb80
string.quoted.double.fsharp, string.quoted.single.fsharp, punctuation.definition.string.begin.fsharp, punctuation.definition.string.end.fsharp#a7c080
entity.name.section.fsharp#83b6af
support.function.attribute.fsharp#d39bb6
punctuation.separator.java, punctuation.separator.period.java#868d80
keyword.other.import.java, keyword.other.package.java#e68183
storage.type.function.arrow.java, keyword.control.ternary.java#e39b7b
variable.other.property.java#87c095
variable.language.wildcard.java, storage.modifier.import.java, storage.type.annotation.java, punctuation.definition.annotation.java, storage.modifier.package.java, entity.name.type.module.java#d39bb6
keyword.other.import.kotlin#e68183
storage.type.kotlin#e39b7b
constant.language.kotlin#87c095
entity.name.package.kotlin, storage.type.annotation.kotlin#d39bb6
entity.name.package.scala#d39bb6
constant.language.scala#83b6af
entity.name.import.scala#87c095
string.quoted.double.scala, string.quoted.single.scala, punctuation.definition.string.begin.scala, punctuation.definition.string.end.scala, string.quoted.double.interpolated.scala, string.quoted.single.interpolated.scala, string.quoted.triple.scala#a7c080
entity.name.class, entity.other.inherited-class.scala#d9bb80
keyword.declaration.stable.scala, keyword.other.arrow.scala#e39b7b
keyword.other.import.scala#e68183
keyword.operator.navigation.groovy, meta.method.body.java, meta.definition.method.groovy, meta.definition.method.signature.java#d8caac
punctuation.separator.groovy#868d80
keyword.other.import.groovy, keyword.other.package.groovy, keyword.other.import.static.groovy#e68183
storage.type.def.groovy#e39b7b
variable.other.interpolated.groovy, meta.method.groovy#a7c080
storage.modifier.import.groovy, storage.modifier.package.groovy#87c095
storage.type.annotation.groovy#d39bb6
keyword.type.go#e68183
entity.name.package.go#87c095
keyword.import.go, keyword.package.go#d39bb6
entity.name.type.mod.rust#d8caac
keyword.operator.path.rust, keyword.operator.member-access.rust#868d80
storage.type.rust#e39b7b
support.constant.core.rust#87c095
meta.attribute.rust, variable.language.rust, storage.type.module.rust#d39bb6
meta.function-call.swift, support.function.any-method.swift#d8caac
support.variable.swift#87c095
keyword.operator.class.php#d8caac
storage.type.trait.php#e39b7b
constant.language.php, support.other.namespace.php#87c095
storage.type.modifier.access.control.public.cpp, storage.type.modifier.access.control.private.cpp#83b6af
keyword.control.import.include.php, storage.type.php#d39bb6
meta.function-call.arguments.python#d8caac
punctuation.definition.decorator.python, punctuation.separator.period.python#868d80
constant.language.python#87c095
keyword.control.import.python, keyword.control.import.from.python#d39bb6
constant.language.lua#87c095
entity.name.class.lua#83b6af
punctuation.separator.method.ruby#868d80
keyword.control.pseudo-method.ruby#e39b7b
keyword.other.special-method.ruby#a7c080
keyword.control.module.ruby#d39bb6
keyword.other.arrow.haskell, keyword.other.big-arrow.haskell, keyword.other.double-colon.haskell#e39b7b
storage.type.haskell#d9bb80
constant.other.haskell, string.quoted.double.haskell, string.quoted.single.haskell, punctuation.definition.string.begin.haskell, punctuation.definition.string.end.haskell#a7c080
entity.name.function.haskell#83b6af
entity.name.namespace, meta.preprocessor.haskell#87c095
keyword.other.r#e39b7b
entity.name.function.r, variable.function.r#a7c080
constant.language.r#87c095
entity.namespace.r#d39bb6
punctuation.separator.module-function.erlang, punctuation.section.directive.begin.erlang#868d80
keyword.control.directive.erlang, keyword.control.directive.define.erlang#e68183
entity.name.type.class.module.erlang#d9bb80
string.quoted.double.erlang, string.quoted.single.erlang, punctuation.definition.string.begin.erlang, punctuation.definition.string.end.erlang#a7c080
keyword.control.directive.export.erlang, keyword.control.directive.module.erlang, keyword.control.directive.import.erlang, keyword.control.directive.behaviour.erlang#d39bb6
variable.other.readwrite.module.elixir, punctuation.definition.variable.elixir#87c095
constant.language.elixir#83b6af
keyword.control.module.elixir#d39bb6
entity.name.type.value-signature.ocaml#d8caac
keyword.other.ocaml#e39b7b
constant.language.variant.ocaml#87c095
meta.function.lisp#d8caac
storage.type.function-type.lisp#e68183
keyword.constant.lisp#a7c080
entity.name.function.lisp#87c095
constant.keyword.clojure#a7c080
entity.global.clojure#d39bb6
entity.name.function.clojure#83b6af
meta.scope.if-block.shell, meta.scope.group.shell#d8caac
support.function.builtin.shell, entity.name.function.shell#d9bb80
string.quoted.double.shell, string.quoted.single.shell, punctuation.definition.string.begin.shell, punctuation.definition.string.end.shell, string.unquoted.heredoc.shell#a7c080
keyword.control.heredoc-token.shell, variable.other.normal.shell, punctuation.definition.variable.shell, variable.other.special.shell, variable.other.positional.shell, variable.other.bracket.shell#d39bb6
punctuation.definition.variable.powershell#868d80
entity.name.function.powershell, support.function.attribute.powershell, support.function.powershell#d9bb80
string.quoted.single.powershell, string.quoted.double.powershell, punctuation.definition.string.begin.powershell, punctuation.definition.string.end.powershell, string.quoted.double.heredoc.powershell#a7c080
variable.other.member.powershell#87c095
string.unquoted.alias.graphql#d8caac
keyword.type.graphql#e68183
entity.name.fragment.graphql#d39bb6
entity.name.function.target.makefile#e39b7b
variable.other.makefile#d9bb80
meta.scope.prerequisites.makefile#a7c080
string.source.cmake#a7c080
entity.source.cmake#87c095
storage.source.cmake#d39bb6
entity.name.function.package-manager.dockerfile#e39b7b
keyword.operator.flag.dockerfile#d9bb80
string.quoted.double.dockerfile, string.quoted.single.dockerfile#a7c080
constant.character.escape.dockerfile#87c095
entity.name.type.base-image.dockerfile, entity.name.image.dockerfile#d39bb6
punctuation.definition.separator.diff#868d80
markup.deleted.diff, punctuation.definition.deleted.diff#e68183
meta.diff.range.context, punctuation.definition.range.diff#e39b7b
meta.diff.header.from-file#d9bb80
markup.inserted.diff, punctuation.definition.inserted.diff#a7c080
markup.changed.diff, punctuation.definition.changed.diff#83b6af
punctuation.definition.from-file.diff#d39bb6
entity.name.section.group-title.ini, punctuation.definition.entity.ini#e68183
punctuation.separator.key-value.ini#e39b7b
string.quoted.double.ini, string.quoted.single.ini, punctuation.definition.string.begin.ini, punctuation.definition.string.end.ini#a7c080
keyword.other.definition.ini#87c095
punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json, punctuation.separator.dictionary.key-value.json, punctuation.definition.string.begin.json, punctuation.definition.string.end.json, punctuation.separator.dictionary.pair.json#868d80
support.type.property-name.json#e39b7b
string.quoted.double.json#a7c080
punctuation.separator.key-value.mapping.yaml#868d80
string.unquoted.plain.out.yaml, string.quoted.single.yaml, string.quoted.double.yaml, punctuation.definition.string.begin.yaml, punctuation.definition.string.end.yaml, string.unquoted.plain.in.yaml#a7c080
punctuation.definition.anchor.yaml, punctuation.definition.block.sequence.item.yaml#87c095
keyword.key.toml#e39b7b
string.quoted.single.basic.line.toml, string.quoted.single.literal.line.toml, punctuation.definition.keyValuePair.toml#a7c080
constant.other.boolean.toml#83b6af
entity.other.attribute-name.table.toml, punctuation.definition.table.toml, entity.other.attribute-name.table.array.toml, punctuation.definition.table.array.toml#d39bb6
comment, string.comment, punctuation.definition.comment#868d80

Shiki preview

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

Loading...