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#f5f5f5
  • activityBar.background#f5f5f5
  • activityBar.border#f5f5f5
  • activityBar.foreground#000000
  • activityBar.inactiveForeground#828282
  • activityBarBadge.background#baceff
  • activityBarBadge.foreground#004cff
  • badge.background#c9d9ff
  • badge.foreground#2968ff
  • breadcrumb.activeSelectionForeground#b1e2ff
  • breadcrumb.background#f5f5f5
  • breadcrumb.focusForeground#b1e2ff
  • breadcrumb.foreground#8899a3
  • button.background#144bcd
  • button.foreground#ffffff
  • button.hoverBackground#4876e4
  • button.secondaryBackground#828282
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#333333
  • checkbox.background#ffffff
  • checkbox.border#00000000
  • checkbox.foreground#000000
  • debugExceptionWidget.background#111111
  • debugExceptionWidget.border#00000000
  • debugToolBar.background#111111
  • debugToolBar.border#00000000
  • diffEditor.border#00000000
  • diffEditor.insertedTextBackground#6ffff833
  • diffEditor.insertedTextBorder#f5f5f5
  • diffEditor.removedTextBackground#ff828233
  • diffEditor.removedTextBorder#f5f5f5
  • dropdown.background#ffffff
  • dropdown.border#00000000
  • dropdown.foreground#000000
  • editor.background#f5f5f5
  • editor.findMatchBackground#0064ff42
  • editor.findMatchBorder#74879f00
  • editor.findMatchHighlightBackground#ffcc007a
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#00ff281a
  • editor.findRangeHighlightBorder#f2f2f200
  • editor.foldBackground#d0d9ff4d
  • editor.foreground#3b3b3b
  • editor.hoverHighlightBackground#a0cfff40
  • editor.inactiveSelectionBackground#e8e8e8
  • editor.lineHighlightBackground#adf7ff3c
  • editor.lineHighlightBorder#28282800
  • editor.rangeHighlightBackground#ff89890b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#d1e7ff
  • editor.selectionHighlightBackground#ffadad26
  • editor.selectionHighlightBorder#00000000
  • editor.wordHighlightBackground#bababa72
  • editor.wordHighlightBorder#ff000000
  • editor.wordHighlightStrongBackground#afe2ffb8
  • editor.wordHighlightStrongBorder#ff000000
  • editorBracketMatch.background#ff97281c
  • editorBracketMatch.border#ff9077
  • editorCodeLens.foreground#9ea19c9b
  • editorCursor.background#000000
  • editorCursor.foreground#b6b6b6
  • editorError.background#7b444200
  • editorError.border#ffffff00
  • editorError.foreground#ff9b9b
  • editorGroup.border#00000070
  • editorGroup.emptyBackground#f5f5f5
  • editorGroupHeader.border#00000000
  • editorGroupHeader.tabsBackground#f5f5f5
  • editorGroupHeader.tabsBorder#ff787800
  • editorGutter.addedBackground#97ff4f
  • editorGutter.background#f5f5f5
  • editorGutter.commentRangeForeground#eeeeee
  • editorGutter.deletedBackground#ff000b
  • editorGutter.foldingControlForeground#eeeeee
  • editorGutter.modifiedBackground#8be5ff
  • editorHoverWidget.background#ddffd9
  • editorHoverWidget.border#15141400
  • editorHoverWidget.foreground#000000
  • editorIndentGuide.activeBackground#ababab
  • editorIndentGuide.background#33333344
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#63b5ff
  • editorLineNumber.activeForeground#000000
  • editorLineNumber.foreground#929292
  • editorLink.activeForeground#54b2ff
  • editorMarkerNavigation.background#ffffff
  • editorMarkerNavigationError.background#ffa0a0
  • editorMarkerNavigationInfo.background#6dbaff
  • editorMarkerNavigationWarning.background#ffdb4d
  • editorOverviewRuler.background#5e5e5e00
  • editorOverviewRuler.border#c0afaf00
  • editorRuler.foreground#333333
  • editorSuggestWidget.background#ffffff
  • editorSuggestWidget.border#45454544
  • editorSuggestWidget.foreground#585858
  • editorSuggestWidget.highlightForeground#5e59ff
  • editorSuggestWidget.selectedBackground#a1c6ff
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ffd000
  • editorWhitespace.foreground#515151
  • editorWidget.background#ffffff
  • editorWidget.foreground#000000
  • editorWidget.resizeBorder#00000000
  • focusBorder#00000000
  • foreground#999999
  • gitDecoration.addedResourceForeground#22e846
  • gitDecoration.conflictingResourceForeground#364fd9
  • gitDecoration.deletedResourceForeground#ff0000
  • gitDecoration.ignoredResourceForeground#ab2d2d
  • gitDecoration.modifiedResourceForeground#ad8900
  • gitDecoration.stageDeletedResourceForeground#a33522
  • gitDecoration.stageModifiedResourceForeground#cb851d
  • gitDecoration.submoduleResourceForeground#00529f
  • gitDecoration.untrackedResourceForeground#009434
  • icon.foreground#999999
  • input.background#ffffff
  • input.border#00000000
  • input.foreground#000000
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#2968ff
  • inputOption.activeBorder#00000000
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#e2e2e2
  • list.activeSelectionForeground#000000
  • list.dropBackground#c0e7ff
  • list.focusBackground#eed26154
  • list.focusForeground#8c7000
  • list.highlightForeground#4b92d9
  • list.hoverBackground#cbffcabf
  • list.hoverForeground#000000
  • list.inactiveSelectionBackground#e2e2e2
  • list.inactiveSelectionForeground#000000
  • listFilterWidget.background#c6f2ff
  • listFilterWidget.noMatchesOutline#00000000
  • listFilterWidget.outline#00000000
  • menu.background#ffffff
  • menu.border#00000000
  • menu.foreground#434343
  • menu.selectionBackground#e2e2e2
  • menu.selectionBorder#00000000
  • menu.selectionForeground#000000
  • menu.separatorBackground#ffffff54
  • menubar.selectionBackground#ffffff
  • menubar.selectionBorder#e60f0f00
  • menubar.selectionForeground#000000
  • merge.commonContentBackground#dbdbdb
  • merge.commonHeaderBackground#c4c4c4
  • merge.currentContentBackground#b1ffef
  • merge.currentHeaderBackground#6affdc
  • merge.incomingContentBackground#b1d5ff
  • merge.incomingHeaderBackground#6baaf9
  • minimap.background#f5f5f5
  • minimap.errorHighlight#ff9b9b
  • minimap.findMatchHighlight#0064ff42
  • minimap.selectionHighlight#d1e7ff
  • minimap.warningHighlight#ffd000
  • minimapGutter.addedBackground#97ff4f
  • minimapGutter.deletedBackground#ff000b
  • minimapGutter.modifiedBackground#8be5ff
  • notificationCenter.border#00000000
  • notificationCenterHeader.background#111111
  • notificationCenterHeader.foreground#fbfbfb
  • notifications.background#111111
  • notifications.border#00000000
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#FF6D6D
  • notificationsInfoIcon.foreground#7EE2FF
  • notificationsWarningIcon.foreground#ffc047
  • notificationToast.border#47474700
  • panel.background#ffffff
  • panel.border#00000000
  • panelSection.border#ffffff0a
  • panelTitle.activeBorder#000000
  • panelTitle.activeForeground#000000
  • panelTitle.inactiveForeground#6f6f6f
  • peekView.border#7bb4d900
  • peekViewEditor.background#e0e6ff
  • peekViewEditor.matchHighlightBackground#ffb30056
  • peekViewEditor.matchHighlightBorder#00000000
  • peekViewEditorGutter.background#e0e6ff
  • peekViewResult.background#e0e6ff
  • peekViewResult.fileForeground#2150a9
  • peekViewResult.lineForeground#ff0000
  • peekViewResult.matchHighlightBackground#ff19004d
  • peekViewResult.selectionBackground#0062c444
  • peekViewResult.selectionForeground#0800ff
  • peekViewTitle.background#e0e6ff
  • peekViewTitleDescription.foreground#626262
  • peekViewTitleLabel.foreground#000000
  • pickerGroup.border#00000000
  • pickerGroup.foreground#5295e2
  • progressBar.background#0087FF
  • scrollbar.shadow#ffffff
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#49485a20
  • scrollbarSlider.hoverBackground#49485a20
  • selection.background#0087FF
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#999999
  • sideBar.background#f5f5f5
  • sideBar.border#000000
  • sideBar.dropBackground#c0e7ff
  • sideBar.foreground#454545
  • sideBarSectionHeader.background#ff000000
  • sideBarSectionHeader.border#ffffff00
  • sideBarSectionHeader.foreground#0087ff
  • sideBarTitle.foreground#000000
  • statusBar.background#f5f5f5
  • statusBar.border#f5f5f5
  • statusBar.debuggingBackground#2c1414
  • statusBar.debuggingBorder#f5f5f5
  • statusBar.debuggingForeground#999999
  • statusBar.foreground#777777
  • statusBar.noFolderBackground#241528
  • statusBar.noFolderBorder#f5f5f5
  • statusBar.noFolderForeground#999999
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#f5f5f5
  • statusBarItem.remoteForeground#777777
  • tab.activeBackground#f5f5f5
  • tab.activeBorder#00000000
  • tab.activeBorderTop#000000
  • tab.activeForeground#000000
  • tab.border#f5f5f5
  • tab.hoverBackground#ffffff
  • tab.hoverBorder#00000000
  • tab.hoverForeground#000000
  • tab.inactiveBackground#f5f5f5
  • tab.inactiveForeground#999999
  • terminal.ansiBlack#3d3d3d
  • terminal.ansiBlue#2472c8
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#74BCFF
  • terminal.ansiBrightCyan#74F2FF
  • terminal.ansiBrightGreen#23d18b
  • terminal.ansiBrightMagenta#d670d6
  • terminal.ansiBrightRed#f14c4c
  • terminal.ansiBrightWhite#c9c9c9
  • terminal.ansiBrightYellow#ffda3d
  • terminal.ansiCyan#39CDE2
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#a3a3a3
  • terminal.ansiYellow#d3c16f
  • terminal.border#ffffff0a
  • terminal.foreground#000000
  • terminal.selectionBackground#00ff4c0c
  • terminalCursor.background#333333
  • terminalCursor.foreground#ffffff
  • textLink.foreground#2968ff
  • titleBar.activeBackground#f5f5f5
  • titleBar.activeForeground#565656
  • titleBar.border#00000000
  • titleBar.inactiveBackground#f5f5f5
  • titleBar.inactiveForeground#5a5a5a
  • tree.indentGuidesStroke#585858
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000054

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

Underdark by Rolando Taipe - VS Code Theme