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#00000000
  • activityBar.background#150b01
  • activityBar.border#f5a34966
  • activityBar.foreground#f5a349
  • activityBar.inactiveForeground#f5a34962
  • activityBarBadge.background#fc6f4c
  • activityBarBadge.foreground#000000
  • badge.background#fc6f4c
  • badge.foreground#000000
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#04d9c418
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#fc6f4c
  • button.foreground#000000
  • button.hoverBackground#fc6f4c
  • button.secondaryBackground#f5a349
  • button.secondaryForeground#000000
  • button.secondaryHoverBackground#f5a349
  • checkbox.background#000000
  • checkbox.border#00000000
  • checkbox.foreground#ffffff
  • commandCenter.activeBackground#8e4af51a
  • commandCenter.activeForeground#ffffff
  • commandCenter.background#000000
  • commandCenter.border#8e4af57a
  • commandCenter.foreground#cccccc
  • debugConsole.errorForeground#ff1c5b
  • debugConsole.infoForeground#ffffff
  • debugConsole.sourceForeground#f942ff
  • debugConsole.warningForeground#ffd11b
  • debugConsoleInputIcon.foreground#04d9c4
  • debugExceptionWidget.background#1f0212
  • debugExceptionWidget.border#f2229489
  • debugToolBar.background#1f0212
  • debugToolBar.border#f2229489
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#000000
  • dropdown.border#00000000
  • dropdown.foreground#ffffff
  • editor.background#000000
  • editor.findMatchBackground#f2229448
  • editor.findMatchBorder#f22294ab
  • editor.findMatchHighlightBackground#f2229448
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3f2000ab
  • editor.findRangeHighlightBorder#582e03ab
  • editor.foldBackground#24394d5e
  • editor.foreground#ffffff
  • editor.hoverHighlightBackground#8e48006c
  • editor.inactiveSelectionBackground#3f2000ab
  • editor.lineHighlightBackground#ffffff12
  • editor.lineHighlightBorder#28282842
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#381e01
  • editor.selectionHighlightBackground#e6447142
  • editor.selectionHighlightBorder#e6447150
  • editor.wordHighlightBackground#57575700
  • editor.wordHighlightStrongBackground#00497200
  • editorBracketHighlight.foreground1#ff487b
  • editorBracketHighlight.foreground2#8968ff
  • editorBracketHighlight.foreground3#04d9c4
  • editorBracketHighlight.foreground4#ffdf7e
  • editorBracketHighlight.foreground5#f942ff
  • editorBracketHighlight.foreground6#ff845e
  • editorBracketHighlight.unexpectedBracket.foreground#ff1c5b
  • editorBracketMatch.background#301900
  • editorBracketMatch.border#db7914c9
  • editorBracketPairGuide.activeBackground1#ff487b80
  • editorBracketPairGuide.activeBackground2#8968ff80
  • editorBracketPairGuide.activeBackground3#04d9c480
  • editorBracketPairGuide.activeBackground4#ffdf7e80
  • editorBracketPairGuide.activeBackground5#f942ff80
  • editorBracketPairGuide.activeBackground6#ff845e80
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#ffffff
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#ff1c5b
  • editorGroup.border#04d9c481
  • editorGroup.emptyBackground#000000
  • editorGroupHeader.border#04d9c47a
  • editorGroupHeader.tabsBackground#000000
  • editorGroupHeader.tabsBorder#04d9c47a
  • editorGutter.addedBackground#a6e422
  • editorGutter.background#00171500
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#fd4048
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#1ac1f0
  • editorHoverWidget.background#011d1a
  • editorHoverWidget.border#04d9c47a
  • editorHoverWidget.foreground#eae1e1
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#04d9c41a
  • editorInfo.border#04d9c47a
  • editorInfo.foreground#04d9c4
  • editorInlayHint.background#8e4af51a
  • editorInlayHint.foreground#ffffffa0
  • editorInlayHint.parameterBackground#f942ff1a
  • editorInlayHint.parameterForeground#f942ffa0
  • editorInlayHint.typeBackground#04d9c41a
  • editorInlayHint.typeForeground#04d9c4a0
  • editorLineNumber.activeForeground#04d9c4
  • editorLineNumber.foreground#858585ab
  • editorLink.activeForeground#5588ff
  • editorMarkerNavigation.background#2c000c
  • editorMarkerNavigationError.background#e64471
  • editorMarkerNavigationInfo.background#04d9c4
  • editorMarkerNavigationWarning.background#f5a349
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#ffd11b4e
  • editorStickyScroll.background#0a0012
  • editorStickyScroll.border#8e4af57a
  • editorStickyScrollHover.background#8e4af51a
  • editorSuggestWidget.background#1b0008
  • editorSuggestWidget.border#e6447187
  • editorSuggestWidget.foreground#f2efef
  • editorSuggestWidget.highlightForeground#e64471
  • editorSuggestWidget.selectedBackground#410314
  • editorWarning.background#a9904000
  • editorWarning.border#ffd11b00
  • editorWarning.foreground#ffd11b
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#300136
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#ee4cfc
  • focusBorder#ee4cfc
  • foreground#ffffff
  • gitDecoration.addedResourceForeground#a6e422
  • gitDecoration.conflictingResourceForeground#ee4cfc
  • gitDecoration.deletedResourceForeground#ff1c5b
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#ffd11b
  • gitDecoration.stageDeletedResourceForeground#ff1c5b
  • gitDecoration.stageModifiedResourceForeground#ffd11b
  • gitDecoration.submoduleResourceForeground#04d9c4
  • gitDecoration.untrackedResourceForeground#04d9c4
  • icon.foreground#ffffff
  • input.background#000000
  • input.border#00000000
  • input.foreground#ffffff
  • input.placeholderForeground#a6a6a6c9
  • inputOption.activeBackground#007fd400
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#04d9c4
  • keybindingLabel.background#8e4af533
  • keybindingLabel.border#8e4af57a
  • keybindingLabel.bottomBorder#8e4af5aa
  • keybindingLabel.foreground#ffffff
  • list.activeSelectionBackground#8e4af566
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#e6447140
  • list.focusBackground#8e4af566
  • list.focusForeground#ffffff
  • list.highlightForeground#ff2863
  • list.hoverBackground#8e4af514
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#8e4af52e
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#000000
  • listFilterWidget.noMatchesOutline#e64471
  • listFilterWidget.outline#ee4cfc
  • menu.background#190e2a
  • menu.border#8e4af5
  • menu.foreground#cccccc
  • menu.selectionBackground#8e4af5
  • menu.selectionBorder#8e4af5
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#8e4af58b
  • menubar.selectionBackground#8e4af5
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#f5a3491a
  • merge.commonHeaderBackground#f5a3494d
  • merge.currentContentBackground#04d9c41a
  • merge.currentHeaderBackground#04d9c44d
  • merge.incomingContentBackground#8968ff1a
  • merge.incomingHeaderBackground#8968ff4d
  • minimap.background#000000
  • minimap.errorHighlight#ff1c5b
  • minimap.findMatchHighlight#f2229448
  • minimap.selectionHighlight#381e01
  • minimap.warningHighlight#ffd11b
  • minimapGutter.addedBackground#a6e422
  • minimapGutter.deletedBackground#fd4048
  • minimapGutter.modifiedBackground#1ac1f0
  • notificationCenter.border#8e4af57a
  • notificationCenterHeader.background#190e2a
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#252526
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#ff1c5b
  • notificationsInfoIcon.foreground#04d9c4
  • notificationsWarningIcon.foreground#ffd11b
  • notificationToast.border#474747
  • panel.background#150c02
  • panel.border#f5a34970
  • panelSection.border#f5a3497a
  • panelTitle.activeBorder#f5a349
  • panelTitle.activeForeground#f5a349
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#04d9c47a
  • peekViewEditor.background#011d1a
  • peekViewEditor.matchHighlightBackground#1c0243
  • peekViewEditor.matchHighlightBorder#5823a9
  • peekViewEditorGutter.background#001f3300
  • peekViewResult.background#340411
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#ffffff
  • peekViewResult.matchHighlightBackground#e64471
  • peekViewResult.selectionBackground#54071c
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#044b447a
  • peekViewTitleDescription.foreground#ffffffa3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#ee4cfc
  • pickerGroup.foreground#f5a349
  • progressBar.background#e64471
  • sash.hoverBorder#ee4cfc
  • scrollbar.shadow#ff161600
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#e64471
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#ffffff
  • sideBar.background#0f0011
  • sideBar.border#ee4cfc76
  • sideBar.dropBackground#e6447140
  • sideBar.foreground#ffffff
  • sideBarSectionHeader.background#ee4cfc1c
  • sideBarSectionHeader.border#ee4cfc
  • sideBarSectionHeader.foreground#ffffff
  • sideBarTitle.foreground#f5a349
  • statusBar.background#11002c
  • statusBar.border#8e4af5
  • statusBar.debuggingBackground#28020c
  • statusBar.debuggingBorder#e64471
  • statusBar.debuggingForeground#ff82a5
  • statusBar.foreground#c09bf9
  • statusBar.noFolderBackground#011f1c
  • statusBar.noFolderBorder#04d9c4
  • statusBar.noFolderForeground#45ffed
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#2b026b00
  • statusBarItem.remoteBackground#062802
  • statusBarItem.remoteForeground#00ff85
  • tab.activeBackground#261401cb
  • tab.activeBorder#f5a349
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#343434
  • tab.inactiveBackground#2d2d2d00
  • tab.inactiveForeground#ffffff80
  • tab.lastPinnedBorder#ee4cfc7a
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#8968ff
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#a78bff
  • terminal.ansiBrightCyan#45ffed
  • terminal.ansiBrightGreen#a6e422
  • terminal.ansiBrightMagenta#f942ff
  • terminal.ansiBrightRed#ff487b
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#ffdf7e
  • terminal.ansiCyan#04d9c4
  • terminal.ansiGreen#73c991
  • terminal.ansiMagenta#ee4cfc
  • terminal.ansiRed#e64471
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#ffd11b
  • terminal.border#f5a3497a
  • terminal.foreground#cccccc
  • terminal.selectionBackground#f5a3491e
  • terminalCursor.background#0087FF
  • terminalCursor.foreground#ffffff
  • textLink.foreground#f5a349
  • titleBar.activeBackground#000000
  • titleBar.activeForeground#cccccc
  • titleBar.border#f5a34900
  • titleBar.inactiveBackground#000000
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#8e4af57a
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#0000005c

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