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.background#181818
  • activityBar.foreground#E8E8E8
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#383838
  • activityBarBadge.foreground#E8E8E8
  • badge.background#383838
  • badge.foreground#c1c1c1
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#181818
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#333333
  • button.foreground#E8E8E8
  • button.hoverBackground#262626
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#E8E8E8
  • button.secondaryHoverBackground#45494e
  • checkbox.background#2a2a2a
  • checkbox.border#00000000
  • checkbox.foreground#e0e0e0
  • debugExceptionWidget.background#252526
  • debugExceptionWidget.border#474747
  • debugIcon.breakpointCurrentStackframeForeground#9AA8D8
  • debugIcon.breakpointDisabledForeground#848484
  • debugIcon.breakpointForeground#C88A90
  • debugIcon.breakpointStackframeForeground#9AA8D8
  • debugIcon.breakpointUnverifiedForeground#848484
  • debugIcon.continueForeground#C88A90
  • debugIcon.disconnectForeground#C88A90
  • debugIcon.pauseForeground#C88A90
  • debugIcon.restartForeground#9AA8D8
  • debugIcon.startForeground#9AA8D8
  • debugIcon.stepBackForeground#C88A90
  • debugIcon.stepIntoForeground#C88A90
  • debugIcon.stepOutForeground#C88A90
  • debugIcon.stepOverForeground#C88A90
  • debugIcon.stopForeground#9AA8D8
  • debugToolBar.background#181818
  • debugToolBar.border#474747
  • diffEditor.border#444444
  • diffEditor.insertedLineBackground#8CC8B880
  • diffEditor.insertedTextBackground#8CC8B84D
  • diffEditor.removedLineBackground#E8B89A80
  • diffEditor.removedTextBackground#C88A9052
  • dropdown.background#2a2a2a
  • dropdown.border#00000000
  • dropdown.foreground#e0e0e0
  • editor.background#181818
  • editor.findMatchBackground#5F6B7A
  • editor.findMatchBorder#8E9FB5
  • editor.findMatchHighlightBackground#D89A7080
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#E8E8E8
  • editor.hoverHighlightBackground#4A6B8E40
  • editor.inactiveSelectionBackground#363636
  • editor.lineHighlightBackground#181818
  • editor.lineHighlightBorder#181818
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#4A6B8E
  • editor.selectionHighlightBackground#9AA8D840
  • editor.selectionHighlightBorder#6B829F
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#5F829FB8
  • editorBracketHighlight.foreground1#878787
  • editorBracketHighlight.foreground2#878787
  • editorBracketHighlight.foreground3#878787
  • editorBracketHighlight.foreground4#878787
  • editorBracketHighlight.foreground5#878787
  • editorBracketHighlight.foreground6#878787
  • editorBracketHighlight.unexpectedBracket.foreground#C88E8A
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#181818
  • editorCursor.foreground#E8E8E8
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#C88A90
  • editorGroup.border#444444
  • editorGroup.emptyBackground#181818
  • editorGroupHeader.tabsBackground#181818
  • editorGroupHeader.tabsBorder#181818
  • editorGutter.addedBackground#E8E8E8
  • editorGutter.background#181818
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#E8E8E8
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#E8E8E8
  • editorHoverWidget.background#181818
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#383838
  • editorIndentGuide.background#2a2a2a
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#9AA8D8
  • editorLineNumber.activeForeground#E8E8E8
  • editorLineNumber.foreground#727272
  • editorLink.activeForeground#7DA8D8
  • editorMarkerNavigation.background#181818
  • editorMarkerNavigationError.background#C88A90
  • editorMarkerNavigationInfo.background#9AA8D8
  • editorMarkerNavigationWarning.background#D8B470
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#181818
  • editorSuggestWidget.background#181818
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#E8E8E8
  • editorSuggestWidget.highlightForeground#E8E8E8
  • editorSuggestWidget.selectedBackground#3c3c3c99
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#E8B89A
  • editorWhitespace.foreground#E8E8E840
  • editorWidget.background#181818
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#444444
  • foreground#E8E8E8
  • gitDecoration.addedResourceForeground#E8E8E8
  • gitDecoration.conflictingResourceForeground#E8E8E8
  • gitDecoration.deletedResourceForeground#E8E8E8
  • gitDecoration.ignoredResourceForeground#E8E8E8
  • gitDecoration.modifiedResourceForeground#E8E8E8
  • gitDecoration.stageDeletedResourceForeground#E8E8E8
  • gitDecoration.stageModifiedResourceForeground#E8E8E8
  • gitDecoration.submoduleResourceForeground#E8E8E8
  • gitDecoration.untrackedResourceForeground#E8E8E8
  • icon.foreground#E8E8E8
  • input.background#181818
  • input.border#3c3c3c
  • input.foreground#e0e0e0
  • input.placeholderForeground#808080
  • inputOption.activeBackground#3a3a3a
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#E8E8E8
  • list.activeSelectionBackground#212121
  • list.activeSelectionForeground#E8E8E8
  • list.dropBackground#383b3d
  • list.focusBackground#292929
  • list.focusForeground#cccccc
  • list.highlightForeground#E8E8E8
  • list.hoverBackground#262626
  • list.hoverForeground#9e9e9e
  • list.inactiveSelectionBackground#212121
  • list.inactiveSelectionForeground#E8E8E8
  • listFilterWidget.background#181818
  • listFilterWidget.noMatchesOutline#cccccc
  • listFilterWidget.outline#00000000
  • menu.background#181818
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#3c3c3c99
  • menu.selectionBorder#00000000
  • menu.selectionForeground#E8E8E8
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#252525
  • merge.commonHeaderBackground#363636
  • merge.currentContentBackground#3F6B5A
  • merge.currentHeaderBackground#5F8C7A
  • merge.incomingContentBackground#4A5F7A
  • merge.incomingHeaderBackground#6B829F
  • minimap.background#181818
  • minimap.errorHighlight#C88A90
  • minimap.findMatchHighlight#5F6B7A
  • minimap.selectionHighlight#4A6B8E
  • minimap.warningHighlight#D8B470
  • minimapGutter.addedBackground#8CC8B8
  • minimapGutter.deletedBackground#C88E8A
  • minimapGutter.modifiedBackground#E8B89A
  • notificationCenter.border#474747
  • notificationCenterHeader.background#303031
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#181818
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#E8E8E8
  • notificationsInfoIcon.foreground#E8E8E8
  • notificationsWarningIcon.foreground#E8E8E8
  • notificationToast.border#474747
  • panel.background#181818
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#181818
  • panelTitle.activeForeground#E8E8E8
  • panelTitle.inactiveForeground#484848
  • peekView.border#444444
  • peekViewEditor.background#181818
  • peekViewEditor.matchHighlightBackground#D89A7080
  • peekViewEditor.matchHighlightBorder#C88E60
  • peekViewEditorGutter.background#1F2F4A
  • peekViewResult.background#181818
  • peekViewResult.fileForeground#E8E8E8
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#D89A7080
  • peekViewResult.selectionBackground#9AA8D840
  • peekViewResult.selectionForeground#E8E8E8
  • peekViewTitle.background#181818
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#E8E8E8
  • pickerGroup.border#363636
  • pickerGroup.foreground#E8E8E8
  • progressBar.background#E8E8E8
  • scrollbar.shadow#181818
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#3c3c3c99
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#E8E8E8
  • settings.modifiedItemIndicator#E8B89A
  • sideBar.background#181818
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#181818
  • sideBarSectionHeader.border#181818
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#181818
  • statusBar.debuggingBackground#181818
  • statusBar.debuggingForeground#E8E8E8
  • statusBar.foreground#7e7e7e
  • statusBar.noFolderBackground#181818
  • statusBar.noFolderForeground#E8E8E8
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#181818
  • statusBarItem.remoteForeground#E8E8E8
  • tab.activeBackground#181818
  • tab.activeBorder#363636
  • tab.activeBorderTop#00000000
  • tab.activeForeground#E8E8E8
  • tab.border#181818
  • tab.inactiveBackground#181818
  • tab.inactiveForeground#727272
  • terminal.ansiBlack#101010
  • terminal.ansiBlue#E8B89A
  • terminal.ansiBrightBlack#101010
  • terminal.ansiBrightBlue#E8B89A
  • terminal.ansiBrightCyan#8CC8B8
  • terminal.ansiBrightGreen#8CC8B8
  • terminal.ansiBrightMagenta#A68EA8
  • terminal.ansiBrightRed#C88E8A
  • terminal.ansiBrightWhite#F0F0E8
  • terminal.ansiBrightYellow#E8B89A
  • terminal.ansiCyan#8CC8B8
  • terminal.ansiGreen#8CC8B8
  • terminal.ansiMagenta#A68EA8
  • terminal.ansiRed#C88E8A
  • terminal.ansiWhite#D8D8D0
  • terminal.ansiYellow#E8B89A
  • terminal.border#80808059
  • terminal.foreground#E8E8E8
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#E8B89A
  • terminalCursor.foreground#E8E8E8
  • textLink.activeForeground#E8B89A
  • textLink.foreground#E8E8E8
  • titleBar.activeBackground#181818
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#181818
  • titleBar.inactiveForeground#cccccc
  • tree.indentGuidesStroke#585858
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#181818

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

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

Shiki preview

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

Loading...