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.background#12130f
  • activityBar.foreground#ff5ce4db
  • activityBar.inactiveForeground#fbffff70
  • activityBarBadge.background#ff5ce4db
  • activityBarBadge.foreground#fbffff
  • badge.background#ff5ce4db
  • badge.foreground#fbffff
  • breadcrumb.activeSelectionForeground#fbffff
  • breadcrumb.background#12130f
  • breadcrumb.focusForeground#fbffff
  • breadcrumb.foreground#fbffff70
  • button.background#ff5ce4db
  • button.foreground#fbffff
  • button.hoverBackground#ff5ce480
  • button.secondaryBackground#12130f
  • button.secondaryForeground#fbffff
  • button.secondaryHoverBackground#12130f70
  • checkbox.background#12130f
  • checkbox.border#00000000
  • checkbox.foreground#fbffff70
  • debugExceptionWidget.background#292b28
  • debugExceptionWidget.border#00000000
  • debugToolBar.background#292b28
  • debugToolBar.border#00000000
  • diffEditor.border#fbffff70
  • diffEditor.insertedTextBackground#7fe96033
  • diffEditor.removedTextBackground#ff5e5e33
  • dropdown.background#12130f
  • dropdown.border#00000000
  • dropdown.foreground#fbffff70
  • editor.background#12130f
  • editor.findMatchBackground#ff5ce470
  • editor.findMatchBorder#fbffff70
  • editor.findMatchHighlightBackground#ff5ce470
  • editor.findMatchHighlightBorder#fbffff70
  • editor.findRangeHighlightBackground#292b2870
  • editor.findRangeHighlightBorder#00000000
  • editor.foldBackground#ff5ce470
  • editor.foreground#d0ccd1
  • editor.hoverHighlightBackground#ff5ce470
  • editor.inactiveSelectionBackground#ff5ce420
  • editor.lineHighlightBackground#292b28
  • editor.lineHighlightBorder#292b28
  • editor.rangeHighlightBackground#00000000
  • editor.rangeHighlightBorder#00000000
  • editor.selectionBackground#ff5ce440
  • editor.selectionHighlightBackground#ff5ce470
  • editor.selectionHighlightBorder#00000000
  • editor.wordHighlightBackground#ff5ce470
  • editor.wordHighlightBorder#fbffff70
  • editor.wordHighlightStrongBackground#ff5ce470
  • editor.wordHighlightStrongBorder#fbffff70
  • editorBracketMatch.background#ff5ce470
  • editorBracketMatch.border#fbffff70
  • editorCodeLens.foreground#fbffff70
  • editorCursor.background#fbffff
  • editorCursor.foreground#ff5ce4db
  • editorError.background#00000000
  • editorError.border#00000000
  • editorError.foreground#ff5e5e
  • editorGroup.border#fbffff70
  • editorGroup.emptyBackground#12130f
  • editorGroupHeader.border#00000000
  • editorGroupHeader.tabsBackground#292b28
  • editorGutter.addedBackground#7fe960
  • editorGutter.background#12130f
  • editorGutter.commentRangeForeground#fbffff70
  • editorGutter.deletedBackground#ff5e5e
  • editorGutter.foldingControlForeground#fbffff70
  • editorGutter.modifiedBackground#03b4ff
  • editorHoverWidget.background#292b28
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#fbffff70
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#d0ccd170
  • editorInfo.background#00000000
  • editorInfo.border#00000000
  • editorInfo.foreground#03b4ff
  • editorLineNumber.activeForeground#ff5ce4db
  • editorLineNumber.foreground#fbffff70
  • editorLink.activeForeground#ff5ce4
  • editorMarkerNavigation.background#292b28
  • editorMarkerNavigationError.background#ff5e5e
  • editorMarkerNavigationInfo.background#03b4ff
  • editorMarkerNavigationWarning.background#ffec03
  • editorOverviewRuler.background#00000000
  • editorOverviewRuler.border#00000000
  • editorRuler.foreground#fbffff70
  • editorSuggestWidget.background#292b28
  • editorSuggestWidget.border#00000000
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#ff5ce4
  • editorSuggestWidget.selectedBackground#ff5ce440
  • editorWarning.background#00000000
  • editorWarning.border#00000000
  • editorWarning.foreground#ffec03
  • editorWhitespace.foreground#fbffff40
  • editorWidget.background#292b28
  • editorWidget.foreground#fbffff70
  • editorWidget.resizeBorder#fbffff70
  • focusBorder#ff5ce470
  • foreground#cccccc
  • gitDecoration.addedResourceForeground#7fe960
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#ff5e5e
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#fda703
  • gitDecoration.stageDeletedResourceForeground#c74e39
  • gitDecoration.stageModifiedResourceForeground#e2c08d
  • gitDecoration.submoduleResourceForeground#03b4ff
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#cccccc
  • input.background#12130f
  • input.border#00000000
  • input.foreground#fbffff70
  • input.placeholderForeground#fbffff70
  • inputOption.activeBackground#ff5ce470
  • inputOption.activeBorder#00000000
  • inputOption.activeForeground#fbffff70
  • list.activeSelectionBackground#12130f
  • list.activeSelectionForeground#fbffff
  • list.dropBackground#12130f
  • list.focusBackground#12130fbb
  • list.focusForeground#fbffff
  • list.highlightForeground#ff5ce4
  • list.hoverBackground#12130fbb
  • list.hoverForeground#fbffff
  • list.inactiveSelectionBackground#ff5ce470
  • list.inactiveSelectionForeground#fbffff
  • listFilterWidget.background#ff5ce4db
  • listFilterWidget.noMatchesOutline#00000000
  • listFilterWidget.outline#00000000
  • menu.background#12130f
  • menu.border#00000000
  • menu.foreground#fbffff70
  • menu.selectionBackground#ff5ce470
  • menu.selectionBorder#ffffff00
  • menu.selectionForeground#fbffff
  • menu.separatorBackground#fbffff70
  • menubar.selectionBackground#ff5ce470
  • menubar.selectionBorder#ff5ce470
  • menubar.selectionForeground#fbffff
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#155a00
  • merge.currentHeaderBackground#2cc000
  • merge.incomingContentBackground#005777
  • merge.incomingHeaderBackground#0088bb
  • minimap.background#12130f
  • minimap.errorHighlight#ff5e5e
  • minimap.findMatchHighlight#7fe96070
  • minimap.selectionHighlight#ff5ce440
  • minimap.warningHighlight#ffec03
  • minimapGutter.addedBackground#7fe960
  • minimapGutter.deletedBackground#ff5e5e
  • minimapGutter.modifiedBackground#03b4ff
  • notificationCenter.border#fbffff70
  • notificationCenterHeader.background#292b28
  • notificationCenterHeader.foreground#fbffff
  • notifications.background#292b28
  • notifications.border#fbffff70
  • notifications.foreground#fbffff
  • notificationsErrorIcon.foreground#ff5e5e
  • notificationsInfoIcon.foreground#03b4ff
  • notificationsWarningIcon.foreground#ffec03
  • notificationToast.border#fbffff70
  • panel.background#12130f
  • panel.border#fbffff70
  • panelSection.border#fbffff70
  • panelTitle.activeBorder#fbffff
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#fbffff70
  • peekView.border#ff5ce470
  • peekViewEditor.background#001f33
  • peekViewEditor.matchHighlightBackground#fda70340
  • peekViewEditor.matchHighlightBorder#fda703
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#292b28
  • peekViewResult.fileForeground#fbffff70
  • peekViewResult.lineForeground#fbffff70
  • peekViewResult.matchHighlightBackground#fda70340
  • peekViewResult.selectionBackground#ff5ce440
  • peekViewResult.selectionForeground#fbffff
  • peekViewTitle.background#292b28
  • peekViewTitleDescription.foreground#fbffff70
  • peekViewTitleLabel.foreground#fbffff
  • pickerGroup.border#00000000
  • pickerGroup.foreground#ff5ce4db
  • progressBar.background#ff5ce4
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#ff5ce4
  • scrollbarSlider.background#ff5ce470
  • scrollbarSlider.hoverBackground#ff5ce4db
  • selection.background#ff5ce470
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#292b28
  • sideBar.border#00000000
  • sideBar.dropBackground#12130f
  • sideBar.foreground#fbffff70
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#00000000
  • sideBarSectionHeader.foreground#fbffff
  • sideBarTitle.foreground#fffbfb70
  • statusBar.background#ff5ce4db
  • statusBar.border#00000000
  • statusBar.debuggingBackground#ffa77d
  • statusBar.debuggingBorder#00000000
  • statusBar.debuggingForeground#fbffff
  • statusBar.foreground#fbffff
  • statusBar.noFolderBackground#5502db
  • statusBar.noFolderBorder#00000000
  • statusBar.noFolderForeground#fbffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff70
  • statusBarItem.remoteBackground#00000000
  • statusBarItem.remoteForeground#fbffff
  • tab.activeBackground#12130f
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#fbffff
  • tab.border#12130f70
  • tab.hoverBackground#ff5ce470
  • tab.hoverForeground#fbffff
  • tab.inactiveBackground#292b28
  • tab.inactiveForeground#fbffff70
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#03b4ff
  • terminal.ansiBrightBlack#8c8c8c
  • terminal.ansiBrightBlue#3b8eea
  • terminal.ansiBrightCyan#29b8db
  • terminal.ansiBrightGreen#23d18b
  • terminal.ansiBrightMagenta#d670d6
  • terminal.ansiBrightRed#ff5e5e
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#02e1d9
  • terminal.ansiGreen#7fe960
  • terminal.ansiMagenta#ff5ce4
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#d0ccd1
  • terminal.ansiYellow#ffec03
  • terminal.border#fbffff70
  • terminal.foreground#fbffff
  • terminal.selectionBackground#fbffff10
  • terminalCursor.background#ff5ce4
  • terminalCursor.foreground#fbffff
  • textLink.foreground#ff5ce4
  • titleBar.activeBackground#12130f
  • titleBar.activeForeground#fbffff70
  • titleBar.border#00000000
  • titleBar.inactiveBackground#12130f
  • titleBar.inactiveForeground#fbffff70
  • tree.indentGuidesStroke#fbffff70
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000000

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

Neon Palette Themes by Jofa8 - VS Code Theme