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#1a2e44
  • activityBar.background#1a2e44
  • activityBar.border#2d2c3f
  • activityBar.foreground#bed1ea
  • activityBar.inactiveForeground#6f8096
  • activityBarBadge.background#5b8cff
  • activityBarBadge.foreground#f2f2f2
  • badge.background#44556b
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#1a2e44
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#5b8cff
  • button.foreground#ffffff
  • button.hoverBackground#4f83ff
  • button.secondaryBackground#44556b
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#3a485a
  • checkbox.background#0c2138
  • checkbox.border#00000000
  • checkbox.foreground#e4e4e4
  • debugExceptionWidget.background#0c2138
  • debugExceptionWidget.border#9f9696
  • debugToolBar.background#0c2138
  • debugToolBar.border#48547a
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#0c2138
  • dropdown.border#00000000
  • dropdown.foreground#e4e4e4
  • editor.background#1a2e44
  • editor.findMatchBackground#333b45
  • editor.findMatchBorder#1ff036
  • editor.findMatchHighlightBackground#948e8a55
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#38475a66
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#d9d9d9
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#586d8e34
  • editor.lineHighlightBackground#7c84a51e
  • editor.lineHighlightBorder#d9929200
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#586d8e44
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#49537bb8
  • editor.wordHighlightStrongBackground#41515ab9
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#566890
  • editorCursor.background#ffffff
  • editorCursor.foreground#5b8cff
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#e24040
  • editorGroup.border#444444
  • editorGroup.emptyBackground#1a2e44
  • editorGroupHeader.tabsBackground#1a2e44
  • editorGroupHeader.tabsBorder#48547a
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#1a2e44
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#0C2138
  • editorHoverWidget.border#48547a
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#566890f6
  • editorIndentGuide.background#56689034
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#c6c6c6
  • editorLineNumber.foreground#566890
  • editorLink.activeForeground#dfe449
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#716f6f
  • editorSuggestWidget.background#0c2138
  • editorSuggestWidget.border#48547a
  • editorSuggestWidget.foreground#e0e0e0
  • editorSuggestWidget.highlightForeground#84a6f7
  • editorSuggestWidget.selectedBackground#48547a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#1A2E44
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#5a4579
  • foreground#ffffff
  • gitDecoration.addedResourceForeground#81b88b
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#c74e39
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#e2c08d
  • gitDecoration.stageDeletedResourceForeground#c74e39
  • gitDecoration.stageModifiedResourceForeground#e2c08d
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#ffffff
  • input.background#0c2138
  • input.border#00000000
  • input.foreground#e4e4e4
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#9d9dd56a
  • list.activeSelectionForeground#fdfdfd
  • list.dropBackground#a7a7a722
  • list.focusBackground#eeeeee12
  • list.focusForeground#cccccc
  • list.highlightForeground#6794ff
  • list.hoverBackground#9d9dd56a
  • list.hoverForeground#f5f5f5
  • list.inactiveSelectionBackground#c3c3d918
  • list.inactiveSelectionForeground#f9f5f5
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#b83f34
  • listFilterWidget.outline#ffffff00
  • menu.background#0c2138
  • menu.border#676b8a
  • menu.foreground#cccccc
  • menu.selectionBackground#9d9dd56a
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#676b8a
  • menubar.selectionBackground#f5f5f51a
  • menubar.selectionBorder#bcbcbc00
  • menubar.selectionForeground#e4e4e4
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#1a2e44
  • minimap.errorHighlight#e24040
  • minimap.findMatchHighlight#333b45
  • minimap.selectionHighlight#586d8e44
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#323232
  • notificationCenterHeader.background#5b8cff
  • notificationCenterHeader.foreground#f9f9f9
  • notifications.background#0c2138
  • notifications.border#6f6f71
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#ff5555
  • notificationsInfoIcon.foreground#5b8cff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#48547a
  • panel.background#0c2138
  • panel.border#f5f5f559
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#007acc
  • peekViewEditor.background#001f33
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#252526
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#5d5d68
  • pickerGroup.foreground#3794ff
  • progressBar.background#5b8cff
  • scrollbar.shadow#5d5fb8
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#67778697
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#ffffff
  • sideBar.background#0c2138
  • sideBar.border#3f3e47
  • sideBar.dropBackground#a7a7a722
  • sideBar.foreground#e3e6e6f5
  • sideBarSectionHeader.background#1a2e44
  • sideBarSectionHeader.border#5a5a5a33
  • sideBarSectionHeader.foreground#f2f2f2
  • sideBarTitle.foreground#ffffff
  • statusBar.background#1a2e44
  • statusBar.border#45455edd
  • statusBar.debuggingBackground#1a2e44
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#e6e6e6
  • statusBar.noFolderBackground#1a2e44
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#73719452
  • statusBarItem.remoteBackground#5b8cff
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#48547a
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#48547a
  • tab.hoverBackground#45445e48
  • tab.hoverBorder#48547a
  • tab.hoverForeground#d1cfcf
  • tab.inactiveBackground#1a2e44
  • tab.inactiveForeground#d1cfcf
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#2472c8
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#3b8eea
  • terminal.ansiBrightCyan#29b8db
  • terminal.ansiBrightGreen#23d18b
  • terminal.ansiBrightMagenta#d670d6
  • terminal.ansiBrightRed#f14c4c
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#e5e510
  • terminal.border#80808059
  • terminal.foreground#cccccc
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#0087FF
  • terminalCursor.foreground#ffffff
  • textLink.foreground#3794ff
  • titleBar.activeBackground#1a2e44
  • titleBar.activeForeground#cdcaca
  • titleBar.border#d7d7d700
  • titleBar.inactiveBackground#1a2e44
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#93919d76
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000064

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

Ice Theme by Ayushmaan Singh - VS Code Theme