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#706B63
  • activityBar.activeFocusBorder#706B63
  • activityBar.background#D5D0C9
  • activityBar.border#B5AEA5
  • activityBar.foreground#4A4741
  • activityBar.inactiveForeground#706B63
  • activityBarBadge.background#4A4741
  • activityBarBadge.foreground#E5E1DC
  • badge.background#4A4741
  • badge.foreground#E5E1DC
  • breadcrumb.activeSelectionForeground#3D3A36
  • breadcrumb.focusForeground#4A4741
  • breadcrumb.foreground#706B63
  • button.background#4A4741
  • button.foreground#E5E1DC
  • button.hoverBackground#706B63
  • button.secondaryBackground#CCC6BE
  • button.secondaryForeground#3D3A36
  • button.secondaryHoverBackground#B5AEA5
  • charts.blue#076678
  • charts.foreground#3D3A36
  • charts.green#5C7A92
  • charts.orange#8B5C42
  • charts.purple#8F3F71
  • charts.red#9D0006
  • charts.yellow#8B5A2D
  • checkbox.background#E5E1DC
  • checkbox.border#B5AEA5
  • checkbox.foreground#8B5C42
  • debugConsole.errorForeground#9D0006
  • debugConsole.infoForeground#5C7A92
  • debugConsole.sourceForeground#8F3F71
  • debugConsole.warningForeground#8B5A2D
  • debugConsoleInputIcon.foreground#427B58
  • debugIcon.breakpointCurrentStackframeForeground#076678
  • debugIcon.breakpointDisabledForeground#9D0006
  • debugIcon.breakpointForeground#9D0006
  • debugIcon.breakpointStackframeForeground#9D0006
  • debugIcon.breakpointUnverifiedForeground#7C6F64
  • debugIcon.continueForeground#076678
  • debugIcon.disconnectForeground#8F3F71
  • debugIcon.pauseForeground#8B5A2D
  • debugIcon.restartForeground#427B58
  • debugIcon.startForeground#427B58
  • debugIcon.stepBackForeground#076678
  • debugIcon.stepIntoForeground#076678
  • debugIcon.stepOutForeground#076678
  • debugIcon.stepOverForeground#076678
  • debugIcon.stopForeground#9D0006
  • debugTokenExpression.boolean#8F3F71
  • debugTokenExpression.error#9D0006
  • debugTokenExpression.name#076678
  • debugTokenExpression.number#8F3F71
  • debugTokenExpression.string#8B5A2D
  • debugTokenExpression.value#5C7A92
  • debugToolBar.background#D5D0C9
  • diffEditor.diagonalFill#B5AEA5
  • diffEditor.insertedTextBackground#5C7A9230
  • diffEditor.removedTextBackground#9D000630
  • dropdown.background#E5E1DC
  • dropdown.border#B5AEA5
  • dropdown.foreground#4A4741
  • editor.background#E5E1DC
  • editor.findMatchBackground#8B5A2D50
  • editor.findMatchHighlightBackground#5C7A9240
  • editor.findRangeHighlightBackground#CCC6BE80
  • editor.foldBackground#CCC6BE80
  • editor.foreground#3D3A36
  • editor.hoverHighlightBackground#CCC6BEB0
  • editor.inactiveSelectionBackground#CCC6BE80
  • editor.lineHighlightBackground#D5D0C9
  • editor.lineHighlightBorder#CCC6BE00
  • editor.rangeHighlightBackground#CCC6BE80
  • editor.selectionBackground#B5AEA5B0
  • editor.selectionHighlightBackground#CCC6BE80
  • editor.snippetFinalTabstopHighlightBackground#5C7A9240
  • editor.snippetFinalTabstopHighlightBorder#B5AEA5
  • editor.snippetTabstopHighlightBackground#CCC6BEA0
  • editor.symbolHighlightBackground#427B5840
  • editor.wordHighlightBackground#CCC6BE80
  • editor.wordHighlightStrongBackground#B5AEA5B0
  • editorBracketMatch.background#B5AEA580
  • editorBracketMatch.border#706B6380
  • editorCodeLens.foreground#706B63
  • editorCursor.foreground#3D3A36
  • editorError.background#9D000600
  • editorError.foreground#9D0006
  • editorGroup.border#B5AEA5
  • editorGroup.dropBackground#CCC6BE60
  • editorGroupHeader.noTabsBackground#E5E1DC
  • editorGroupHeader.tabsBackground#D5D0C9
  • editorGutter.addedBackground#5C7A92A0
  • editorGutter.background#E5E1DC00
  • editorGutter.commentRangeForeground#706B63
  • editorGutter.deletedBackground#9D0006A0
  • editorGutter.modifiedBackground#076678A0
  • editorHint.foreground#8F3F71
  • editorHoverWidget.background#E5E1DC
  • editorHoverWidget.border#B5AEA5
  • editorIndentGuide.activeBackground1#706B6350
  • editorIndentGuide.background1#B5AEA550
  • editorInfo.background#07667800
  • editorInfo.foreground#076678
  • editorLightBulb.foreground#8B5A2D
  • editorLightBulbAutoFix.foreground#427B58
  • editorLineNumber.activeForeground#4A4741
  • editorLineNumber.foreground#9B958D
  • editorLink.activeForeground#5C7A92
  • editorMarkerNavigation.background#D5D0C9
  • editorMarkerNavigationError.background#9D000680
  • editorMarkerNavigationInfo.background#07667880
  • editorMarkerNavigationWarning.background#8B5A2D80
  • editorOverviewRuler.addedForeground#5C7A92A0
  • editorOverviewRuler.border#B5AEA500
  • editorOverviewRuler.commonContentForeground#706B63
  • editorOverviewRuler.currentContentForeground#076678
  • editorOverviewRuler.deletedForeground#9D0006A0
  • editorOverviewRuler.errorForeground#9D0006
  • editorOverviewRuler.findMatchForeground#5C7A9280
  • editorOverviewRuler.incomingContentForeground#5C7A92
  • editorOverviewRuler.infoForeground#8F3F71
  • editorOverviewRuler.modifiedForeground#076678A0
  • editorOverviewRuler.rangeHighlightForeground#5C7A9280
  • editorOverviewRuler.selectionHighlightForeground#5C7A9280
  • editorOverviewRuler.warningForeground#8B5A2D
  • editorOverviewRuler.wordHighlightForeground#706B6380
  • editorOverviewRuler.wordHighlightStrongForeground#706B6380
  • editorRuler.foreground#B5AEA5A0
  • editorSuggestWidget.background#E5E1DC
  • editorSuggestWidget.border#B5AEA5
  • editorSuggestWidget.foreground#3D3A36
  • editorSuggestWidget.highlightForeground#5C7A92
  • editorSuggestWidget.selectedBackground#CCC6BE
  • editorUnnecessaryCode.border#B5AEA5
  • editorUnnecessaryCode.opacity#00000060
  • editorWarning.background#8B5A2D00
  • editorWarning.foreground#8B5A2D
  • editorWhitespace.foreground#B5AEA5
  • editorWidget.background#E5E1DC
  • editorWidget.border#B5AEA5
  • editorWidget.foreground#3D3A36
  • errorForeground#9D0006
  • extensionBadge.remoteBackground#504945
  • extensionBadge.remoteForeground#FAF4ED
  • extensionButton.prominentBackground#504945
  • extensionButton.prominentForeground#FAF4ED
  • extensionButton.prominentHoverBackground#7C6F64
  • focusBorder#B5AEA500
  • foreground#4A4741
  • gitDecoration.addedResourceForeground#5C7A92A0
  • gitDecoration.conflictingResourceForeground#8F3F71A0
  • gitDecoration.deletedResourceForeground#9D0006A0
  • gitDecoration.ignoredResourceForeground#9B958D
  • gitDecoration.modifiedResourceForeground#076678A0
  • gitDecoration.stageDeletedResourceForeground#427B58A0
  • gitDecoration.stageModifiedResourceForeground#427B58A0
  • gitDecoration.submoduleResourceForeground#8B5C42A0
  • gitDecoration.untrackedResourceForeground#8B5A2DA0
  • icon.foreground#427B58
  • input.background#E5E1DC
  • input.border#B5AEA5
  • input.foreground#3D3A36
  • input.placeholderForeground#9B958D
  • inputOption.activeBorder#427B58
  • inputValidation.errorBackground#9D0006
  • inputValidation.errorBorder#9D0006
  • inputValidation.errorForeground#E5E1DC
  • inputValidation.infoBackground#076678
  • inputValidation.infoBorder#076678
  • inputValidation.infoForeground#E5E1DC
  • inputValidation.warningBackground#8B5A2D
  • inputValidation.warningBorder#8B5A2D
  • inputValidation.warningForeground#E5E1DC
  • list.activeSelectionBackground#CCC6BE
  • list.activeSelectionForeground#3D3A36
  • list.dropBackground#CCC6BE80
  • list.errorForeground#9D0006
  • list.focusBackground#CCC6BE
  • list.focusForeground#3D3A36
  • list.highlightForeground#5C7A92
  • list.hoverBackground#D5D0C9
  • list.hoverForeground#3D3A36
  • list.inactiveFocusBackground#CCC6BE80
  • list.inactiveSelectionBackground#CCC6BE80
  • list.inactiveSelectionForeground#4A4741
  • list.invalidItemForeground#9D0006
  • list.warningForeground#8B5A2D
  • menu.background#E5E1DC
  • menu.foreground#4A4741
  • menu.selectionBackground#CCC6BE
  • menu.selectionForeground#3D3A36
  • menubar.selectionBackground#CCC6BE
  • menubar.selectionBorder#CCC6BE
  • merge.border#B5AEA500
  • merge.currentContentBackground#07667840
  • merge.currentHeaderBackground#07667880
  • merge.incomingContentBackground#5C7A9240
  • merge.incomingHeaderBackground#5C7A9280
  • minimap.errorHighlight#9D000680
  • minimap.findMatchHighlight#5C7A9260
  • minimap.selectionHighlight#B5AEA5F0
  • minimap.warningHighlight#8B5A2D80
  • minimapGutter.addedBackground#5C7A92A0
  • minimapGutter.deletedBackground#9D0006A0
  • minimapGutter.modifiedBackground#076678A0
  • notebook.cellHoverBackground#D5D0C9
  • notebook.cellToolbarSeparator#B5AEA5
  • notebook.focusedCellBackground#D5D0C9
  • notebook.focusedCellBorder#B5AEA5
  • notebook.inactiveFocusedCellBorder#B5AEA5
  • notebook.outputContainerBackgroundColor#D5D0C9
  • notebook.selectedCellBorder#B5AEA5
  • notebookStatusErrorIcon.foreground#9D0006
  • notebookStatusRunningIcon.foreground#076678
  • notebookStatusSuccessIcon.foreground#5C7A92
  • notificationCenterHeader.background#D5D0C9
  • notificationCenterHeader.foreground#4A4741
  • notificationLink.foreground#5C7A92
  • notifications.background#E5E1DC
  • notifications.foreground#3D3A36
  • notificationsErrorIcon.foreground#9D0006
  • notificationsInfoIcon.foreground#076678
  • notificationsWarningIcon.foreground#8B5A2D
  • panel.background#E5E1DC
  • panel.border#B5AEA5
  • panelInput.border#B5AEA5
  • panelTitle.activeBorder#706B63
  • panelTitle.activeForeground#4A4741
  • panelTitle.inactiveForeground#706B63
  • peekView.border#B5AEA5
  • peekViewEditor.background#E5E1DC
  • peekViewEditor.matchHighlightBackground#8B5A2D50
  • peekViewEditorGutter.background#E5E1DC
  • peekViewResult.background#D5D0C9
  • peekViewResult.fileForeground#3D3A36
  • peekViewResult.lineForeground#4A4741
  • peekViewResult.matchHighlightBackground#8B5A2D50
  • peekViewResult.selectionBackground#CCC6BE
  • peekViewResult.selectionForeground#3D3A36
  • peekViewTitle.background#D5D0C9
  • peekViewTitleDescription.foreground#4A4741
  • peekViewTitleLabel.foreground#5C7A92
  • pickerGroup.border#B5AEA51A
  • problemsErrorIcon.foreground#9D0006
  • problemsInfoIcon.foreground#076678
  • problemsWarningIcon.foreground#8B5A2D
  • progressBar.background#5C7A92
  • quickInputList.focusBackground#CCC6BE
  • sash.hoverBorder#706B63
  • scrollbar.shadow#00000020
  • scrollbarSlider.activeBackground#706B63
  • scrollbarSlider.background#B5AEA580
  • scrollbarSlider.hoverBackground#B5AEA5
  • selection.background#B5AEA5D0
  • settings.checkboxBackground#E5E1DC
  • settings.checkboxBorder#B5AEA5
  • settings.checkboxForeground#8B5C42
  • settings.dropdownBackground#E5E1DC
  • settings.dropdownBorder#B5AEA5
  • settings.dropdownForeground#427B58
  • settings.focusedRowBackground#D5D0C9
  • settings.headerForeground#4A4741
  • settings.modifiedItemIndicator#706B63
  • settings.numberInputBackground#E5E1DC
  • settings.numberInputBorder#B5AEA5
  • settings.numberInputForeground#8F3F71
  • settings.textInputBackground#E5E1DC
  • settings.textInputBorder#B5AEA5
  • settings.textInputForeground#076678
  • sideBar.background#D5D0C9
  • sideBar.border#B5AEA5
  • sideBar.foreground#4A4741
  • sideBarSectionHeader.background#D5D0C900
  • sideBarSectionHeader.foreground#4A4741
  • sideBarTitle.foreground#4A4741
  • statusBar.background#D5D0C9
  • statusBar.border#B5AEA5
  • statusBar.debuggingBackground#D5D0C9
  • statusBar.debuggingForeground#8B5C42
  • statusBar.foreground#4A4741
  • statusBar.noFolderBackground#D5D0C9
  • statusBar.noFolderBorder#B5AEA5
  • statusBar.noFolderForeground#4A4741
  • statusBarItem.activeBackground#B5AEA5A0
  • statusBarItem.hoverBackground#CCC6BE
  • statusBarItem.prominentBackground#D5D0C9
  • statusBarItem.prominentForeground#3D3A36
  • statusBarItem.prominentHoverBackground#B5AEA5A0
  • statusBarItem.remoteBackground#D5D0C9
  • statusBarItem.remoteForeground#4A4741
  • symbolIcon.arrayForeground#076678
  • symbolIcon.booleanForeground#8F3F71
  • symbolIcon.classForeground#8B5A2D
  • symbolIcon.colorForeground#3D3A36
  • symbolIcon.constantForeground#427B58
  • symbolIcon.constructorForeground#8F3F71
  • symbolIcon.enumeratorForeground#8F3F71
  • symbolIcon.enumeratorMemberForeground#427B58
  • symbolIcon.eventForeground#8B5A2D
  • symbolIcon.fieldForeground#3D3A36
  • symbolIcon.fileForeground#3D3A36
  • symbolIcon.folderForeground#3D3A36
  • symbolIcon.functionForeground#5C7A92
  • symbolIcon.interfaceForeground#8B5A2D
  • symbolIcon.keyForeground#5C7A92
  • symbolIcon.keywordForeground#9D0006
  • symbolIcon.methodForeground#5C7A92
  • symbolIcon.moduleForeground#8F3F71
  • symbolIcon.namespaceForeground#8F3F71
  • symbolIcon.nullForeground#427B58
  • symbolIcon.numberForeground#8F3F71
  • symbolIcon.objectForeground#8F3F71
  • symbolIcon.operatorForeground#8B5C42
  • symbolIcon.packageForeground#8F3F71
  • symbolIcon.propertyForeground#427B58
  • symbolIcon.referenceForeground#076678
  • symbolIcon.snippetForeground#3D3A36
  • symbolIcon.stringForeground#5C7A92
  • symbolIcon.structForeground#8B5A2D
  • symbolIcon.textForeground#3D3A36
  • symbolIcon.typeParameterForeground#427B58
  • symbolIcon.unitForeground#3D3A36
  • symbolIcon.variableForeground#076678
  • tab.activeBackground#E5E1DC
  • tab.activeBorder#706B63
  • tab.activeForeground#3D3A36
  • tab.border#B5AEA5
  • tab.hoverBackground#E5E1DC
  • tab.hoverForeground#3D3A36
  • tab.inactiveBackground#D5D0C9
  • tab.inactiveForeground#706B63
  • tab.lastPinnedBorder#706B63
  • tab.unfocusedActiveBorder#9B958D
  • tab.unfocusedActiveForeground#4A4741
  • tab.unfocusedHoverForeground#3D3A36
  • tab.unfocusedInactiveForeground#706B63
  • terminal.ansiBlack#3D3A36
  • terminal.ansiBlue#076678
  • terminal.ansiBrightBlack#706B63
  • terminal.ansiBrightBlue#076678
  • terminal.ansiBrightCyan#427B58
  • terminal.ansiBrightGreen#5C7A92
  • terminal.ansiBrightMagenta#8F3F71
  • terminal.ansiBrightRed#9D0006
  • terminal.ansiBrightWhite#3D3A36
  • terminal.ansiBrightYellow#8B5A2D
  • terminal.ansiCyan#427B58
  • terminal.ansiGreen#5C7A92
  • terminal.ansiMagenta#8F3F71
  • terminal.ansiRed#9D0006
  • terminal.ansiWhite#4A4741
  • terminal.ansiYellow#8B5A2D
  • terminal.background#E5E1DC
  • terminal.foreground#3D3A36
  • terminalCursor.foreground#3D3A36
  • testing.iconErrored#9D0006
  • testing.iconFailed#9D0006
  • testing.iconPassed#427B58
  • testing.iconQueued#076678
  • testing.iconSkipped#8F3F71
  • testing.iconUnset#8B5A2D
  • testing.runAction#427B58
  • textBlockQuote.background#D5D0C9
  • textBlockQuote.border#706B63
  • textCodeBlock.background#D5D0C9
  • textLink.activeForeground#5C7A92
  • textLink.foreground#5C7A92
  • titleBar.activeBackground#D5D0C9
  • titleBar.activeForeground#4A4741
  • titleBar.border#B5AEA5
  • titleBar.inactiveBackground#D5D0C9
  • titleBar.inactiveForeground#706B63
  • tree.indentGuidesStroke#B5AEA5
  • widget.shadow#00000020

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
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#9D0006
keyword.other.debugger#9D0006
storage, modifier, keyword.var, entity.name.tag, keyword.control.case, keyword.control.switch#8B5C42
keyword.operator#8B5C42
string, punctuation.definition.string.end, punctuation.definition.string.begin, punctuation.definition.string.template.begin, punctuation.definition.string.template.end#8B5A2D
entity.other.attribute-name#8B5A2D
constant.character.escape, punctuation.quasi.element, punctuation.definition.template-expression, punctuation.section.embedded, storage.type.format, constant.other.placeholder, constant.other.placeholder, variable.interpolation#5C7A92
entity.name.function, support.function, meta.function, meta.function-call, meta.definition.method#5C7A92
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#427B58
storage.type.annotation#427B58
entity.name.label, constant.other.label#427B58
support.module, support.node, support.other.module, support.type.object.module, entity.name.type.module, entity.name.type.class.module, keyword.control.module#427B58
storage.type, support.type, entity.name.type, keyword.type#076678
entity.name.type.class, support.class, entity.name.class, entity.other.inherited-class, storage.class#076678
constant.numeric#8F3F71
constant.language.boolean#8F3F71
entity.name.function.preprocessor#8F3F71
variable.language.this, variable.language.self, variable.language.super, keyword.other.this, variable.language.special, constant.language.null, constant.language.undefined, constant.language.nan#8F3F71
constant.language, support.constant#8F3F71
variable, support.variable, meta.definition.variable#3D3A36
variable.object.property, support.variable.property, variable.other.property, variable.other.object.property, variable.other.enummember, variable.other.member, meta.object-literal.key#3D3A36
punctuation, meta.brace, meta.delimiter, meta.bracket#3D3A36
heading.1.markdown, markup.heading.setext.1.markdown#9D0006bold
heading.2.markdown, markup.heading.setext.2.markdown#8B5C42bold
heading.3.markdown#8B5A2Dbold
heading.4.markdown#5C7A92bold
heading.5.markdown#076678bold
heading.6.markdown#8F3F71bold
punctuation.definition.heading.markdown#706B63
string.other.link.title.markdown, constant.other.reference.link.markdown, string.other.link.description.markdown#8F3F71
markup.underline.link.image.markdown, markup.underline.link.markdown#5C7A92underline
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#706B63
punctuation.definition.bold.markdown#706B63
meta.separator.markdown, punctuation.definition.constant.begin.markdown, punctuation.definition.constant.end.markdown#706B63bold
markup.italicitalic
markup.boldbold
markup.bold markup.italic, markup.italic markup.bolditalic bold
punctuation.definition.markdown, punctuation.definition.raw.markdown#8B5A2D
fenced_code.block.language#8B5A2D
markup.fenced_code.block.markdown, markup.inline.raw.string.markdown#5C7A92
punctuation.definition.list.begin.markdown#9D0006
punctuation.definition.heading.restructuredtext#8B5C42bold
punctuation.definition.field.restructuredtext, punctuation.separator.key-value.restructuredtext, punctuation.definition.directive.restructuredtext, punctuation.definition.constant.restructuredtext, punctuation.definition.italic.restructuredtext, punctuation.definition.table.restructuredtext#706B63
punctuation.definition.bold.restructuredtext#706B63
entity.name.tag.restructuredtext, punctuation.definition.link.restructuredtext, punctuation.definition.raw.restructuredtext, punctuation.section.raw.restructuredtext#427B58
constant.other.footnote.link.restructuredtext#8F3F71
support.directive.restructuredtext#9D0006
entity.name.directive.restructuredtext, markup.raw.restructuredtext, markup.raw.inner.restructuredtext, string.other.link.title.restructuredtext#5C7A92
punctuation.definition.function.latex, punctuation.definition.function.tex, punctuation.definition.keyword.latex, constant.character.newline.tex, punctuation.definition.keyword.tex#706B63
support.function.be.latex#9D0006
support.function.section.latex, keyword.control.table.cell.latex, keyword.control.table.newline.latex#8B5C42
support.class.latex, variable.parameter.latex, variable.parameter.function.latex, variable.parameter.definition.label.latex, constant.other.reference.label.latex#8B5A2D
keyword.control.preamble.latex#8F3F71
punctuation.separator.namespace.xml#706B63
entity.name.tag.html, entity.name.tag.xml, entity.name.tag.localname.xml#8B5C42
entity.other.attribute-name.html, entity.other.attribute-name.xml, entity.other.attribute-name.localname.xml#8B5A2D
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#5C7A92
variable.language.documentroot.xml, meta.tag.sgml.doctype.xml#8F3F71
storage.type.proto#8B5A2D
string.quoted.double.proto.syntax, string.quoted.single.proto.syntax, string.quoted.double.proto, string.quoted.single.proto#5C7A92
entity.name.class.proto, entity.name.class.message.proto#427B58
punctuation.definition.entity.css, punctuation.separator.key-value.css, punctuation.terminator.rule.css, punctuation.separator.list.comma.css#706B63
entity.other.attribute-name.class.css#9D0006
keyword.other.unit#8B5C42
entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css#8B5A2D
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#5C7A92
support.type.property-name.css#427B58
support.type.vendored.property-name.css#076678
entity.name.tag.css, entity.other.keyframe-offset.css, punctuation.definition.keyword.css, keyword.control.at-rule.keyframes.css, meta.selector.css#8F3F71
punctuation.definition.entity.scss, punctuation.separator.key-value.scss, punctuation.terminator.rule.scss, punctuation.separator.list.comma.scss#706B63
keyword.control.at-rule.keyframes.scss#8B5C42
punctuation.definition.interpolation.begin.bracket.curly.scss, punctuation.definition.interpolation.end.bracket.curly.scss#8B5A2D
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#5C7A92
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#8F3F71
meta.function.stylus#3D3A36
entity.name.function.stylus#8B5A2D
string.unquoted.js#3D3A36
punctuation.accessor.js, punctuation.separator.key-value.js, punctuation.separator.label.js, keyword.operator.accessor.js#706B63
punctuation.definition.block.tag.jsdoc#9D0006
storage.type.js, storage.type.function.arrow.js#8B5C42
JSXNested#3D3A36
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#5C7A92
entity.name.type.module.ts#3D3A36
keyword.operator.type.annotation.ts, punctuation.accessor.ts, punctuation.separator.key-value.ts#706B63
punctuation.definition.tag.directive.ts, entity.other.attribute-name.directive.ts#5C7A92
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#427B58
storage.type.ts, storage.type.function.arrow.ts, storage.type.type.ts#8B5C42
entity.name.type.module.ts#076678
keyword.control.import.ts, keyword.control.export.ts, storage.type.namespace.ts#8F3F71
entity.name.type.module.tsx#3D3A36
keyword.operator.type.annotation.tsx, punctuation.accessor.tsx, punctuation.separator.key-value.tsx#706B63
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#5C7A92
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#427B58
entity.name.type.module.tsx#076678
keyword.control.import.tsx, keyword.control.export.tsx, storage.type.namespace.tsx#8F3F71
storage.type.tsx, storage.type.function.arrow.tsx, storage.type.type.tsx, support.class.component.tsx#8B5C42
storage.type.function.coffee#8B5C42
meta.type-signature.purescript#3D3A36
keyword.other.double-colon.purescript, keyword.other.arrow.purescript, keyword.other.big-arrow.purescript#8B5C42
entity.name.function.purescript#8B5A2D
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#5C7A92
support.other.module.purescript#8F3F71
punctuation.dot.dart#706B63
storage.type.primitive.dart#8B5C42
support.class.dart#8B5A2D
entity.name.function.dart, string.interpolated.single.dart, string.interpolated.double.dart#5C7A92
variable.language.dart#076678
keyword.other.import.dart, storage.type.annotation.dart#8F3F71
entity.other.attribute-name.class.pug#9D0006
storage.type.function.pug#8B5C42
entity.other.attribute-name.tag.pug#427B58
entity.name.tag.pug, storage.type.import.include.pug#8F3F71
meta.function-call.c, storage.modifier.array.bracket.square.c, meta.function.definition.parameters.c#3D3A36
punctuation.separator.dot-access.c, constant.character.escape.line-continuation.c#706B63
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, keyword.control.directive.conditional.ifdef.c, keyword.control.directive.endif.c, keyword.control.directive.conditional.ifndef.c, keyword.control.directive.conditional.if.c, keyword.control.directive.else.c#9D0006
punctuation.separator.pointer-access.c#8B5C42
variable.other.member.c#427B58
meta.function-call.cpp, storage.modifier.array.bracket.square.cpp, meta.function.definition.parameters.cpp, meta.body.function.definition.cpp#3D3A36
punctuation.separator.dot-access.cpp, constant.character.escape.line-continuation.cpp#706B63
keyword.control.directive.include.cpp, punctuation.definition.directive.cpp, keyword.control.directive.pragma.cpp, keyword.control.directive.line.cpp, keyword.control.directive.define.cpp, keyword.control.directive.conditional.cpp, keyword.control.directive.diagnostic.error.cpp, keyword.control.directive.undef.cpp, keyword.control.directive.conditional.ifdef.cpp, keyword.control.directive.endif.cpp, keyword.control.directive.conditional.ifndef.cpp, keyword.control.directive.conditional.if.cpp, keyword.control.directive.else.cpp, storage.type.namespace.definition.cpp, keyword.other.using.directive.cpp, storage.type.struct.cpp#9D0006
punctuation.separator.pointer-access.cpp, punctuation.section.angle-brackets.begin.template.call.cpp, punctuation.section.angle-brackets.end.template.call.cpp#8B5C42
variable.other.member.cpp#427B58
keyword.other.using.cs#9D0006
keyword.type.cs, constant.character.escape.cs, punctuation.definition.interpolation.begin.cs, punctuation.definition.interpolation.end.cs#8B5A2D
string.quoted.double.cs, string.quoted.single.cs, punctuation.definition.string.begin.cs, punctuation.definition.string.end.cs#5C7A92
variable.other.object.property.cs#427B58
entity.name.type.namespace.cs#8F3F71
keyword.symbol.fsharp, constant.language.unit.fsharp#3D3A36
keyword.format.specifier.fsharp, entity.name.type.fsharp#8B5A2D
string.quoted.double.fsharp, string.quoted.single.fsharp, punctuation.definition.string.begin.fsharp, punctuation.definition.string.end.fsharp#5C7A92
entity.name.section.fsharp#076678
support.function.attribute.fsharp#8F3F71
punctuation.separator.java, punctuation.separator.period.java#706B63
keyword.other.import.java, keyword.other.package.java#9D0006
storage.type.function.arrow.java, keyword.control.ternary.java#8B5C42
variable.other.property.java#427B58
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#8F3F71
keyword.other.import.kotlin#9D0006
storage.type.kotlin#8B5C42
constant.language.kotlin#427B58
entity.name.package.kotlin, storage.type.annotation.kotlin#8F3F71
entity.name.package.scala#8F3F71
constant.language.scala#076678
entity.name.import.scala#427B58
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#5C7A92
entity.name.class, entity.other.inherited-class.scala#8B5A2D
keyword.declaration.stable.scala, keyword.other.arrow.scala#8B5C42
keyword.other.import.scala#9D0006
keyword.operator.navigation.groovy, meta.method.body.java, meta.definition.method.groovy, meta.definition.method.signature.java#3D3A36
punctuation.separator.groovy#706B63
keyword.other.import.groovy, keyword.other.package.groovy, keyword.other.import.static.groovy#9D0006
storage.type.def.groovy#8B5C42
variable.other.interpolated.groovy, meta.method.groovy#5C7A92
storage.modifier.import.groovy, storage.modifier.package.groovy#427B58
storage.type.annotation.groovy#8F3F71
keyword.type.go#9D0006
entity.name.package.go#427B58
keyword.import.go, keyword.package.go#8F3F71
entity.name.type.mod.rust#3D3A36
keyword.operator.path.rust, keyword.operator.member-access.rust#706B63
storage.type.rust#8B5C42
support.constant.core.rust#427B58
meta.attribute.rust, variable.language.rust, storage.type.module.rust#8F3F71
meta.function-call.swift, support.function.any-method.swift#3D3A36
support.variable.swift#427B58
keyword.operator.class.php#3D3A36
storage.type.trait.php#8B5C42
constant.language.php, support.other.namespace.php#427B58
storage.type.modifier.access.control.public.cpp, storage.type.modifier.access.control.private.cpp#076678
keyword.control.import.include.php, storage.type.php#8F3F71
meta.function-call.arguments.python#3D3A36
punctuation.definition.decorator.python, punctuation.separator.period.python#706B63
constant.language.python#427B58
keyword.control.import.python, keyword.control.import.from.python#8F3F71
constant.language.lua#427B58
entity.name.class.lua#076678
meta.function.method.with-arguments.ruby#3D3A36
punctuation.separator.method.ruby#706B63
keyword.control.pseudo-method.ruby, storage.type.variable.ruby#8B5C42
keyword.other.special-method.ruby#5C7A92
keyword.control.module.ruby, punctuation.definition.constant.ruby#8F3F71
string.regexp.character-class.ruby,string.regexp.interpolated.ruby,punctuation.definition.character-class.ruby,string.regexp.group.ruby, punctuation.section.regexp.ruby, punctuation.definition.group.ruby#8B5A2D
variable.other.constant.ruby#076678
keyword.other.arrow.haskell, keyword.other.big-arrow.haskell, keyword.other.double-colon.haskell#8B5C42
storage.type.haskell#8B5A2D
constant.other.haskell, string.quoted.double.haskell, string.quoted.single.haskell, punctuation.definition.string.begin.haskell, punctuation.definition.string.end.haskell#5C7A92
entity.name.function.haskell#076678
entity.name.namespace, meta.preprocessor.haskell#427B58
keyword.control.import.julia, keyword.control.export.julia#9D0006
keyword.storage.modifier.julia#8B5C42
constant.language.julia#427B58
support.function.macro.julia#8F3F71
keyword.other.period.elm#3D3A36
storage.type.elm#8B5A2D
keyword.other.r#8B5C42
entity.name.function.r, variable.function.r#5C7A92
constant.language.r#427B58
entity.namespace.r#8F3F71
punctuation.separator.module-function.erlang, punctuation.section.directive.begin.erlang#706B63
keyword.control.directive.erlang, keyword.control.directive.define.erlang#9D0006
entity.name.type.class.module.erlang#8B5A2D
string.quoted.double.erlang, string.quoted.single.erlang, punctuation.definition.string.begin.erlang, punctuation.definition.string.end.erlang#5C7A92
keyword.control.directive.export.erlang, keyword.control.directive.module.erlang, keyword.control.directive.import.erlang, keyword.control.directive.behaviour.erlang#8F3F71
variable.other.readwrite.module.elixir, punctuation.definition.variable.elixir#427B58
constant.language.elixir#076678
keyword.control.module.elixir#8F3F71
entity.name.type.value-signature.ocaml#3D3A36
keyword.other.ocaml#8B5C42
constant.language.variant.ocaml#427B58
storage.type.sub.perl, storage.type.declare.routine.perl#9D0006
meta.function.lisp#3D3A36
storage.type.function-type.lisp#9D0006
keyword.constant.lisp#5C7A92
entity.name.function.lisp#427B58
constant.keyword.clojure, support.variable.clojure, meta.definition.variable.clojure#5C7A92
entity.global.clojure#8F3F71
entity.name.function.clojure#076678
meta.scope.if-block.shell, meta.scope.group.shell#3D3A36
support.function.builtin.shell, entity.name.function.shell#8B5A2D
string.quoted.double.shell, string.quoted.single.shell, punctuation.definition.string.begin.shell, punctuation.definition.string.end.shell, string.unquoted.heredoc.shell#5C7A92
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#8F3F71
support.function.builtin.fish#9D0006
support.function.unix.fish#8B5C42
variable.other.normal.fish, punctuation.definition.variable.fish, variable.other.fixed.fish, variable.other.special.fish#076678
string.quoted.double.fish, punctuation.definition.string.end.fish, punctuation.definition.string.begin.fish, string.quoted.single.fish#5C7A92
constant.character.escape.single.fish#8F3F71
punctuation.definition.variable.powershell#706B63
entity.name.function.powershell, support.function.attribute.powershell, support.function.powershell#8B5A2D
string.quoted.single.powershell, string.quoted.double.powershell, punctuation.definition.string.begin.powershell, punctuation.definition.string.end.powershell, string.quoted.double.heredoc.powershell#5C7A92
variable.other.member.powershell#427B58
string.unquoted.alias.graphql#3D3A36
keyword.type.graphql#9D0006
entity.name.fragment.graphql#8F3F71
entity.name.function.target.makefile#8B5C42
variable.other.makefile#8B5A2D
meta.scope.prerequisites.makefile#5C7A92
string.source.cmake#5C7A92
entity.source.cmake#427B58
storage.source.cmake#8F3F71
punctuation.definition.map.viml#706B63
storage.type.map.viml#8B5C42
constant.character.map.viml, constant.character.map.key.viml#5C7A92
constant.character.map.special.viml#076678
constant.language.tmux, constant.numeric.tmux#5C7A92
entity.name.function.package-manager.dockerfile#8B5C42
keyword.operator.flag.dockerfile#8B5A2D
string.quoted.double.dockerfile, string.quoted.single.dockerfile#5C7A92
constant.character.escape.dockerfile#427B58
entity.name.type.base-image.dockerfile, entity.name.image.dockerfile#8F3F71
punctuation.definition.separator.diff#706B63
markup.deleted.diff, punctuation.definition.deleted.diff#9D0006
meta.diff.range.context, punctuation.definition.range.diff#8B5C42
meta.diff.header.from-file#8B5A2D
markup.inserted.diff, punctuation.definition.inserted.diff#5C7A92
markup.changed.diff, punctuation.definition.changed.diff#076678
punctuation.definition.from-file.diff#8F3F71
entity.name.section.group-title.ini, punctuation.definition.entity.ini#9D0006
punctuation.separator.key-value.ini#8B5C42
string.quoted.double.ini, string.quoted.single.ini, punctuation.definition.string.begin.ini, punctuation.definition.string.end.ini#5C7A92
keyword.other.definition.ini#427B58
support.function.aggregate.sql#8B5A2D
string.quoted.single.sql, punctuation.definition.string.end.sql, punctuation.definition.string.begin.sql, string.quoted.double.sql#5C7A92
support.type.graphql#8B5A2D
variable.parameter.graphql#076678
constant.character.enum.graphql#427B58
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, punctuation.separator.array.json#706B63
support.type.property-name.json#8B5C42
string.quoted.double.json#5C7A92
punctuation.separator.key-value.mapping.yaml#706B63
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, string.unquoted.block.yaml#5C7A92
punctuation.definition.anchor.yaml, punctuation.definition.block.sequence.item.yaml#427B58
keyword.key.toml#8B5C42
string.quoted.single.basic.line.toml, string.quoted.single.literal.line.toml, punctuation.definition.keyValuePair.toml#5C7A92
constant.other.boolean.toml#076678
entity.other.attribute-name.table.toml, punctuation.definition.table.toml, entity.other.attribute-name.table.array.toml, punctuation.definition.table.array.toml#8F3F71
comment, string.comment, punctuation.definition.comment#706B63italic
source.solidity storage.type.contract, source.solidity storage.type.interface, source.solidity storage.type.library, source.solidity storage.type.struct, source.solidity storage.type.enum#9D0006
source.solidity entity.name.type.contract, source.solidity entity.name.type.interface, source.solidity entity.name.type.library, source.solidity entity.name.type.struct, source.solidity entity.name.type.enum, source.solidity entity.name.type.event, source.solidity entity.name.type.error#076678
source.solidity storage.type.modifier.extendedscope#8F3F71
source.solidity storage.type.function, source.solidity entity.name.function#5C7A92
source.solidity storage.type.modifier.access, source.solidity storage.type.modifier.payable, source.solidity storage.type.modifier.readonly#8B5C42
source.solidity support.type.primitive#8B5A2D
source.solidity keyword.control.import, source.solidity keyword.control.pragma, source.solidity keyword.control.using, source.solidity keyword.control.flow#427B58
token.info-token#076678
token.warn-token#8B5A2D
token.error-token#9D0006
token.debug-token#8F3F71

Shiki preview

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

Loading...

Dark Rock Theme by Luke O'Malley - VS Code Theme