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.activeBackground#d7141400
  • activityBar.background#292b33
  • activityBar.foreground#ff5ca8
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#80ffd5
  • activityBarBadge.foreground#0a0a0a
  • badge.background#e10e71
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e10e71
  • breadcrumb.background#ffffff
  • breadcrumb.focusForeground#e10e71
  • breadcrumb.foreground#5c5e6a
  • button.background#2d68f4
  • button.foreground#ffffff
  • button.hoverBackground#124ddb
  • button.secondaryBackground#727581
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#5c5e6a
  • checkbox.background#ffffff
  • checkbox.border#00000000
  • checkbox.foreground#0a0a0a
  • debugExceptionWidget.background#ffffff
  • debugExceptionWidget.border#d6d7dd
  • debugToolBar.background#ffffff
  • debugToolBar.border#d6d7dd
  • diffEditor.border#aaacb4
  • diffEditor.insertedTextBackground#d6fff2c5
  • diffEditor.removedTextBackground#ffc2c762
  • dropdown.background#ffffff
  • dropdown.border#00000000
  • dropdown.foreground#0a0a0a
  • editor.background#ffffff
  • editor.findMatchBackground#ffe0ef
  • editor.findMatchBorder#ff8fc3
  • editor.findMatchHighlightBackground#ffe0ef
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#f7f8f9
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#e0e9ff
  • editor.foreground#5c5e6a
  • editor.hoverHighlightBackground#e0e9ff
  • editor.inactiveSelectionBackground#e7e8ec
  • editor.lineHighlightBackground#f7f8f9
  • editor.lineHighlightBorder#e7e8ec
  • editor.rangeHighlightBackground#e0e9ff
  • editor.rangeHighlightBorder#c7d8ff
  • editor.selectionBackground#ffe0ef
  • editor.selectionHighlightBackground#e0e9ff
  • editor.selectionHighlightBorder#adc6ff
  • editor.wordHighlightBackground#f7f8f9
  • editor.wordHighlightStrongBackground#e0e9ff
  • editorBracketMatch.background#ffe0ef
  • editorBracketMatch.border#ffc2de
  • editorCodeLens.foreground#5c5e6a
  • editorCursor.background#ffffff
  • editorCursor.foreground#000000
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#d92834
  • editorGroup.border#aaacb4
  • editorGroup.emptyBackground#ffffff
  • editorGroupHeader.border#e7e8ec
  • editorGroupHeader.tabsBackground#e7e8ec
  • editorGroupHeader.tabsBorder#c5c7cd
  • editorGutter.addedBackground#3fd4a3
  • editorGutter.background#f7f8f9
  • editorGutter.commentRangeForeground#5c5e6a
  • editorGutter.deletedBackground#d92834
  • editorGutter.foldingControlForeground#5c5e6a
  • editorGutter.modifiedBackground#ff8fc3
  • editorHoverWidget.background#f7f8f9
  • editorHoverWidget.border#c5c7cd
  • editorHoverWidget.foreground#0a0a0a
  • editorIndentGuide.activeBackground#92959e
  • editorIndentGuide.background#c5c7cd
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#2d68f4
  • editorLineNumber.activeForeground#e10e71
  • editorLineNumber.foreground#5c5e6a
  • editorLink.activeForeground#2d68f4
  • editorMarkerNavigation.background#ffffff
  • editorMarkerNavigationError.background#d92834
  • editorMarkerNavigationInfo.background#7aa2ff
  • editorMarkerNavigationWarning.background#d99718
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#d6d7dd
  • editorSuggestWidget.background#f7f8f9
  • editorSuggestWidget.border#c5c7cd
  • editorSuggestWidget.foreground#000000
  • editorSuggestWidget.highlightForeground#e10e71
  • editorSuggestWidget.selectedBackground#ffe0ef
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#d99718
  • editorWhitespace.foreground#33333333
  • editorWidget.background#f7f8f9
  • editorWidget.foreground#0a0a0a
  • editorWidget.resizeBorder#d6d7dd
  • focusBorder#e10e71
  • foreground#0a0a0a
  • gitDecoration.addedResourceForeground#587c0c
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#ad0707
  • gitDecoration.ignoredResourceForeground#8e8e90
  • gitDecoration.modifiedResourceForeground#895503
  • gitDecoration.stageDeletedResourceForeground#ad0707
  • gitDecoration.stageModifiedResourceForeground#895503
  • gitDecoration.submoduleResourceForeground#1258a7
  • gitDecoration.untrackedResourceForeground#007100
  • icon.foreground#0a0a0a
  • input.background#ffffff
  • input.border#aaacb4
  • input.foreground#0a0a0a
  • input.placeholderForeground#5c5e6a
  • inputOption.activeBackground#e0e9ff
  • inputOption.activeBorder#adc6ff
  • inputOption.activeForeground#002375
  • list.activeSelectionBackground#ffe0ef
  • list.activeSelectionForeground#0a0a0a
  • list.dropBackground#f7f8f9
  • list.focusBackground#d6ebff
  • list.focusForeground#0a0a0a
  • list.highlightForeground#e10e71
  • list.hoverBackground#e0e9ff
  • list.hoverForeground#0a0a0a
  • list.inactiveSelectionBackground#e7e8ec
  • list.inactiveSelectionForeground#5c5e6a
  • listFilterWidget.background#ffe0ef
  • listFilterWidget.noMatchesOutline#d92834
  • listFilterWidget.outline#ffc2de
  • menu.background#ffffff
  • menu.border#e7e8ec00
  • menu.foreground#5c5e6a
  • menu.selectionBackground#e0e9ff
  • menu.selectionBorder#c2080800
  • menu.selectionForeground#0a0a0a
  • menu.separatorBackground#e7e8ec
  • menubar.selectionBackground#e0e9ff
  • menubar.selectionBorder#a30e0e00
  • menubar.selectionForeground#0a0a0a
  • merge.commonContentBackground#e7e8ec
  • merge.commonHeaderBackground#d6d7dd
  • merge.currentContentBackground#d6fff2
  • merge.currentHeaderBackground#b2ffe6
  • merge.incomingContentBackground#e0e9ff
  • merge.incomingHeaderBackground#c7d8ff
  • minimap.background#ffffff
  • minimap.errorHighlight#d92834
  • minimap.findMatchHighlight#ffe0ef
  • minimap.selectionHighlight#ffe0ef
  • minimap.warningHighlight#d99718
  • minimapGutter.addedBackground#3fd4a3
  • minimapGutter.deletedBackground#d92834
  • minimapGutter.modifiedBackground#ff8fc3
  • notificationCenter.border#d5d5d5
  • notificationCenterHeader.background#e7e7e7
  • notificationCenterHeader.foreground#616161
  • notifications.background#f3f3f3
  • notifications.border#e7e7e7
  • notifications.foreground#616161
  • notificationsErrorIcon.foreground#e51400
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#e9a700
  • notificationToast.border#d5d5d5
  • panel.background#ffffff
  • panel.border#d6d7dd
  • panelSection.border#d6d7dd
  • panelTitle.activeBorder#e10e71
  • panelTitle.activeForeground#0a0a0a
  • panelTitle.inactiveForeground#5c5e6a
  • peekView.border#2d68f4
  • peekViewEditor.background#ffffff
  • peekViewEditor.matchHighlightBackground#ffe0ef
  • peekViewEditor.matchHighlightBorder#e10e71
  • peekViewEditorGutter.background#e0e9ff
  • peekViewResult.background#f7f8f9
  • peekViewResult.fileForeground#5c5e6a
  • peekViewResult.lineForeground#0a0a0a
  • peekViewResult.matchHighlightBackground#ffe0ef
  • peekViewResult.selectionBackground#e0e9ff
  • peekViewResult.selectionForeground#0a0a0a
  • peekViewTitle.background#e0e9ff50
  • peekViewTitleDescription.foreground#5c5e6a
  • peekViewTitleLabel.foreground#0a0a0a
  • pickerGroup.border#d6d7dd
  • pickerGroup.foreground#2d68f4
  • progressBar.background#e10e71
  • scrollbar.shadow#d6d7dd
  • scrollbarSlider.activeBackground#aaacb4
  • scrollbarSlider.background#d6d7dd
  • scrollbarSlider.hoverBackground#c5c7cd
  • selection.background#e0e9ff
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#0a0a0a
  • sideBar.background#ffffff
  • sideBar.border#d6d7dd
  • sideBar.dropBackground#f7f8f9
  • sideBar.foreground#0a0a0a
  • sideBarSectionHeader.background#f7f8f9
  • sideBarSectionHeader.border#61616100
  • sideBarSectionHeader.foreground#5c5e6a
  • sideBarTitle.foreground#0a0a0a
  • statusBar.background#3a3c45
  • statusBar.debuggingBackground#cc4700
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#4414a3
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#5c5e6a
  • statusBarItem.remoteBackground#3ffd5a
  • statusBarItem.remoteForeground#0a0a0a
  • tab.activeBackground#ffffff
  • tab.activeBorder#e10e71
  • tab.activeBorderTop#e10e7100
  • tab.activeForeground#0a0a0a
  • tab.border#c5c7cd
  • tab.hoverBackground#e0e9ff
  • tab.hoverForeground#0a0a0a
  • tab.inactiveBackground#f7f8f9
  • tab.inactiveForeground#5c5e6a
  • terminal.ansiBlack#0a0a0a
  • terminal.ansiBlue#0039c2
  • terminal.ansiBrightBlack#5c5e6a
  • terminal.ansiBrightBlue#2d68f4
  • terminal.ansiBrightCyan#0598bc
  • terminal.ansiBrightGreen#008056
  • terminal.ansiBrightMagenta#6b39cc
  • terminal.ansiBrightRed#d92834
  • terminal.ansiBrightWhite#727581
  • terminal.ansiBrightYellow#946200
  • terminal.ansiCyan#0598bc
  • terminal.ansiGreen#006e4a
  • terminal.ansiMagenta#4414a3
  • terminal.ansiRed#ab000b
  • terminal.ansiWhite#5c5e6a
  • terminal.ansiYellow#734c00
  • terminal.border#d6d7dd
  • terminal.foreground#0a0a0a
  • terminal.selectionBackground#e0e9ff
  • terminalCursor.background#ffffff
  • terminalCursor.foreground#2d68f4
  • textLink.foreground#2d68f4
  • titleBar.activeBackground#ffffff
  • titleBar.activeForeground#5c5e6a
  • titleBar.border#e7e8ec
  • titleBar.inactiveBackground#d6d7dd
  • titleBar.inactiveForeground#5c5e6a
  • tree.indentGuidesStroke#a9a9a9
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000029

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#a66d00
variable.other.generic-type.haskell#e10e71
storage.type.haskell#cc4700
support.variable.magic.python#a66d00
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#5c5e6a
variable.parameter.function.language.special.self.python#6b39cc
storage.modifier.lifetime.rust#5c5e6a
support.function.std.rust#2d68f4
entity.name.lifetime.rust#6b39cc
variable.language.rust#a66d00
support.constant.edge#e10e71
constant.other.character-class.regexp#a66d00
keyword.operator.quantifier.regexp#cc4700
punctuation.definition.string.begin,punctuation.definition.string.end#008056
variable.parameter.function#5c5e6a
comment markup.link#727581
markup.changed.diff#6b39cc
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#2d68f4
markup.inserted.diff#008056
markup.deleted.diff#a66d00
meta.function.c,meta.function.cpp#a66d00
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#5c5e6a
punctuation.separator.key-value#5c5e6a
keyword.operator.expression.import#2d68f4
support.constant.math#6b39cc
support.constant.property.math#cc4700
variable.other.constant#6b39cc
storage.type.annotation.java, storage.type.object.array.java#6b39cc
source.java#a66d00
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#5c5e6a
meta.method.java#2d68f4
storage.modifier.import.java,storage.type.java,storage.type.generic.java#6b39cc
keyword.operator.instanceof.java#e10e71
meta.definition.variable.name.java#a66d00
keyword.operator.logical#940045
keyword.operator.bitwise#940045
keyword.operator.channel#940045
support.constant.property-value.scss,support.constant.property-value.css#cc4700
keyword.operator.css,keyword.operator.scss,keyword.operator.less#940045
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#cc4700
punctuation.separator.list.comma.css#5c5e6a
support.constant.color.w3c-standard-color-name.css#cc4700
support.type.vendored.property-name.css#940045
support.module.node,support.type.object.module,support.module.node#6b39cc
entity.name.type.module#6b39cc
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#a66d00
support.constant.json#cc4700
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#e10e71
support.type.object.console#a66d00
support.variable.property.process#cc4700
entity.name.function,support.function.console#2d68f4
keyword.operator.misc.rust#5c5e6a
keyword.operator.sigil.rust#e10e71
keyword.operator.delete#e10e71
support.type.object.dom#940045
support.variable.dom,support.variable.property.dom#a66d00
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#940045
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#e10e71
punctuation.separator.delimiter#5c5e6a
punctuation.separator.c,punctuation.separator.cpp#e10e71
support.type.posix-reserved.c,support.type.posix-reserved.cpp#940045
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#e10e71
variable.parameter.function.language.python#cc4700
support.type.python#940045
keyword.operator.logical.python#e10e71
variable.parameter.function.python#cc4700
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#5c5e6a
meta.function-call.generic.python#2d68f4
constant.character.format.placeholder.other.python#cc4700
keyword.operator#5c5e6a
keyword.operator.assignment.compound#e10e71
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#940045
keyword#e10e71
entity.name.namespace#6b39cc
variable#a66d00
variable.c#5c5e6a
variable.language#6b39cc
token.variable.parameter.java#5c5e6a
import.storage.java#6b39cc
token.package.keyword#e10e71
token.package#5c5e6a
entity.name.function, meta.require, support.function.any-method, variable.function#2d68f4
entity.name.type.namespace#6b39cc
support.class, entity.name.type.class#6b39cc
entity.name.class.identifier.namespace.type#6b39cc
entity.name.class, variable.other.class.js, variable.other.class.ts#6b39cc
variable.other.class.php#a66d00
entity.name.type#6b39cc
keyword.control#e10e71
control.elements, keyword.operator.less#cc4700
keyword.other.special-method#2d68f4
storage#e10e71
token.storage#e10e71
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#e10e71
token.storage.type.java#6b39cc
support.function#940045
support.type.property-name#5c5e6a
support.constant.property-value#5c5e6a
support.constant.font-name#cc4700
meta.tag#5c5e6a
string#008056
entity.other.inherited-class#6b39cc
constant.other.symbol#940045
constant.numeric#cc4700
constant#cc4700
punctuation.definition.constant#cc4700
entity.name.tag#a66d00
entity.other.attribute-name#cc4700
entity.other.attribute-name.id#2d68f4normal
entity.other.attribute-name.class.css#cc4700normal
meta.selector#e10e71
markup.heading#a66d00
markup.heading punctuation.definition.heading, entity.name.section#2d68f4
keyword.other.unit#a66d00
markup.bold,todo.bold#cc4700
punctuation.definition.bold#6b39cc
markup.italic, punctuation.definition.italic,todo.emphasis#e10e71
emphasis md#e10e71
entity.name.section.markdown#a66d00
punctuation.definition.heading.markdown#a66d00
punctuation.definition.list.begin.markdown#a66d00
markup.heading.setext#5c5e6a
punctuation.definition.bold.markdown#cc4700
markup.inline.raw.markdown#008056
markup.inline.raw.string.markdown#008056
punctuation.definition.list.markdown#a66d00
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#a66d00
beginning.punctuation.definition.list.markdown#a66d00
punctuation.definition.metadata.markdown#a66d00
markup.underline.link.markdown,markup.underline.link.image.markdown#e10e71
string.other.link.title.markdown,string.other.link.description.markdown#2d68f4
string.regexp#940045
constant.character.escape#940045
punctuation.section.embedded, variable.interpolation#a66d00
punctuation.section.embedded.begin,punctuation.section.embedded.end#e10e71
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#5c5e6a
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#a66d00
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#a66d00
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#008056
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#940045
support.type.property-name.json#a66d00
support.type.property-name.json punctuation#a66d00
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#e10e71
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#e10e71
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#6b39cc
keyword.operator.error-control.php#e10e71
keyword.operator.type.php#e10e71
punctuation.section.array.begin.php#5c5e6a
punctuation.section.array.end.php#5c5e6a
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#6b39cc
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#2d68f4
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#5c5e6a
support.constant.core.rust#cc4700
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#cc4700
entity.name.goto-label.php,support.other.php#2d68f4
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#940045
keyword.operator.regexp.php#e10e71
keyword.operator.comparison.php#940045
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#e10e71
meta.function.decorator.python#2d68f4
support.token.decorator.python,meta.function.decorator.identifier.python#940045
function.parameter#5c5e6a
function.brace#5c5e6a
function.parameter.ruby, function.parameter.cs#5c5e6a
constant.language.symbol.ruby#940045
rgb-value#940045
inline-color-decoration rgb-value#cc4700
less rgb-value#cc4700
selector.sass#a66d00
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#6b39cc
block.scope.end,block.scope.begin#5c5e6a
storage.type.cs#6b39cc
entity.name.variable.local.cs#a66d00
token.info-token#2d68f4
token.warn-token#cc4700
token.error-token#f44747
token.debug-token#e10e71
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#e10e71
meta.template.expression#5c5e6a
keyword.operator.module#e10e71
support.type.type.flowtype#2d68f4
support.type.primitive#6b39cc
meta.property.object#a66d00
variable.parameter.function.js#a66d00
keyword.other.template.begin#008056
keyword.other.template.end#008056
keyword.other.substitution.begin#008056
keyword.other.substitution.end#008056
keyword.operator.assignment#940045
keyword.operator.assignment.go#6b39cc
keyword.operator.arithmetic.go, keyword.operator.address.go#e10e71
entity.name.package.go#6b39cc
support.type.prelude.elm#940045
support.constant.elm#cc4700
punctuation.quasi.element#e10e71
constant.character.entity#a66d00
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#940045
entity.global.clojure#6b39cc
meta.symbol.clojure#a66d00
constant.keyword.clojure#940045
meta.arguments.coffee, variable.parameter.function.coffee#a66d00
source.ini#008056
meta.scope.prerequisites.makefile#a66d00
source.makefile#6b39cc
storage.modifier.import.groovy#6b39cc
meta.method.groovy#2d68f4
meta.definition.variable.name.groovy#a66d00
meta.definition.class.inherited.classes.groovy#008056
support.variable.semantic.hlsl#6b39cc
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#e10e71
text.variable, text.bracketed#a66d00
support.type.swift, support.type.vb.asp#6b39cc
entity.name.function.xi#6b39cc
entity.name.class.xi#940045
constant.character.character-class.regexp.xi#a66d00
constant.regexp.xi#e10e71
keyword.control.xi#940045
invalid.xi#5c5e6a
beginning.punctuation.definition.quote.markdown.xi#008056
beginning.punctuation.definition.list.markdown.xi#727581
constant.character.xi#2d68f4
accent.xi#2d68f4
wikiword.xi#cc4700
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#727581
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#6b39cc
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#a66d00
meta.brace.square#5c5e6a
comment, punctuation.definition.comment#727581italic
markup.quote.markdown#727581
punctuation.definition.block.sequence.item.yaml#5c5e6a
constant.language.symbol.elixir#940045
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...

HackerOne by Hacker0x01 - VS Code Theme