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#ffffff00
  • activityBar.background#131313
  • activityBar.border#ffffff00
  • activityBar.foreground#ff9d00
  • activityBar.inactiveForeground#ff9d0061
  • activityBarBadge.background#ff9d00
  • activityBarBadge.foreground#ffffff
  • badge.background#ff9d00
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#d6d6d6
  • breadcrumb.background#131313
  • breadcrumb.focusForeground#ff9d00
  • breadcrumb.foreground#c2c2c2
  • button.background#ff9d00
  • button.foreground#ffffff
  • button.hoverBackground#cc7e00
  • button.secondaryBackground#707070
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#5c5c5c
  • checkbox.background#131313
  • checkbox.border#ffffff00
  • checkbox.foreground#c2c2c2
  • debugExceptionWidget.background#131313
  • debugExceptionWidget.border#ff9d009e
  • debugToolBar.background#131313
  • debugToolBar.border#ff9d009e
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#b3ff0020
  • diffEditor.removedTextBackground#ff000028
  • dropdown.background#131313
  • dropdown.border#ffffff00
  • dropdown.foreground#c2c2c2
  • editor.background#131313
  • editor.findMatchBackground#ffb84721
  • editor.findMatchBorder#ffffff00
  • editor.findMatchHighlightBackground#ffb84721
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#ff9d0024
  • editor.foreground#ebebeb
  • editor.hoverHighlightBackground#ff9d0040
  • editor.inactiveSelectionBackground#ffb84721
  • editor.lineHighlightBackground#ffffff0a
  • editor.lineHighlightBorder#ffffff00
  • editor.rangeHighlightBackground#ffffff0a
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#ff9d0040
  • editor.selectionHighlightBackground#ffb84721
  • editor.selectionHighlightBorder#ffb847
  • editor.wordHighlightBackground#5c5c5c38
  • editor.wordHighlightStrongBackground#ff9d0040
  • editorBracketMatch.background#ff9d001a
  • editorBracketMatch.border#999999
  • editorCodeLens.foreground#99999997
  • editorCursor.background#131313
  • editorCursor.foreground#ff9d00
  • editorError.background#ffffff00
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#ffffff0d
  • editorGroup.dropBackground#ff9d001a
  • editorGroup.emptyBackground#131313
  • editorGroupHeader.tabsBackground#131313
  • editorGutter.addedBackground#93d900
  • editorGutter.background#131313
  • editorGutter.commentRangeForeground#c2c2c2
  • editorGutter.deletedBackground#d70a14
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#01baee
  • editorHoverWidget.background#131313
  • editorHoverWidget.border#ffffff1a
  • editorHoverWidget.foreground#c2c2c2
  • editorIndentGuide.activeBackground1#ffffff33
  • editorIndentGuide.background1#ffffff0d
  • editorInfo.background#ffffff00
  • editorInfo.border#ffffff00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#ffffff
  • editorLineNumber.foreground#ebebeb
  • editorLink.activeForeground#ff9d00
  • editorMarkerNavigation.background#131313
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#ffffff00
  • editorOverviewRuler.border#ffffff00
  • editorRuler.foreground#ffffff1a
  • editorSuggestWidget.background#131313
  • editorSuggestWidget.border#ffffff00
  • editorSuggestWidget.foreground#c2c2c2
  • editorSuggestWidget.highlightForeground#ff9d00
  • editorSuggestWidget.selectedBackground#ff9d002b
  • editorWarning.background#ffffff00
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#ffffff00
  • editorWidget.background#131313
  • editorWidget.foreground#c2c2c2
  • editorWidget.resizeBorder#ff9d00
  • focusBorder#ffffff00
  • foreground#ffffff
  • gitDecoration.addedResourceForeground#90eca1
  • gitDecoration.conflictingResourceForeground#3ea4ff
  • gitDecoration.deletedResourceForeground#e24c32
  • gitDecoration.ignoredResourceForeground#8c8c8c8f
  • gitDecoration.modifiedResourceForeground#ffa067
  • gitDecoration.stageDeletedResourceForeground#e24c32
  • gitDecoration.stageModifiedResourceForeground#ffa067
  • gitDecoration.submoduleResourceForeground#3efff6
  • gitDecoration.untrackedResourceForeground#90eca1
  • icon.foreground#ffffff
  • input.background#131313
  • input.border#ffffff00
  • input.foreground#ebebeb
  • input.placeholderForeground#adadad
  • inputOption.activeBackground#ff9d0052
  • inputOption.activeBorder#ffffff00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#ff9d0036
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#ebebeb17
  • list.focusBackground#ff9d0038
  • list.focusForeground#ffffff
  • list.highlightForeground#ff9d00
  • list.hoverBackground#ffffff08
  • list.hoverForeground#d6d6d6
  • list.inactiveSelectionBackground#ff9d0024
  • list.inactiveSelectionForeground#ffc466
  • listFilterWidget.background#ff9d00
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#ffffff00
  • menu.background#131313
  • menu.border#ffffff00
  • menu.foreground#ebebeb
  • menu.selectionBackground#ff9d00
  • menu.selectionBorder#ffffff00
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#ffffff00
  • menubar.selectionBackground#131313
  • menubar.selectionForeground#ff9d00
  • merge.commonContentBackground#5c5c5c
  • merge.commonHeaderBackground#707070
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#131313
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#858585
  • minimap.selectionHighlight#ff9d0040
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#93d900
  • minimapGutter.deletedBackground#d70a14
  • minimapGutter.modifiedBackground#01baee
  • notificationCenter.border#47474752
  • notificationCenterHeader.background#ff9d00
  • notificationCenterHeader.foreground#ffffff
  • notifications.background#131313
  • notifications.border#ffffff00
  • notifications.foreground#c2c2c2
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#4747473a
  • panel.background#131313
  • panel.border#ffffff0d
  • panelSection.border#ff9d0040
  • panelTitle.activeBorder#ff9d00
  • panelTitle.activeForeground#ffffff
  • panelTitle.inactiveForeground#adadad
  • peekView.border#ff9d00
  • peekViewEditor.background#131313
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#131313
  • peekViewResult.background#131313
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#999999
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#ff9d0033
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#131313
  • peekViewTitleDescription.foreground#707070b3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#ffffff00
  • pickerGroup.foreground#ff9d00
  • progressBar.background#ff9d00
  • scrollbar.shadow#ffffff00
  • scrollbarSlider.activeBackground#ff9d0066
  • scrollbarSlider.background#ff9d0066
  • scrollbarSlider.hoverBackground#ff9d00b3
  • selection.background#ffffff59
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#ffffff
  • sideBar.background#131313
  • sideBar.border#ffffff0d
  • sideBar.dropBackground#79797918
  • sideBar.foreground#d6d6d6
  • sideBarSectionHeader.background#ffffff00
  • sideBarSectionHeader.border#ffffff00
  • sideBarSectionHeader.foreground#ff9d00
  • sideBarTitle.foreground#ffffff
  • statusBar.background#ff9d00
  • statusBar.debuggingBackground#ffffff
  • statusBar.debuggingForeground#131313
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#131313
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#ffffff26
  • statusBarItem.hoverBackground#13131326
  • statusBarItem.remoteBackground#131313
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#131313
  • tab.activeBorder#ffffff00
  • tab.activeBorderTop#ffffff00
  • tab.activeForeground#ffffff
  • tab.border#ffffff00
  • tab.inactiveBackground#131313
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#ffffff
  • terminal.ansiBlue#2472c8
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#3b8eea
  • terminal.ansiBrightCyan#29b8db
  • terminal.ansiBrightGreen#23d18b
  • terminal.ansiBrightMagenta#d670d6
  • terminal.ansiBrightRed#f14c4c
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#e5e510
  • terminal.border#ff9d0040
  • terminal.foreground#c2c2c2
  • terminal.selectionBackground#ffffff17
  • terminalCursor.background#ff9d00
  • terminalCursor.foreground#ffffff
  • textLink.activeForeground#cc7e00
  • textLink.foreground#ff9d00
  • titleBar.activeBackground#131313
  • titleBar.activeForeground#ebebeb
  • titleBar.border#ffffff00
  • titleBar.inactiveBackground#131313
  • titleBar.inactiveForeground#858585
  • tree.inactiveIndentGuidesStroke#ffffff00
  • tree.indentGuidesStroke#ffffff1a
  • walkThrough.embeddedEditorBackground#1313134f
  • 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#ffffff
variable.other.generic-type.haskell#ff9d00
storage.type.haskell#ffc466
support.variable.magic.python#ffffff
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#fff3e0
variable.parameter.function.language.special.self.python#ffd085
storage.modifier.lifetime.rust#fff3e0
support.function.std.rust#ffdca3
entity.name.lifetime.rust#ffd085
variable.language.rust#ffffff
support.constant.edge#ff9d00
constant.other.character-class.regexp#ffffff
keyword.operator.quantifier.regexp#ffc466
punctuation.definition.string.begin,punctuation.definition.string.end#ffb847
variable.parameter.function#fff3e0
comment markup.link#5c5c5c
markup.changed.diff#ffd085
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#ffdca3
markup.inserted.diff#ffb847
markup.deleted.diff#ffffff
meta.function.c,meta.function.cpp#ffffff
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#fff3e0
punctuation.separator.key-value#fff3e0
keyword.operator.expression.import#ffdca3
support.constant.math#ffd085
support.constant.property.math#ffc466
variable.other.constant#ffd085
storage.type.annotation.java, storage.type.object.array.java#ffd085
source.java#ffffff
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#fff3e0
meta.method.java#ffdca3
storage.modifier.import.java,storage.type.java,storage.type.generic.java#ffd085
keyword.operator.instanceof.java#ff9d00
meta.definition.variable.name.java#ffffff
keyword.operator.logical#ffd085
keyword.operator.bitwise#ffd085
keyword.operator.channel#ffd085
support.constant.property-value.scss,support.constant.property-value.css#ffc466
keyword.operator.css,keyword.operator.scss,keyword.operator.less#ffd085
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#ffc466
punctuation.separator.list.comma.css#fff3e0
support.constant.color.w3c-standard-color-name.css#ffc466
support.type.vendored.property-name.css#ffd085
support.module.node,support.type.object.module,support.module.node#ffd085
entity.name.type.module#ffd085
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#ffffff
support.constant.json#ffc466
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#ff9d00
support.type.object.console#ffffff
support.variable.property.process#ffc466
entity.name.function,support.function.console#ffdca3
keyword.operator.misc.rust#fff3e0
keyword.operator.sigil.rust#ff9d00
keyword.operator.delete#ff9d00
support.type.object.dom#ffd085
support.variable.dom,support.variable.property.dom#ffffff
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#ffd085
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#ff9d00
punctuation.separator.delimiter#fff3e0
punctuation.separator.c,punctuation.separator.cpp#ff9d00
support.type.posix-reserved.c,support.type.posix-reserved.cpp#ffd085
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#ff9d00
variable.parameter.function.language.python#ffc466
support.type.python#ffd085
keyword.operator.logical.python#ff9d00
variable.parameter.function.python#ffc466
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#fff3e0
meta.function-call.generic.python#ffdca3
constant.character.format.placeholder.other.python#ffc466
keyword.operator#fff3e0
keyword.operator.assignment.compound#ff9d00
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#ffd085
keyword#ff9d00
entity.name.namespace#ffd085
variable#ffffff
variable.c#fff3e0
variable.language#ffd085
token.variable.parameter.java#fff3e0
import.storage.java#ffd085
token.package.keyword#ff9d00
token.package#fff3e0
entity.name.function, meta.require, support.function.any-method, variable.function#ffdca3
entity.name.type.namespace#ffd085
support.class, entity.name.type.class#ffd085
entity.name.class.identifier.namespace.type#ffd085
entity.name.class, variable.other.class.js, variable.other.class.ts#ffd085
variable.other.class.php#ffffff
entity.name.type#ffd085
keyword.control#ff9d00
control.elements, keyword.operator.less#ffc466
keyword.other.special-method#ffdca3
storage#ff9d00
token.storage#ff9d00
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#ff9d00
token.storage.type.java#ffd085
support.function#ffd085
support.type.property-name#fff3e0
support.constant.property-value#fff3e0
support.constant.font-name#ffc466
meta.tag#fff3e0
string#ffb847
entity.other.inherited-class#ffd085
constant.other.symbol#ffd085
constant.numeric#ffc466
constant#ffc466
punctuation.definition.constant#ffc466
entity.name.tag#ffd085
entity.other.attribute-name#ffc466
entity.other.attribute-name.id#ffdca3normal
entity.other.attribute-name.class.css#ffc466normal
meta.selector#ff9d00
markup.heading#ffffff
markup.heading punctuation.definition.heading, entity.name.section#ffdca3
keyword.other.unit#ffffff
markup.bold,todo.bold#ffc466
punctuation.definition.bold#ffd085
markup.italic, punctuation.definition.italic,todo.emphasis#ff9d00
emphasis md#ff9d00
entity.name.section.markdown#ffffff
punctuation.definition.heading.markdown#ffffff
punctuation.definition.list.begin.markdown#ffffff
markup.heading.setext#fff3e0
punctuation.definition.bold.markdown#ffc466
markup.inline.raw.markdown#ffb847
markup.inline.raw.string.markdown#ffb847
punctuation.definition.list.markdown#ffffff
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#ffffff
beginning.punctuation.definition.list.markdown#ffffff
punctuation.definition.metadata.markdown#ffffff
markup.underline.link.markdown,markup.underline.link.image.markdown#ff9d00
string.other.link.title.markdown,string.other.link.description.markdown#ffdca3
string.regexp#ffd085
constant.character.escape#ffd085
punctuation.section.embedded, variable.interpolation#ffffff
punctuation.section.embedded.begin,punctuation.section.embedded.end#ff9d00
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#fff3e0
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#ffffff
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#ffffff
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#ffb847
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#ffd085
source.json meta.structure.dictionary.json support.type.property-name.json#fff3e0
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#ffe7c2
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#ffdca3
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#ffd085
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#ffc466
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#ffb847
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#ffad29
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#eb9000
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#cc7e00
support.type.property-name.json#ffffff
support.type.property-name.json punctuation#ffffff
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#ff9d00
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#ff9d00
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#ffd085
keyword.operator.error-control.php#ff9d00
keyword.operator.type.php#ff9d00
punctuation.section.array.begin.php#fff3e0
punctuation.section.array.end.php#fff3e0
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#ffd085
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#ffdca3
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#fff3e0
support.constant.core.rust#ffc466
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#ffc466
entity.name.goto-label.php,support.other.php#ffdca3
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#ffd085
keyword.operator.regexp.php#ff9d00
keyword.operator.comparison.php#ffd085
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#ff9d00
meta.function.decorator.python#ffdca3
support.token.decorator.python,meta.function.decorator.identifier.python#ffd085
function.parameter#fff3e0
function.brace#fff3e0
function.parameter.ruby, function.parameter.cs#fff3e0
constant.language.symbol.ruby#ffd085
rgb-value#ffd085
inline-color-decoration rgb-value#ffc466
less rgb-value#ffc466
selector.sass#ffffff
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#ffd085
block.scope.end,block.scope.begin#fff3e0
storage.type.cs#ffd085
entity.name.variable.local.cs#ffffff
token.info-token#ffdca3
token.warn-token#ffc466
token.error-token#f44747
token.debug-token#ff9d00
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#ff9d00
meta.template.expression#fff3e0
keyword.operator.module#ff9d00
support.type.type.flowtype#ffdca3
support.type.primitive#ffd085
meta.property.object#ffffff
variable.parameter.function.js#ffffff
keyword.other.template.begin#ffb847
keyword.other.template.end#ffb847
keyword.other.substitution.begin#ffb847
keyword.other.substitution.end#ffb847
keyword.operator.assignment#ffd085
keyword.operator.assignment.go#ffd085
keyword.operator.arithmetic.go, keyword.operator.address.go#ff9d00
entity.name.package.go#ffd085
support.type.prelude.elm#ffd085
support.constant.elm#ffc466
punctuation.quasi.element#ff9d00
constant.character.entity#ffffff
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#ffd085
entity.global.clojure#ffd085
meta.symbol.clojure#ffffff
constant.keyword.clojure#ffd085
meta.arguments.coffee, variable.parameter.function.coffee#ffffff
source.ini#ffb847
meta.scope.prerequisites.makefile#ffffff
source.makefile#ffd085
storage.modifier.import.groovy#ffd085
meta.method.groovy#ffdca3
meta.definition.variable.name.groovy#ffffff
meta.definition.class.inherited.classes.groovy#ffb847
support.variable.semantic.hlsl#ffd085
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#ff9d00
text.variable, text.bracketed#ffffff
support.type.swift, support.type.vb.asp#ffd085
entity.name.function.xi#ffd085
entity.name.class.xi#ffd085
constant.character.character-class.regexp.xi#ffffff
constant.regexp.xi#ff9d00
keyword.control.xi#ffd085
invalid.xi#fff3e0
beginning.punctuation.definition.quote.markdown.xi#ffb847
beginning.punctuation.definition.list.markdown.xi#5c5c5c
constant.character.xi#ffdca3
accent.xi#ffdca3
wikiword.xi#ffc466
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#5c5c5c
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#ffd085
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#ffffff
meta.brace.square#fff3e0
comment, punctuation.definition.comment#5c5c5citalic
markup.quote.markdown#5c5c5c
punctuation.definition.block.sequence.item.yaml#fff3e0
constant.language.symbol.elixir#ffd085
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...