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.

  • actionBar.toggledBackground#ffd20050
  • activityBar.activeBackground#00000000
  • activityBar.activeBorder#ffffff
  • activityBar.background#1e2024
  • activityBar.border#292c31
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#4e5055
  • activityBarBadge.background#ffffff
  • activityBarBadge.foreground#1e2024
  • badge.background#ffffff
  • badge.foreground#1e2024
  • breadcrumb.background#292c3180
  • breadcrumb.foreground#ffffff
  • breadcrumbPicker.background#292c31
  • button.background#0064ff
  • button.foreground#ffffff
  • button.hoverBackground#4e5055
  • button.secondaryBackground#ffd200
  • button.secondaryForeground#292c31
  • button.secondaryHoverBackground#ffd200
  • checkbox.background#5a5a5a
  • checkbox.foreground#ffffff
  • contrastBorder#00000000
  • debugIcon.breakpointCurrentStackframeForeground#ffd200
  • debugIcon.breakpointStackframeForeground#48ffc2
  • debugIcon.continueForeground#009fff
  • debugIcon.disconnectForeground#ff4545
  • debugIcon.pauseForeground#fda200
  • debugIcon.restartForeground#48ffc2
  • debugIcon.startForeground#48ffc2
  • debugIcon.stepBackForeground#ffd200
  • debugIcon.stepIntoForeground#ffd200
  • debugIcon.stepOutForeground#B89094
  • debugIcon.stepOverForeground#CF3BE9
  • debugIcon.stopForeground#ff4545
  • debugTokenExpression.error#ff4545
  • debugToolBar.background#292c31
  • descriptionForeground#ffffff
  • diffEditor.border#292c31
  • diffEditor.insertedTextBackground#48ffc230
  • diffEditor.insertedTextBorder#00000000
  • diffEditor.removedTextBackground#ff454530
  • diffEditor.removedTextBorder#00000000
  • dropdown.background#3c3f44
  • dropdown.border#00000000
  • dropdown.foreground#ffffff
  • dropdown.listBackground#292c31
  • editor.background#1e2024
  • editor.findMatchBackground#ff454560
  • editor.findMatchBorder#00000000
  • editor.findMatchHighlightBackground#4e5055
  • editor.findMatchHighlightBorder#00000000
  • editor.findRangeHighlightBackground#ff454530
  • editor.findRangeHighlightBorder#00000000
  • editor.foldBackground#292c31
  • editor.foreground#ffffff
  • editor.hoverHighlightBackground#ff454530
  • editor.inlineValuesBackground#3c3f44
  • editor.inlineValuesForeground#ffffff
  • editor.lineHighlightBackground#292c3170
  • editor.lineHighlightBorder#00000000
  • editor.rangeHighlightBorder#00000000
  • editor.selectionBackground#ff454530
  • editor.selectionForeground#ffffff
  • editor.selectionHighlightBackground#4e5055
  • editor.selectionHighlightBorder#00000000
  • editor.snippetFinalTabstopHighlightBorder#00000000
  • editor.snippetTabstopHighlightBorder#00000000
  • editor.wordHighlightBackground#ff454530
  • editor.wordHighlightBorder#00000000
  • editor.wordHighlightStrongBackground#ff454530
  • editor.wordHighlightStrongBorder#00000000
  • editorBracketHighlight.foreground1#3E8E7E
  • editorBracketHighlight.foreground2#7CD1B8
  • editorBracketHighlight.foreground3#FABB51
  • editorBracketHighlight.foreground4#009DAE
  • editorBracketHighlight.foreground5#71DFE7
  • editorBracketHighlight.foreground6#C2FFF9
  • editorBracketMatch.background#4e5055
  • editorBracketMatch.border#00000000
  • editorCodeLens.foreground#b89094
  • editorCursor.background#292c31
  • editorCursor.foreground#ff4545
  • editorError.background#ff454550
  • editorError.border#00000000
  • editorError.foreground#ff4545
  • editorGroup.border#292c31
  • editorGroup.dropBackground#292c31
  • editorGroupHeader.noTabsBackground#1e2024
  • editorGroupHeader.tabsBackground#1e2024
  • editorGroupHeader.tabsBorder#00000000
  • editorGutter.background#1e2024
  • editorGutter.commentRangeForeground#00000000
  • editorGutter.modifiedBackground#e1e1e1
  • editorHint.border#00000000
  • editorHint.foreground#48ffc2
  • editorHoverWidget.background#292c31
  • editorHoverWidget.border#3c3f44
  • editorHoverWidget.foreground#ffffff
  • editorHoverWidget.statusBarBackground#292c31
  • editorIndentGuide.activeBackground#ffffff
  • editorIndentGuide.background#3c3f4480
  • editorInfo.background#009fff50
  • editorInfo.border#00000000
  • editorInfo.foreground#009fff
  • editorInlayHint.background#41535B
  • editorInlayHint.foreground#ffffff
  • editorInlayHint.parameterBackground#41535B
  • editorInlayHint.parameterForeground#ffffff
  • editorInlayHint.typeBackground#41535B
  • editorInlayHint.typeForeground#ffffff
  • editorLightBulb.foreground#ffd200
  • editorLightBulbAutoFix.foreground#ff4545
  • editorLineNumber.foreground#4e5055
  • editorLink.activeForeground#ffd200
  • editorMarkerNavigation.background#1e2024
  • editorOverviewRuler.border#00000000
  • editorOverviewRuler.bracketMatchForeground#ffd200
  • editorOverviewRuler.commonContentForeground#ffd200
  • editorOverviewRuler.infoForeground#ff4545
  • editorOverviewRuler.modifiedForeground#ffd200
  • editorOverviewRuler.selectionHighlightForeground#ffd200
  • editorOverviewRuler.warningForeground#ffd200
  • editorOverviewRuler.wordHighlightForeground#ffd200
  • editorOverviewRuler.wordHighlightStrongForeground#ffd200
  • editorPane.background#292c31
  • editorStickyScroll.background#292c31
  • editorStickyScrollHover.background#4e5055
  • editorSuggestWidget.background#292c31
  • editorSuggestWidget.border#00000000
  • editorUnnecessaryCode.border#00000000
  • editorWarning.background#ffd20050
  • editorWarning.border#00000000
  • editorWarning.foreground#ffd200
  • editorWidget.background#292c31
  • editorWidget.border#ffd200
  • errorForeground#cd3f45
  • extensionButton.hoverBackground#ffd200
  • extensionButton.prominentBackground#ffd200
  • extensionButton.prominentForeground#ffffff
  • extensionButton.prominentHoverBackground#ffffff
  • focusBorder#00000000
  • foreground#ffffff
  • gitDecoration.addedResourceForeground#8bccb6
  • gitDecoration.conflictingResourceForeground#a074c4
  • gitDecoration.deletedResourceForeground#cc9194
  • gitDecoration.ignoredResourceForeground#8a8a8a
  • gitDecoration.modifiedResourceForeground#ffeb78
  • gitDecoration.stageDeletedResourceForeground#cc9194
  • gitDecoration.stageModifiedResourceForeground#ffeb78
  • gitDecoration.submoduleResourceForeground#66c4ff
  • gitDecoration.untrackedResourceForeground#8bccb6
  • gitlens.gutterBackgroundColor#292c31
  • gitlens.trailingLineForegroundColor#6288a1
  • icon.foreground#ffffff
  • input.background#3c3f44
  • input.border#00000000
  • input.foreground#ffffff
  • input.placeholderForeground#9a9da2
  • inputOption.activeBorder#00000000
  • inputValidation.errorBackground#1e2024
  • inputValidation.errorBorder#ff4545
  • inputValidation.infoBackground#1e2024
  • inputValidation.infoBorder#009fff
  • inputValidation.warningBackground#1e2024
  • inputValidation.warningBorder#ffd200
  • list.activeSelectionBackground#3c3f44
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#3c3f44
  • list.errorForeground#ff4545
  • list.filterMatchBackground#ff454550
  • list.filterMatchBorder#00000000
  • list.focusBackground#3c3f44
  • list.focusForeground#ffffff
  • list.highlightForeground#ffd200
  • list.hoverBackground#3c3f44
  • list.hoverForeground#ffffff
  • list.inactiveFocusBackground#3c3f44
  • list.inactiveSelectionBackground#3c3f44
  • list.inactiveSelectionForeground#ffffff
  • list.invalidItemForeground#ff4545
  • list.warningForeground#ffd200
  • listFilterWidget.background#009fff
  • listFilterWidget.noMatchesOutline#ff4545
  • listFilterWidget.outline#00000000
  • menu.background#1e2024
  • menu.foreground#ffffff
  • menu.selectionBackground#3c3f44
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menubar.selectionBorder#00000000
  • merge.currentContentBackground#48ffc230
  • merge.currentHeaderBackground#48ffc280
  • merge.incomingContentBackground#009fff30
  • merge.incomingHeaderBackground#009fff80
  • notebook.cellBorderColor#292c31
  • notebook.cellEditorBackground#292c3180
  • notebook.cellHoverBackground#292c3180
  • notebook.cellInsertionIndicator#48ffc2
  • notebook.cellStatusBarItemHoverBackground#4e5055
  • notebook.cellToolbarSeparator#80808059
  • notebook.editorBackground#1e2024
  • notebook.focusedCellBackground#292c31
  • notebook.focusedCellBorder#0064ff
  • notebook.focusedEditorBorder#0064ff
  • notebook.inactiveFocusedCellBorder#4a4a4a
  • notebook.inactiveSelectedCellBorder#292c31
  • notebook.outputContainerBackgroundColor#292c31
  • notebook.outputContainerBorderColor#0064ff
  • notebook.selectedCellBackground#4a4a4a
  • notebook.selectedCellBorder#0064ff
  • notebook.symbolHighlightBackground#ffffff0b
  • notebookScrollbarSlider.activeBackground#ffffff
  • notebookScrollbarSlider.background#3c3f4495
  • notebookScrollbarSlider.hoverBackground#4e5055
  • notebookStatusErrorIcon.foreground#cd3f45
  • notebookStatusRunningIcon.foreground#ffd200
  • notebookStatusSuccessIcon.foreground#48ffc2
  • notificationCenter.border#00000000
  • notificationCenterHeader.background#292c31
  • notificationCenterHeader.foreground#ffffff
  • notificationLink.foreground#ffffff
  • notifications.background#292c31
  • notifications.border#00000000
  • notifications.foreground#ffffff
  • notificationsErrorIcon.foreground#ff4545
  • notificationsInfoIcon.foreground#009fff
  • notificationsWarningIcon.foreground#ffd200
  • notificationToast.border#00000000
  • panel.background#292c31
  • panel.border#00000000
  • panelInput.border#ffd200
  • panelTitle.activeBorder#ffffff
  • panelTitle.activeForeground#ffffff
  • panelTitle.inactiveForeground#ffffff50
  • peekView.border#41535b
  • peekViewEditor.background#1e2024
  • peekViewEditor.matchHighlightBackground#ff454530
  • peekViewEditor.matchHighlightBorder#00000000
  • peekViewEditorGutter.background#1e2024
  • peekViewResult.background#292c31
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#9a9da2
  • peekViewResult.matchHighlightBackground#0064ff
  • peekViewResult.selectionBackground#3c3f44
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1e2024
  • peekViewTitleDescription.foreground#6288a1
  • peekViewTitleLabel.foreground#42e0ac
  • pickerGroup.border#3c3f44
  • pickerGroup.foreground#ffd200
  • problemsErrorIcon.foreground#ff4545
  • problemsInfoIcon.foreground#009fff
  • problemsWarningIcon.foreground#ffd200
  • progressBar.background#ffffff
  • quickInput.background#292c31
  • quickInputList.focusBackground#3c3f44
  • sash.hoverBorder#0064ff
  • scm.providerBorder#292c31
  • scrollbar.shadow#1e2024
  • scrollbarSlider.activeBackground#ffffff
  • scrollbarSlider.background#3c3f4495
  • scrollbarSlider.hoverBackground#4e5055
  • searchEditor.findMatchBackground#ff454530
  • selection.background#9a9da299
  • settings.checkboxBackground#5a5a5a
  • settings.checkboxBorder#00000000
  • settings.checkboxForeground#ffffff
  • settings.dropdownBackground#292c31
  • settings.dropdownBorder#00000000
  • settings.dropdownForeground#ffffff
  • settings.dropdownListBorder#00000000
  • settings.focusedRowBackground#292c3190
  • settings.focusedRowBorder#B89094
  • settings.modifiedItemIndicator#ffffff
  • settings.numberInputBackground#292c31
  • settings.numberInputBorder#00000000
  • settings.numberInputForeground#ffffff
  • settings.rowHoverBackground#292c3180
  • settings.sashBorder#292c31
  • settings.textInputBackground#292c31
  • settings.textInputBorder#00000000
  • settings.textInputForeground#ffffff
  • sideBar.background#1e2024
  • sideBar.border#292c31
  • sideBar.dropBackground#292c31
  • sideBar.foreground#e1e1e1
  • sideBarSectionHeader.background#292c31
  • sideBarSectionHeader.border#292c31
  • sideBarSectionHeader.foreground#ffffff
  • sideBarTitle.foreground#9a9da2
  • statusBar.background#1e2024
  • statusBar.border#292c31
  • statusBar.debuggingBackground#ffd200
  • statusBar.debuggingBorder#292c31
  • statusBar.debuggingForeground#292c31
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#cd3f45
  • statusBarItem.hoverBackground#4e5055
  • statusBarItem.remoteBackground#ffffff
  • statusBarItem.remoteForeground#1e2024
  • symbolIcon.classForeground#ffd200
  • symbolIcon.constructorForeground#a074c4
  • symbolIcon.enumeratorForeground#ffd200
  • symbolIcon.enumeratorMemberForeground#009fff
  • symbolIcon.eventForeground#ffd200
  • symbolIcon.fieldForeground#009fff
  • symbolIcon.functionForeground#a074c4
  • symbolIcon.interfaceForeground#009fff
  • symbolIcon.methodForeground#a074c4
  • symbolIcon.variableForeground#009fff
  • tab.activeBackground#292c31
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeModifiedBorder#009fff
  • tab.border#00000000
  • tab.hoverBackground#292c31
  • tab.hoverBorder#00000000
  • tab.inactiveBackground#3c3f44
  • tab.inactiveForeground#9a9da2
  • tab.inactiveModifiedBorder#009fff80
  • tab.unfocusedActiveBackground#2f3238
  • tab.unfocusedActiveModifiedBorder#009fff80
  • tab.unfocusedHoverBackground#1e2024
  • tab.unfocusedInactiveForeground#9a9da2
  • tab.unfocusedInactiveModifiedBorder#009fff40
  • terminal.ansiBlack#292c31
  • terminal.ansiBlue#ff4545
  • terminal.ansiBrightBlack#5a5a5a
  • terminal.ansiBrightBlue#ff4545
  • terminal.ansiBrightCyan#94ddff
  • terminal.ansiBrightGreen#42e0ac
  • terminal.ansiBrightMagenta#cf3be9
  • terminal.ansiBrightRed#ff4545
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#42e0ac
  • terminal.ansiCyan#94ddff
  • terminal.ansiGreen#42e0ac
  • terminal.ansiMagenta#cf3be9
  • terminal.ansiRed#ff4545
  • terminal.ansiWhite#ffffff
  • terminal.ansiYellow#42e0ac
  • terminal.background#1e2024
  • terminal.border#292c31
  • terminal.dropBackground#ffffff
  • terminal.findMatchBackground#f14c4c80
  • terminal.findMatchBorder#1e2024
  • terminal.findMatchHighlightBackground#ffd20050
  • terminal.findMatchHighlightBorder#1e2024
  • terminal.foreground#f1f1f1
  • terminal.selectionBackground#ffd20050
  • terminalCommandDecoration.defaultBackground#4e5055
  • terminalCommandDecoration.errorBackground#f14c4c
  • terminalCommandDecoration.successBackground#48ffc2
  • terminalCursor.background#ffffff
  • terminalCursor.foreground#ff4545
  • textBlockQuote.background#292c31
  • textBlockQuote.border#ffd200
  • textCodeBlock.background#4e5055
  • textLink.activeForeground#ffd200
  • textLink.foreground#48ffc2
  • textPreformat.foreground#ffd200
  • textSeparator.foreground#ffffff
  • titleBar.activeBackground#292c31
  • titleBar.activeForeground#ffffff
  • titleBar.border#292c31
  • titleBar.inactiveBackground#1e2024
  • titleBar.inactiveForeground#ffffff
  • walkThrough.embeddedEditorBackground#1e2024
  • widget.shadow#00000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
*link*, *uri*, *url*, constant.character, constant.escape, constant.other.color, constant.other.key, constant.other.symbol, invalid, invalid.illegal, keyword, markup.changed, markup.changed.git_gutter, markup.deleted, markup.deleted.git_gutter, markup.inserted, markup.inserted.git_gutter, markup.raw.block, markup.strike, markup.table, markup.underline, meta.definition.variable.ts variable.other.readwrite.ts, meta.definition.variable.ts, meta.group.braces.curly, meta.paragraph.markdown, meta.separator, meta.tag.sgml, meta.use.php, punctuation.definition.arguments.begin.bracket.round, punctuation.definition.arguments.end.bracket.round, punctuation.definition.begin.bracket, punctuation.definition.block, punctuation.definition.class.begin.bracket.curly, punctuation.definition.class.end.bracket.curly, punctuation.definition.end.bracket, punctuation.definition.parameters.begin, punctuation.definition.parameters.begin.bracket.round, punctuation.definition.parameters.end, punctuation.definition.parameters.end.bracket.round, punctuation.section.array, punctuation.section.embedded, punctuation.section.embedded.begin, punctuation.section.embedded.end, string, string.template meta.template.expression, support.class.builtin, support.constant, support.other.namespace.use.php, support.other.variable, support.type.property-name.css, tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js, variable.language.this.php, variable.other.object, variable.other.php, variable.other.readwrite.js#FFFFFF—
code.log string.quoted, entity.name.command.shell.dockerfile, keyword.other.namespace.php, keyword.other.use.php, markup.inline.raw.string.markdown, markup.quote punctuation.definition.blockquote.markdown, markup.quote, markup.underline.link, markup.underline.link.markdown, meta.diff.index, meta.scope.prerequisites.makefile, punctuation.definition.string, source.env string.quoted.double.env variable.other.env, source.makefile, string.quoted keyword.other, string.quoted, string.template, support.constant.media, keyword.file.content.ignore, text.gitconfig, string.gitconfig, source.txt#009FFF—
constant.other.php, entity.name.image.dockerfile, entity.other.attribute-name, entity.other.attribute-name.class.css, fenced_code.block.language, invalid.deprecated.entity.other.attribute-name.html, keyword.control, keyword.other.use-as.php, markup.inserted.diff, meta.attribute, meta.diff.header.to-file, meta.tag.any, meta.tag.block.any, meta.tag.inline.any, meta.tag.other, storage.modifier, storage.type.alias.shell, support.type.object.module.js, text.html.markdown meta.attribute invalid, text.html.markdown meta.attribute, storage.gitconfig, entity.name.function.txt, keyword.other.phpdoc.php#48FFC2—
markup.heading.setext, markup.raw.block.fenced.markdown, meta.separator.markdown, string.other.link.description.markdown#41535B—
comment, markup.fenced_code.block, meta.block.ts variable.other.readwrite.ts, meta.class.ts meta.method.declaration.ts meta.var.expr.ts storage.type.ts, punctuation.definition.variable.php, storage.modifier.async, storage.modifier.php, entity.name.variable.parameter.php, storage.type, variable.other.object.ts, entity.name.goto-label.php, comment.block.documentation.phpdoc.php source.php variable.other.php, entity.name.section.group-title.ini#4F6D8C—
constant.other.option.dash.shell, constant.other.option.shell, entity.name.function.target.makefile, markup.bold, markup.italic, meta.class.body.php comment.block.documentation.phpdoc.php, meta.diff.header, meta.method-call.php entity.name.goto-label.php, source.env variable.other.env, source.nginx variable, string.other.link.title.markdown, support.function.calc, support.function.misc, support.function.transform, variable.parameter#6288A1—
entity.name.type.namespace.php, support.other.namespace.php#735154—
entity.name.section.markdown, keyword.other.type.php, meta.argument.shell, meta.function.php keyword.other.type.php, punctuation.definition.block.tag, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, storage.type.class.jsdoc, string.regexp#7ACED3—
meta.method-call.static.php entity.name.function.php, meta.tag.custom, meta.tag.structure, variable.other.assignment.dockerfile#93C0C6—
constant.other.reference.link.markdown, markup.fenced_code.block.markdown string.unquoted.argument.shell, meta.interpolation variable.other.readwrite.js, string.unquoted.argument.shell.dockerfile, variable.argument, variable.language.this#94DDFF—
meta.function-call, meta.function.parameter.typehinted.php keyword.other.type.php, meta.type.annotation.ts, support.function.construct.output.php, constant.character.escape.backslash.regexp#A074C4—
code.log storage, constant.other.class.php, entity.other.keyframe-offset.css, support.class.exception, support.constant.core.php, support.constant.property-value, support.constant.std.php, variable.other.assignment.shell, variable.other.constant, meta.class.body.php constant.other.php#B89094—
code.log keyword, constant.other.character-class.regexp, entity.name.class, keyword.operator.quantifier.regexp, keyword.other.important, meta.object-literal.key.js, meta.toc-list.line-number.diff, string.unquoted.dockerfile, support.function.builtin.shell, variable.object.property, variable.other.object.property, variable.other.property, constant.restriced.file.ignore#CF3BE9—
entity.name.tag, invalid.illegal.unrecognized-tag, meta.other.type.phpdoc.php keyword.other.type.php, meta.property-list entity.name.tag.css, meta.property-list meta.property-value.css, support.function.target.PHONY.makefile, comment.block.documentation.phpdoc.php keyword.other.type.php#CD3F45—
entity.other.alias.php, entity.other.inherited-class.php, keyword.blade, keyword.definition.arrow.php, keyword.operator, meta.brace, meta.class.body.php comment.block.documentation.phpdoc.php meta.other.type.phpdoc.php, comment.block.documentation.phpdoc.php source.php, meta.function.echo.blade, meta.method-call.php, meta.tag, punctuation, punctuation.accessor, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.string.template.begin, punctuation.definition.string.template.end, punctuation.section.embedded.begin, punctuation.section.embedded.end, punctuation.separator.key-value, punctuation.separator.key-value.html, source.nginx constant.character, storage.type.function.arrow, support.function.construct.begin, support.function.construct.end, variable.language.makefile, entity.other.keyframe-offset.percentage.css, constant.other.symbol.asterisk.ignore, support.gitconfig, entity.name.type.txt#FDA200—
code.log support.type, constant.character.escape, entity.name.function.blade, entity.name.image.stage.dockerfile, keyword.operator.new, keyword.other.new.php, meta.attribute.unrecognized, meta.class.ts meta.method.declaration.ts storage.type.ts, storage.type.class, storage.type.function, support.class.builtin.js, support.class.console.js#FFDC11—
code.log invalid, constant.language, constant.numeric, entity.name.function.js, entity.name.function.php, entity.name.function.ts, entity.name.method.js, entity.name.module.js, entity.name.type, entity.name.type.class, entity.other.attribute-name.class, keyword.other, keyword.other.class.php, markup.deleted.diff, meta.declaration, meta.diff.header.from-file, meta.function-call.js support.class.builtin.js, meta.function-call.js, meta.function-call.ts support.class.builtin.ts, meta.function.shell, meta.method-call.static.php meta.function-call.php entity.name.function.php, meta.method-call.static.php meta.method-call.php entity.name.function.php, punctuation.definition.comment, punctuation.definition.heading.markdown, storage.type.php, support.class.builtin.php, support.class.js, support.class.php, support.class.ts, support.constant.property-value.css, support.function.constructor, support.function.js, support.function.magic.php#FF4545—
*link*, *uri*, *url*, constant.character.escape, entity.name.tag.css, markup.strike, markup.underline, meta.function.parameter.typehinted.php keyword.other.type.php, variable.other.assignment.dockerfile, variable.other.constant, variable.parameter—underline
entity.other.alias.php, entity.other.inherited-class.php, keyword.blade, markup.italic, meta.function.php keyword.other.type.php, meta.function.php storage.type.php, meta.function.php support.class.php, punctuation.section.embedded.begin, punctuation.section.embedded.end, support.function.calc, support.function.misc, support.function.transform, variable.language.this, variable.parameter—italic
—italic underline
markup.bold, support.function.target.PHONY.makefile—bold
rainbow1#FF4545—
keyword.rainbow2#48FFC2—
entity.name.function.rainbow3#FFE119—
comment.rainbow4#009FFF—
string.rainbow5#B89094—
variable.parameter.rainbow6#94DDFF—
constant.numeric.rainbow7#CF3BE9—
entity.name.type.rainbow8#008080—
markup.bold.rainbow9#FDA200—
invalid.rainbow10#FFFFFF—

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...