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#2f2f3d
  • activityBar.activeBorder#e3e1e3
  • activityBar.background#1d1d26
  • activityBar.border#4e4c63
  • activityBar.dropBorder#e3e1e3
  • activityBar.foreground#d0d0d6
  • activityBar.inactiveForeground#999899
  • activityBarBadge.background#904ac2
  • activityBarBadge.foreground#d6d6dd
  • badge.background#904ac2
  • badge.foreground#d6d6dd
  • breadcrumb.activeSelectionForeground#d6d6dd
  • breadcrumb.background#1d1d26
  • breadcrumb.focusForeground#d6d6dd
  • breadcrumb.foreground#676767
  • button.background#904ac2
  • button.foreground#d6d6dd
  • button.hoverBackground#359dff
  • button.secondaryBackground#2c2c3b
  • button.secondaryForeground#d6d6dd
  • button.secondaryHoverBackground#303030
  • checkbox.background#2c2c3b
  • checkbox.border#4f4f4f
  • checkbox.foreground#d6d6dd
  • commandCenter.activeBackground#2c2c3b
  • commandCenter.background#2c2c3b
  • commandCenter.foreground#c1c1c1
  • debugExceptionWidget.background#2c2c3b
  • debugExceptionWidget.border#313131
  • debugToolBar.background#343334
  • debugToolBar.border#313131
  • diffEditor.border#313131
  • diffEditor.insertedTextBackground#e0957b09
  • diffEditor.insertedTextBorder#d6d6dd00
  • diffEditor.removedTextBackground#f14c4c10
  • diffEditor.removedTextBorder#d6d6dd00
  • dropdown.background#2c2c3b
  • dropdown.border#d6d6dd00
  • dropdown.foreground#d6d6dd
  • editor.background#1d1d26
  • editor.findMatchBackground#15ac9170
  • editor.findMatchBorder#d6d6dd00
  • editor.findMatchHighlightBackground#7e999250
  • editor.findMatchHighlightBorder#d7d7dd02
  • editor.findRangeHighlightBackground#2c2c3b
  • editor.findRangeHighlightBorder#d6d6dd00
  • editor.foldBackground#2c2c3b
  • editor.foreground#d6d6dd
  • editor.hoverHighlightBackground#2c2c3b70
  • editor.inactiveSelectionBackground#4e4c63
  • editor.lineHighlightBackground#2c2c3b
  • editor.lineHighlightBorder#d6d6dd00
  • editor.rangeHighlightBackground#2c2c3b
  • editor.rangeHighlightBorder#31313100
  • editor.selectionBackground#904ac2
  • editor.selectionHighlightBackground#904ac2
  • editor.selectionHighlightBorder#d6d6dd00
  • editor.wordHighlightBackground#ff000000
  • editor.wordHighlightBorder#d6d6dd00
  • editor.wordHighlightStrongBackground#904ac270
  • editor.wordHighlightStrongBorder#d6d6dd00
  • editorBracketMatch.background#904ac2
  • editorBracketMatch.border#d6d6dd00
  • editorCodeLens.foreground#d6d6dd
  • editorCursor.background#0c0c0c
  • editorCursor.foreground#d6d6dd
  • editorError.background#b73a3400
  • editorError.border#d6d6dd00
  • editorError.foreground#f14c4c
  • editorGroup.border#313131
  • editorGroup.emptyBackground#0c0c0c
  • editorGroupHeader.border#d6d6dd00
  • editorGroupHeader.tabsBackground#2c2c3b
  • editorGroupHeader.tabsBorder#d6d6dd00
  • editorGutter.addedBackground#15ac91
  • editorGutter.background#1d1d26
  • editorGutter.commentRangeForeground#d6d6dd
  • editorGutter.deletedBackground#f14c4c
  • editorGutter.foldingControlForeground#d6d6dd
  • editorGutter.modifiedBackground#e5b95c
  • editorHoverWidget.background#2c2c3b
  • editorHoverWidget.border#313131
  • editorHoverWidget.foreground#d6d6dd
  • editorIndentGuide.activeBackground#737377
  • editorIndentGuide.background#313131
  • editorInfo.background#d6d6dd00
  • editorInfo.border#d6d6dd00
  • editorInfo.foreground#904ac2
  • editorInlayHint.background#2b2b2b
  • editorInlayHint.foreground#838383
  • editorLineNumber.activeForeground#6d6d6d
  • editorLineNumber.foreground#535353
  • editorLink.activeForeground#904ac2
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f14c4c
  • editorMarkerNavigationInfo.background#4c9df3
  • editorMarkerNavigationWarning.background#e5b95c
  • editorRuler.foreground#313131
  • editorSuggestWidget.background#2c2c3b
  • editorSuggestWidget.border#313131
  • editorSuggestWidget.foreground#d6d6dd
  • editorSuggestWidget.highlightForeground#d6d6dd
  • editorSuggestWidget.selectedBackground#904ac2
  • editorWarning.background#a9904000
  • editorWarning.border#d6d6dd00
  • editorWarning.foreground#ea7620
  • editorWhitespace.foreground#737373
  • editorWidget.background#1f1e1f
  • editorWidget.foreground#d6d6dd
  • editorWidget.resizeBorder#ea7620
  • focusBorder#d6d6dd00
  • foreground#d6d6dd
  • gitDecoration.addedResourceForeground#5a964d
  • gitDecoration.conflictingResourceForeground#c3c1cb
  • gitDecoration.deletedResourceForeground#f14c4c
  • gitDecoration.ignoredResourceForeground#666666
  • gitDecoration.modifiedResourceForeground#6897bb
  • gitDecoration.stageDeletedResourceForeground#f14c4c
  • gitDecoration.stageModifiedResourceForeground#6897bb
  • gitDecoration.submoduleResourceForeground#4d9ef5
  • gitDecoration.untrackedResourceForeground#e5b95c
  • icon.foreground#d6d6dd
  • input.background#2c2c3b
  • input.border#d6d6dd00
  • input.foreground#d6d6dd
  • input.placeholderForeground#7b7b7b
  • inputOption.activeBackground#de3c72
  • inputOption.activeBorder#d6d6dd00
  • inputOption.activeForeground#d6d6dd
  • list.activeSelectionBackground#904ac2
  • list.activeSelectionForeground#d6d6dd
  • list.dropBackground#d6d6dd00
  • list.focusBackground#2c2c3b
  • list.focusForeground#d6d6dd
  • list.highlightForeground#d6d6dd
  • list.hoverBackground#2c2c3b
  • list.hoverForeground#d6d6dd
  • list.inactiveSelectionBackground#2c2c3b
  • list.inactiveSelectionForeground#d6d6dd
  • listFilterWidget.background#2c2c3b
  • listFilterWidget.noMatchesOutline#f14c4c
  • listFilterWidget.outline#00000000
  • menu.background#2c2c3b
  • menu.border#4e4c63
  • menu.foreground#d6d6dd
  • menu.selectionBackground#713a91
  • menu.selectionBorder#00000000
  • menu.selectionForeground#d6d6dd
  • menu.separatorBackground#464646
  • menubar.selectionBackground#d6d6dd3f
  • menubar.selectionBorder#4e4c63
  • menubar.selectionForeground#d6d6dd
  • merge.commonContentBackground#2c2c3b
  • merge.commonHeaderBackground#323232
  • merge.currentContentBackground#1a493d
  • merge.currentHeaderBackground#e0957b95
  • merge.incomingContentBackground#28384b
  • merge.incomingHeaderBackground#395f8f
  • minimap.background#0c0c0c
  • minimap.errorHighlight#f14c4c
  • minimap.findMatchHighlight#15ac9170
  • minimap.selectionHighlight#4e4c63
  • minimap.warningHighlight#ea7620
  • minimapGutter.addedBackground#15ac91
  • minimapGutter.deletedBackground#f14c4c
  • minimapGutter.modifiedBackground#e5b95c
  • notificationCenter.border#2c2c2c
  • notificationCenterHeader.background#2c2c2c
  • notificationCenterHeader.foreground#d6d6dd
  • notifications.background#2c2c3b
  • notifications.border#2c2c2c
  • notifications.foreground#d6d6dd
  • notificationsErrorIcon.foreground#f14c4c
  • notificationsInfoIcon.foreground#904ac2
  • notificationsWarningIcon.foreground#ea7620
  • notificationToast.border#313131
  • panel.background#1d1d26
  • panel.border#4e4c63
  • panelSection.border#313131
  • panelTitle.activeBorder#d6d6dd
  • panelTitle.activeForeground#d6d6dd
  • panelTitle.inactiveForeground#d6d6dd
  • peekView.border#313131
  • peekViewEditor.background#001f33
  • peekViewEditor.matchHighlightBackground#ea762070
  • peekViewEditor.matchHighlightBorder#d6d6dd00
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#2c2c3b
  • peekViewResult.fileForeground#d6d6dd
  • peekViewResult.lineForeground#d6d6dd
  • peekViewResult.matchHighlightBackground#ea762070
  • peekViewResult.selectionBackground#4e4c63
  • peekViewResult.selectionForeground#d6d6dd
  • peekViewTitle.background#2c2c3b
  • peekViewTitleDescription.foreground#d6d6dd
  • peekViewTitleLabel.foreground#d6d6dd
  • pickerGroup.border#313131
  • pickerGroup.foreground#d6d6dd
  • progressBar.background#15ac91
  • quickInput.background#2c2c3b
  • quickInput.foreground#d6d6dd
  • quickInputList.focusBackground#904ac2
  • quickInputList.focusForeground#d6d6dd
  • quickInputTitle.background#2c2c3b
  • scrollbar.shadow#00d6dd00
  • scrollbarSlider.activeBackground#0077777d
  • scrollbarSlider.background#4a4a51
  • scrollbarSlider.hoverBackground#77777d
  • selection.background#904ac2
  • settings.focusedRowBackground#d6d6dd07
  • settings.headerForeground#d6d6dd
  • sideBar.background#1d1d26
  • sideBar.border#4e4c63
  • sideBar.dropBackground#d6d6dd00
  • sideBar.foreground#d6d6dd
  • sideBarSectionHeader.background#1d1d26
  • sideBarSectionHeader.border#2a2a2a
  • sideBarSectionHeader.foreground#d6d6dd
  • sideBarTitle.foreground#d6d6dd
  • statusBar.background#1d1d26
  • statusBar.border#4e4c63
  • statusBar.debuggingBackground#1d1d26
  • statusBar.debuggingBorder#4e4c63
  • statusBar.debuggingForeground#e7e7e7
  • statusBar.foreground#d6d6dd
  • statusBar.noFolderBackground#1d1d26
  • statusBar.noFolderBorder#4e4c63
  • statusBar.noFolderForeground#6b6b6b
  • statusBarItem.activeBackground#d6d6dd25
  • statusBarItem.hoverBackground#d6d6dd20
  • statusBarItem.remoteBackground#1d1d26
  • statusBarItem.remoteForeground#d6d6dd
  • tab.activeBackground#1d1d26
  • tab.activeBorder#d6d6dd00
  • tab.activeBorderTop#904ac2
  • tab.activeForeground#d6d6dd
  • tab.border#d6d6dd00
  • tab.hoverBorder#6d6d7071
  • tab.hoverForeground#d6d6dd
  • tab.inactiveBackground#2c2c3b
  • tab.inactiveForeground#d6d6dd
  • terminal.ansiBlack#676767
  • terminal.ansiBlue#4c9df3
  • terminal.ansiBrightBlack#676767
  • terminal.ansiBrightBlue#4c9df3
  • terminal.ansiBrightCyan#75d3ba
  • terminal.ansiBrightGreen#15ac91
  • terminal.ansiBrightMagenta#e567dc
  • terminal.ansiBrightRed#f14c4c
  • terminal.ansiBrightWhite#d6d6dd
  • terminal.ansiBrightYellow#e5b95c
  • terminal.ansiCyan#75d3ba
  • terminal.ansiGreen#15ac91
  • terminal.ansiMagenta#e567dc
  • terminal.ansiRed#f14c4c
  • terminal.ansiWhite#d6d6dd
  • terminal.ansiYellow#e5b95c
  • terminal.background#1d1d26
  • terminal.border#313131
  • terminal.foreground#d6d6dd
  • terminal.selectionBackground#636262fd
  • terminalCursor.background#2c2c3b
  • terminalCursor.foreground#d6d6dd
  • textLink.foreground#904ac2
  • titleBar.activeBackground#2c2c3b
  • titleBar.activeForeground#d0d0d9
  • titleBar.border#383838
  • titleBar.inactiveBackground#2c2c3b
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#d6d6dd00
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#11111120
  • window.inactiveBorder#4e4c63

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
punctuation.definition.delayed.unison,punctuation.definition.list.begin.unison,punctuation.definition.list.end.unison,punctuation.definition.ability.begin.unison,punctuation.definition.ability.end.unison,punctuation.operator.assignment.as.unison,punctuation.separator.pipe.unison,punctuation.separator.delimiter.unison,punctuation.definition.hash.unison#8a9be4
variable.other.generic-type.haskell#e0957b
storage.type.haskell#4dacf0
support.variable.magic.python#8a9be4
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#d4d4d4
variable.parameter.function.language.special.self.python#c9c9d1
storage.modifier.lifetime.rust#d4d4d4
support.function.std.rust#c9c9d1
entity.name.lifetime.rust#c9c9d1
variable.language.rust#8a9be4
support.constant.edge#e0957b
constant.other.character-class.regexp#8a9be4
keyword.operator.quantifier.regexp#4dacf0
punctuation.definition.string.begin,punctuation.definition.string.end#62a362
variable.parameter.function#d4d4d4
comment markup.link#676773
markup.changed.diff#c9c9d1
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#c9c9d1
markup.inserted.diff#62a362
markup.deleted.diff#8a9be4
meta.function.c,meta.function.cpp#8a9be4
punctuation.section.block.begin.bracket.curly.cpp,punctuation.section.block.end.bracket.curly.cpp,punctuation.terminator.statement.c,punctuation.section.block.begin.bracket.curly.c,punctuation.section.block.end.bracket.curly.c,punctuation.section.parens.begin.bracket.round.c,punctuation.section.parens.end.bracket.round.c,punctuation.section.parameters.begin.bracket.round.c,punctuation.section.parameters.end.bracket.round.c#d4d4d4
punctuation.separator.key-value#d4d4d4
keyword.operator.expression.import#c9c9d1
support.constant.math#c9c9d1
support.constant.property.math#4dacf0
variable.other.constant#c9c9d1
storage.type.annotation.java, storage.type.object.array.java#c9c9d1
source.java#8a9be4
punctuation.section.block.begin.java,punctuation.section.block.end.java,punctuation.definition.method-parameters.begin.java,punctuation.definition.method-parameters.end.java,meta.method.identifier.java,punctuation.section.method.begin.java,punctuation.section.method.end.java,punctuation.terminator.java,punctuation.section.class.begin.java,punctuation.section.class.end.java,punctuation.section.inner-class.begin.java,punctuation.section.inner-class.end.java,meta.method-call.java,punctuation.section.class.begin.bracket.curly.java,punctuation.section.class.end.bracket.curly.java,punctuation.section.method.begin.bracket.curly.java,punctuation.section.method.end.bracket.curly.java,punctuation.separator.period.java,punctuation.bracket.angle.java,punctuation.definition.annotation.java,meta.method.body.java#d4d4d4
meta.method.java#c9c9d1
storage.modifier.import.java,storage.type.java,storage.type.generic.java#c9c9d1
keyword.operator.instanceof.java#e0957b
meta.definition.variable.name.java#8a9be4
keyword.operator.logical#c9c9d1
keyword.operator.bitwise#c9c9d1
keyword.operator.channel#c9c9d1
support.constant.property-value.scss,support.constant.property-value.css#4dacf0
keyword.operator.css,keyword.operator.scss,keyword.operator.less#c9c9d1
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#4dacf0
punctuation.separator.list.comma.css#d4d4d4
support.constant.color.w3c-standard-color-name.css#4dacf0
support.type.vendored.property-name.css#c9c9d1
support.module.node,support.type.object.module,support.module.node#c9c9d1
entity.name.type.module#c9c9d1
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#c9c9d1
support.constant.json#4dacf0
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#e0957b
support.type.object.console#8a9be4
support.variable.property.process#e0957b
entity.name.function,support.function.console#c9c9d1
keyword.operator.misc.rust#d4d4d4
keyword.operator.sigil.rust#e0957b
keyword.operator.delete#e0957b
support.type.object.dom#c9c9d1
support.variable.dom,support.variable.property.dom#8a9be4
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#c9c9d1
keyword.operator.assignment.c,keyword.operator.comparison.c,keyword.operator.c,keyword.operator.increment.c,keyword.operator.decrement.c,keyword.operator.bitwise.shift.c,keyword.operator.assignment.cpp,keyword.operator.comparison.cpp,keyword.operator.cpp,keyword.operator.increment.cpp,keyword.operator.decrement.cpp,keyword.operator.bitwise.shift.cpp#e0957b
punctuation.separator.delimiter#d4d4d4
punctuation.separator.c,punctuation.separator.cpp#e0957b
support.type.posix-reserved.c,support.type.posix-reserved.cpp#c9c9d1
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#e0957b
variable.parameter.function.language.python#4dacf0
support.type.python#c9c9d1
keyword.operator.logical.python#e0957b
variable.parameter.function.python#4dacf0
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#d4d4d4
meta.function-call.generic.python#c9c9d1
constant.character.format.placeholder.other.python#4dacf0
keyword.operator#d4d4d4
keyword.operator.assignment.compound#e0957b
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#c9c9d1
keyword#e0957b
entity.name.namespace#c9c9d1
variable#8a9be4
variable.c#d4d4d4
variable.language#c9c9d1
token.variable.parameter.java#d4d4d4
import.storage.java#c9c9d1
token.package.keyword#e0957b
token.package#d4d4d4
entity.name.function, meta.require, support.function.any-method, variable.function#c9c9d1
entity.name.type.namespace#c9c9d1
support.class, entity.name.type.class#c9c9d1
entity.name.class.identifier.namespace.type#c9c9d1
entity.name.class, variable.other.class.js, variable.other.class.ts#c9c9d1
variable.other.class.php#8a9be4
entity.name.type#c9c9d1
keyword.control#e0957b
control.elements, keyword.operator.less#4dacf0
keyword.other.special-method#c9c9d1
storage#e0957b
token.storage#e0957b
keyword.operator.expression.delete,keyword.operator.expression.in,keyword.operator.expression.of,keyword.operator.expression.instanceof,keyword.operator.new,keyword.operator.expression.typeof,keyword.operator.expression.void#e0957b
token.storage.type.java#c9c9d1
support.function#c9c9d1
support.type.property-name#d4d4d4
support.constant.property-value#d4d4d4
support.constant.font-name#4dacf0
meta.tag#d4d4d4
string#62a362
entity.other.inherited-class#c9c9d1
constant.other.symbol#c9c9d1
constant.numeric#4dacf0
constant#4dacf0
punctuation.definition.constant#4dacf0
entity.name.tag#e0957b
entity.other.attribute-name#4dacf0
entity.other.attribute-name.id#c9c9d1normal
entity.other.attribute-name.class.css#4dacf0normal
meta.selector#e0957b
markup.heading#8a9be4
markup.heading punctuation.definition.heading, entity.name.section#c9c9d1
keyword.other.unit#8a9be4
markup.bold,todo.bold#4dacf0
punctuation.definition.bold#c9c9d1
markup.italic, punctuation.definition.italic,todo.emphasis#e0957b
emphasis md#e0957b
entity.name.section.markdown#8a9be4
punctuation.definition.heading.markdown#8a9be4
punctuation.definition.list.begin.markdown#8a9be4
markup.heading.setext#d4d4d4
punctuation.definition.bold.markdown#4dacf0
markup.inline.raw.markdown#62a362
markup.inline.raw.string.markdown#62a362
punctuation.definition.list.markdown#8a9be4
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#8a9be4
beginning.punctuation.definition.list.markdown#8a9be4
punctuation.definition.metadata.markdown#8a9be4
markup.underline.link.markdown,markup.underline.link.image.markdown#e0957b
string.other.link.title.markdown,string.other.link.description.markdown#c9c9d1
string.regexp#c9c9d1
constant.character.escape#c9c9d1
punctuation.section.embedded, variable.interpolation#8a9be4
punctuation.section.embedded.begin,punctuation.section.embedded.end#e0957b
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#d4d4d4
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#8a9be4
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#8a9be4
source.json meta.structure.dictionary.json > value.json > string.quoted.json,source.json meta.structure.array.json > value.json > string.quoted.json,source.json meta.structure.dictionary.json > value.json > string.quoted.json > punctuation,source.json meta.structure.array.json > value.json > string.quoted.json > punctuation#62a362
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#c9c9d1
support.type.property-name.json#8a9be4
support.type.property-name.json punctuation#8a9be4
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#e0957b
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#e0957b
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#c9c9d1
keyword.operator.error-control.php#e0957b
keyword.operator.type.php#e0957b
punctuation.section.array.begin.php#d4d4d4
punctuation.section.array.end.php#d4d4d4
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#c9c9d1
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#c9c9d1
punctuation.definition.parameters.begin.bracket.round.php,punctuation.definition.parameters.end.bracket.round.php,punctuation.separator.delimiter.php,punctuation.section.scope.begin.php,punctuation.section.scope.end.php,punctuation.terminator.expression.php,punctuation.definition.arguments.begin.bracket.round.php,punctuation.definition.arguments.end.bracket.round.php,punctuation.definition.storage-type.begin.bracket.round.php,punctuation.definition.storage-type.end.bracket.round.php,punctuation.definition.array.begin.bracket.round.php,punctuation.definition.array.end.bracket.round.php,punctuation.definition.begin.bracket.round.php,punctuation.definition.end.bracket.round.php,punctuation.definition.begin.bracket.curly.php,punctuation.definition.end.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php,punctuation.definition.section.switch-block.start.bracket.curly.php,punctuation.definition.section.switch-block.begin.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php#d4d4d4
support.constant.core.rust#4dacf0
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#4dacf0
entity.name.goto-label.php,support.other.php#c9c9d1
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#c9c9d1
keyword.operator.regexp.php#e0957b
keyword.operator.comparison.php#c9c9d1
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#e0957b
meta.function.decorator.python#c9c9d1
support.token.decorator.python,meta.function.decorator.identifier.python#c9c9d1
function.parameter#d4d4d4
function.brace#d4d4d4
function.parameter.ruby, function.parameter.cs#d4d4d4
constant.language.symbol.ruby#c9c9d1
rgb-value#c9c9d1
inline-color-decoration rgb-value#4dacf0
less rgb-value#4dacf0
selector.sass#8a9be4
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#c9c9d1
block.scope.end,block.scope.begin#d4d4d4
storage.type.cs#c9c9d1
entity.name.variable.local.cs#8a9be4
token.info-token#c9c9d1
token.warn-token#4dacf0
token.error-token#f44747
token.debug-token#e0957b
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#e0957b
meta.template.expression#d4d4d4
keyword.operator.module#e0957b
support.type.type.flowtype#c9c9d1
support.type.primitive#c9c9d1
meta.property.object#8a9be4
variable.parameter.function.js#8a9be4
keyword.other.template.begin#62a362
keyword.other.template.end#62a362
keyword.other.substitution.begin#62a362
keyword.other.substitution.end#62a362
keyword.operator.assignment#c9c9d1
keyword.operator.assignment.go#c9c9d1
keyword.operator.arithmetic.go, keyword.operator.address.go#e0957b
entity.name.package.go#c9c9d1
support.type.prelude.elm#c9c9d1
support.constant.elm#4dacf0
punctuation.quasi.element#e0957b
constant.character.entity#8a9be4
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#c9c9d1
entity.global.clojure#c9c9d1
meta.symbol.clojure#8a9be4
constant.keyword.clojure#c9c9d1
meta.arguments.coffee, variable.parameter.function.coffee#8a9be4
source.ini#62a362
meta.scope.prerequisites.makefile#8a9be4
source.makefile#c9c9d1
storage.modifier.import.groovy#c9c9d1
meta.method.groovy#c9c9d1
meta.definition.variable.name.groovy#8a9be4
meta.definition.class.inherited.classes.groovy#62a362
support.variable.semantic.hlsl#c9c9d1
support.type.texture.hlsl, support.type.sampler.hlsl, support.type.object.hlsl, support.type.object.rw.hlsl, support.type.fx.hlsl, support.type.object.hlsl#e0957b
text.variable, text.bracketed#8a9be4
support.type.swift, support.type.vb.asp#c9c9d1
entity.name.function.xi#c9c9d1
entity.name.class.xi#c9c9d1
constant.character.character-class.regexp.xi#8a9be4
constant.regexp.xi#e0957b
keyword.control.xi#c9c9d1
invalid.xi#d4d4d4
beginning.punctuation.definition.quote.markdown.xi#62a362
beginning.punctuation.definition.list.markdown.xi#676773
constant.character.xi#c9c9d1
accent.xi#c9c9d1
wikiword.xi#4dacf0
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#676773
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#c9c9d1
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#8a9be4
meta.brace.square#d4d4d4
comment, punctuation.definition.comment#676773italic
markup.quote.markdown#676773
punctuation.definition.block.sequence.item.yaml#d4d4d4
constant.language.symbol.elixir#c9c9d1
entity.other.attribute-name.js,entity.other.attribute-name.ts,entity.other.attribute-name.jsx,entity.other.attribute-name.tsx,variable.parameter,variable.language.superitalic
comment.line.double-slash,comment.block.documentationitalic
keyword.control.import.python,keyword.control.flow.pythonitalic
markup.italic.markdownitalic

Shiki preview

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

Loading...

Jetbrains Fleet Theme - Coding Theme