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#20252c00
  • activityBar.background#20252c
  • activityBar.border#f2a2d680
  • activityBar.foreground#ffb3f7
  • activityBar.inactiveForeground#bc8dab80
  • activityBarBadge.background#f200ff
  • activityBarBadge.foreground#ffffff
  • badge.background#ff72f0
  • badge.foreground#19131d
  • breadcrumb.activeSelectionForeground#ffeeff
  • breadcrumb.background#19131d
  • breadcrumb.focusForeground#ffeeff
  • breadcrumb.foreground#f2a2d6
  • button.background#ff72f0
  • button.foreground#0e151f
  • button.hoverBackground#f2a2d6
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#f2a2d6
  • button.secondaryHoverBackground#45494e
  • checkbox.background#232426
  • checkbox.border#bc8dab80
  • checkbox.foreground#ffeeff
  • debugExceptionWidget.background#19131d
  • debugExceptionWidget.border#bc8dab80
  • debugToolBar.background#19131d
  • debugToolBar.border#bc8dab80
  • diffEditor.border#bc8dab80
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.insertedTextBorder#ff000000
  • diffEditor.removedTextBackground#ff000033
  • diffEditor.removedTextBorder#00000000
  • dropdown.background#232426
  • dropdown.border#bc8dab80
  • dropdown.foreground#ffeeff
  • editor.background#181c21
  • editor.findMatchBackground#8c758466
  • editor.findMatchBorder#f2a2d680
  • editor.findMatchHighlightBackground#8c758466
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#8c758430
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#20252c
  • editor.foreground#f2a2d6
  • editor.hoverHighlightBackground#8c758430
  • editor.inactiveSelectionBackground#8c758430
  • editor.lineHighlightBackground#8c758430
  • editor.lineHighlightBorder#8c758430
  • editor.rangeHighlightBackground#8c758466
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#f2a2d630
  • editor.selectionHighlightBackground#8c758430
  • editor.selectionHighlightBorder#f2a2d680
  • editor.wordHighlightBackground#8c758430
  • editor.wordHighlightBorder#8c758466
  • editor.wordHighlightStrongBackground#8c758466
  • editor.wordHighlightStrongBorder#8c758466
  • editorBracketMatch.background#8c758430
  • editorBracketMatch.border#ffeeff
  • editorCodeLens.foreground#f2a2d680
  • editorCursor.background#19131d
  • editorCursor.foreground#ecadd6
  • editorError.background#ff7b7b46
  • editorError.border#ffffff00
  • editorError.foreground#ff7b7b
  • editorGroup.border#bc8dab80
  • editorGroup.emptyBackground#181c21
  • editorGroupHeader.border#bc8dab80
  • editorGroupHeader.tabsBackground#232426
  • editorGroupHeader.tabsBorder#bc8dab80
  • editorGutter.addedBackground#77e2b7
  • editorGutter.background#0e151f
  • editorGutter.commentRangeForeground#f2a2d6
  • editorGutter.deletedBackground#ff7b7b
  • editorGutter.foldingControlForeground#f2a2d6
  • editorGutter.modifiedBackground#f2a2d6
  • editorHoverWidget.background#20252c
  • editorHoverWidget.border#bc8dab80
  • editorHoverWidget.foreground#ffeeff
  • editorIndentGuide.activeBackground#75beff
  • editorIndentGuide.background#ff72f0
  • editorInfo.background#75beff26
  • editorInfo.border#ffffff00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#ffeeff
  • editorLineNumber.foreground#f2a2d6
  • editorLink.activeForeground#ff72f0
  • editorMarkerNavigation.background#0e151f
  • editorMarkerNavigationError.background#ff7b7b
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#f7f79a
  • editorOverviewRuler.background#8c758430
  • editorOverviewRuler.border#bc8dab80
  • editorRuler.foreground#8c758430
  • editorSuggestWidget.background#20252c
  • editorSuggestWidget.border#bc8dab80
  • editorSuggestWidget.foreground#ffeeff
  • editorSuggestWidget.highlightForeground#ff72f0
  • editorSuggestWidget.selectedBackground#19131d
  • editorWarning.background#f7f79a2e
  • editorWarning.border#ffffff00
  • editorWarning.foreground#f7f79a
  • editorWhitespace.foreground#bc8dab80
  • editorWidget.background#19131d
  • editorWidget.foreground#ffeeff
  • editorWidget.resizeBorder#f2a2d6
  • focusBorder#f2a2d6
  • foreground#f2a2d6
  • gitDecoration.addedResourceForeground#77e2b7
  • gitDecoration.conflictingResourceForeground#f7f79a
  • gitDecoration.deletedResourceForeground#ec3737
  • gitDecoration.ignoredResourceForeground#f2a2d680
  • gitDecoration.modifiedResourceForeground#ff72f0
  • gitDecoration.stageDeletedResourceForeground#ff7b7b
  • gitDecoration.stageModifiedResourceForeground#ecadd6
  • gitDecoration.submoduleResourceForeground#75beff
  • gitDecoration.untrackedResourceForeground#bc8dab80
  • icon.foreground#f2a2d6
  • input.background#232426
  • input.border#bc8dab80
  • input.foreground#ffeeff
  • input.placeholderForeground#f2a2d680
  • inputOption.activeBackground#bc8dab80
  • inputOption.activeBorder#ecadd6
  • inputOption.activeForeground#ffeeff
  • list.activeSelectionBackground#f2a2d6
  • list.activeSelectionForeground#0e151f
  • list.dropBackground#f2a2d630
  • list.focusBackground#0e151f
  • list.focusForeground#ffeeff
  • list.highlightForeground#ff72f0
  • list.hoverBackground#f2a2d630
  • list.hoverForeground#ffeeff
  • list.inactiveSelectionBackground#f2a2d630
  • list.inactiveSelectionForeground#ffeeff
  • listFilterWidget.background#0e151f
  • listFilterWidget.noMatchesOutline#cf1300cd
  • listFilterWidget.outline#bc8dab80
  • menu.background#232426
  • menu.border#0e151f85
  • menu.foreground#ecadd6
  • menu.selectionBackground#0e151f
  • menu.selectionBorder#bc8dab80
  • menu.selectionForeground#ffb3f7
  • menu.separatorBackground#f2a2d630
  • menubar.selectionBackground#181c21
  • menubar.selectionBorder#bc8dab80
  • menubar.selectionForeground#f2a2d6
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#181c21
  • minimap.errorHighlight#ff7b7b
  • minimap.findMatchHighlight#8c758466
  • minimap.selectionHighlight#f2a2d630
  • minimap.warningHighlight#f7f79a
  • minimapGutter.addedBackground#77e2b7
  • minimapGutter.deletedBackground#ff7b7b
  • minimapGutter.modifiedBackground#f2a2d6
  • notificationCenter.border#bc8dab80
  • notificationCenterHeader.background#19131d
  • notificationCenterHeader.foreground#ffeeff
  • notifications.background#181c21
  • notifications.border#bc8dab80
  • notifications.foreground#f2a2d6
  • notificationsErrorIcon.foreground#ff7b7b
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#f7f79a
  • notificationToast.border#bc8dab80
  • panel.background#19131d
  • panel.border#bc8dab80
  • panelSection.border#bc8dab80
  • panelTitle.activeBorder#ff72f0
  • panelTitle.activeForeground#ffb3f7
  • panelTitle.inactiveForeground#f2a2d680
  • peekView.border#f2a2d6
  • peekViewEditor.background#19131d
  • peekViewEditor.matchHighlightBackground#bc8dab80
  • peekViewEditor.matchHighlightBorder#f2a2d6
  • peekViewEditorGutter.background#121013
  • peekViewResult.background#252526
  • peekViewResult.fileForeground#ffeeff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#bc8dab80
  • peekViewResult.selectionBackground#f2a2d680
  • peekViewResult.selectionForeground#ffeeff
  • peekViewTitle.background#19131d
  • peekViewTitleDescription.foreground#f2a2d680
  • peekViewTitleLabel.foreground#ffeeff
  • pickerGroup.border#bc8dab80
  • pickerGroup.foreground#f2a2d6
  • progressBar.background#f200ff
  • scrollbar.shadow#f2a2d680
  • scrollbarSlider.activeBackground#f2a2d680
  • scrollbarSlider.background#19131d
  • scrollbarSlider.hoverBackground#bc8dab80
  • selection.background#f2a2d680
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#f2a2d6
  • sideBar.background#181c21
  • sideBar.border#bc8dab80
  • sideBar.dropBackground#f2a2d630
  • sideBar.foreground#f2a2d6
  • sideBarSectionHeader.background#0e151f
  • sideBarSectionHeader.border#bc8dab80
  • sideBarSectionHeader.foreground#ffb3f7
  • sideBarTitle.foreground#ff72f0
  • statusBar.background#f2a2d6
  • statusBar.border#bc8dab80
  • statusBar.debuggingBackground#ffb3f7
  • statusBar.debuggingBorder#bc8dab80
  • statusBar.debuggingForeground#181c21
  • statusBar.foreground#0e151f
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderBorder#bc8dab80
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ff72f0
  • statusBarItem.remoteBackground#ff72f0
  • statusBarItem.remoteForeground#0e151f
  • tab.activeBackground#181c21
  • tab.activeBorder#f2a2d6
  • tab.activeBorderTop#f2a2d600
  • tab.activeForeground#f2a2d6
  • tab.border#bc8dab80
  • tab.hoverBackground#19131d
  • tab.hoverBorder#bc8dab80
  • tab.hoverForeground#ffeeff
  • tab.inactiveBackground#232426
  • tab.inactiveForeground#f2a2d69b
  • terminal.ansiBlack#bc8dab80
  • terminal.ansiBlue#2472c8
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#3b8eea
  • terminal.ansiBrightCyan#29b8db
  • terminal.ansiBrightGreen#77e2b7
  • terminal.ansiBrightMagenta#ea8fea
  • terminal.ansiBrightRed#ff7b7b
  • terminal.ansiBrightWhite#ffb3f7
  • terminal.ansiBrightYellow#f7f79a
  • terminal.ansiCyan#75beff
  • terminal.ansiGreen#05925c
  • terminal.ansiMagenta#ec34ec
  • terminal.ansiRed#ec3737
  • terminal.ansiWhite#f2a2d6
  • terminal.ansiYellow#e5e510
  • terminal.border#bc8dab80
  • terminal.foreground#ffeeff
  • terminal.selectionBackground#f2a2d630
  • terminalCursor.background#f2a2d6
  • terminalCursor.foreground#0e151f
  • textLink.foreground#f200ff
  • titleBar.activeBackground#f2a2d6
  • titleBar.activeForeground#0e151f
  • titleBar.border#bc8dab80
  • titleBar.inactiveBackground#bc8dab80
  • titleBar.inactiveForeground#20252c
  • tree.indentGuidesStroke#f2a2d680
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#bc8dab80

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