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#ffffff00
  • activityBar.background#1f1f1f
  • activityBar.border#f1f1f10e
  • activityBar.foreground#00c897
  • activityBar.inactiveForeground#00c89740
  • activityBarBadge.background#00c897
  • activityBarBadge.foreground#000000
  • badge.background#00c897
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#f1f1f1c1
  • breadcrumb.background#1f1f1f
  • breadcrumb.focusForeground#f1f1f1c1
  • breadcrumb.foreground#f1f1f180
  • button.background#00c897
  • button.foreground#282828
  • button.hoverBackground#f1f1f18d
  • button.secondaryBackground#f1f1f124
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#f1f1f134
  • checkbox.background#3c3c3c
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#474747
  • debugToolBar.background#333333
  • debugToolBar.border#474747
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#70b95514
  • diffEditor.removedTextBackground#ff000016
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#1f1f1f
  • editor.findMatchBackground#f1f1f118
  • editor.findMatchBorder#f1f1f106
  • editor.findMatchHighlightBackground#f1f1f11c
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#f1f1f10e
  • editor.findRangeHighlightBorder#f1f1f102
  • editor.foldBackground#f1f1f10e
  • editor.foreground#f1f1f180
  • editor.hoverHighlightBackground#f1f1f118
  • editor.inactiveSelectionBackground#f1f1f122
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#f1f1f11a
  • editor.selectionHighlightBackground#f1f1f116
  • editor.selectionHighlightBorder#f1f1f112
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#f1f1f11c
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#aeafad
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f471b5
  • editorGroup.border#444444
  • editorGroup.emptyBackground#1f1f1f
  • editorGroupHeader.border#ffffff1a
  • editorGroupHeader.tabsBackground#f1f1f10e
  • editorGutter.addedBackground#ff88b5
  • editorGutter.background#1e1e1e
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#b04c7b81
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#e2c08d
  • editorHoverWidget.background#1f1f1f
  • editorHoverWidget.border#f1f1f12e
  • editorHoverWidget.foreground#f1f1f1
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#6cba8f00
  • editorInfo.foreground#6cba8f
  • editorLineNumber.activeForeground#c6c6c6
  • editorLineNumber.foreground#858585
  • editorLink.activeForeground#f1f1f1b3
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#c8005e
  • editorMarkerNavigationInfo.background#4cb099
  • editorMarkerNavigationWarning.background#ffcc8f
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#252526
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#00c897
  • editorSuggestWidget.selectedBackground#fdfdfd1a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#1f1f1f
  • editorWidget.foreground#bababa
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#646b60
  • foreground#f1f1f1
  • gitDecoration.addedResourceForeground#00c897
  • gitDecoration.conflictingResourceForeground#ffcc8fb3
  • gitDecoration.deletedResourceForeground#b04c7b81
  • gitDecoration.ignoredResourceForeground#f1f1f148
  • gitDecoration.modifiedResourceForeground#e2c08d
  • gitDecoration.stageDeletedResourceForeground#b04c7b80
  • gitDecoration.stageModifiedResourceForeground#ffcc8fb3
  • gitDecoration.submoduleResourceForeground#4cb0ab
  • gitDecoration.untrackedResourceForeground#408260
  • icon.foreground#f1f1f1
  • input.background#3c3c3c
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#f1f1f148
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#f1f1f11c
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#f1f1f10e
  • list.focusBackground#f1f1f11a
  • list.focusForeground#b2b2b2
  • list.highlightForeground#00c897
  • list.hoverBackground#f1f1f10a
  • list.hoverForeground#f1f1f199
  • list.inactiveSelectionBackground#f1f1f10e
  • list.inactiveSelectionForeground#f1f1f1
  • listFilterWidget.background#f1f1f134
  • listFilterWidget.noMatchesOutline#be0035
  • listFilterWidget.outline#00000000
  • menu.background#1f1f1f
  • menu.border#00000085
  • menu.foreground#f1f1f1
  • menu.selectionBackground#f1f1f136
  • menu.selectionBorder#00000000
  • menu.selectionForeground#f1f1f1
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#f1f1f132
  • menubar.selectionForeground#f1f1f1
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#19413f
  • merge.currentHeaderBackground#29605d
  • merge.incomingContentBackground#064d3c
  • merge.incomingHeaderBackground#0d735a
  • minimap.background#1f1f1f
  • minimap.errorHighlight#f471b5
  • minimap.findMatchHighlight#f1f1f118
  • minimap.selectionHighlight#f1f1f11a
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#ff88b5
  • minimapGutter.deletedBackground#b04c7b81
  • minimapGutter.modifiedBackground#e2c08d
  • notificationCenter.border#47474704
  • notificationCenterHeader.background#f1f1f108
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#1f1f1f
  • notifications.border#303031
  • notifications.foreground#f1f1f1
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#f1f1f10e
  • panel.background#1e1e1e
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#f1f1f12c
  • peekViewEditor.background#2a2a2a
  • peekViewEditor.matchHighlightBackground#ff8f0038
  • peekViewEditor.matchHighlightBorder#ee931e00
  • peekViewEditorGutter.background#2a2a2a
  • peekViewResult.background#2a2a2a
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c0038
  • peekViewResult.selectionBackground#f1f1f10c
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#2a2a2a
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#00c897
  • progressBar.background#646b60
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#f1f1f134
  • selection.background#646b60
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#f1f1f1
  • sideBar.background#1f1f1f
  • sideBar.border#f1f1f10e
  • sideBar.dropBackground#f1f1f10e
  • sideBar.foreground#f1f1f1
  • sideBarSectionHeader.background#ffffff00
  • sideBarSectionHeader.border#f1f1f10e
  • sideBarSectionHeader.foreground#f1f1f1
  • sideBarTitle.foreground#f1f1f19b
  • statusBar.background#1c1f1e
  • statusBar.debuggingBackground#1c1f1e
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#1c1f1e
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#fdfdfd1f
  • statusBarItem.remoteBackground#00c89776
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#1e1e1e
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#252526
  • tab.inactiveBackground#f1f1f100
  • tab.inactiveForeground#f1f1f180
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#7066b6
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#8f80ff
  • terminal.ansiBrightCyan#67eaff
  • terminal.ansiBrightGreen#57ffc7
  • terminal.ansiBrightMagenta#ca82ff
  • terminal.ansiBrightRed#ff0c51
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#ffc71f
  • terminal.ansiCyan#5ac2d3
  • terminal.ansiGreen#3fb48d
  • terminal.ansiMagenta#a469cf
  • terminal.ansiRed#e20e4a
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#e5b010
  • terminal.border#80808059
  • terminal.foreground#999999
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#ececec3e
  • terminalCursor.foreground#ffffff
  • textLink.foreground#00c897
  • titleBar.activeBackground#1f1f1f
  • titleBar.activeForeground#f1f1f1bf
  • titleBar.border#00000000
  • titleBar.inactiveBackground#1f1f1f
  • titleBar.inactiveForeground#f1f1f15c
  • tree.indentGuidesStroke#f1f1f134
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#0000005c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

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