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#1e293b
  • activityBar.background#1e293b
  • activityBar.border#2d2c3f
  • activityBar.foreground#bed1ea
  • activityBar.inactiveForeground#c5d2f087
  • activityBarBadge.background#6f63ff
  • activityBarBadge.foreground#f2f2f2
  • badge.background#44556b
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#1e293b
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#5f5fdb
  • button.foreground#ffffff
  • button.hoverBackground#6666e6
  • button.secondaryBackground#44556b
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#3a485a
  • checkbox.background#131d34
  • checkbox.border#00000000
  • checkbox.foreground#d9d9d9
  • debugExceptionWidget.background#131D34
  • debugExceptionWidget.border#48547a
  • debugToolBar.background#0c2138
  • debugToolBar.border#48547a
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#131d34
  • dropdown.border#00000000
  • dropdown.foreground#d9d9d9
  • editor.background#1e293b
  • editor.findMatchBackground#333b45
  • editor.findMatchBorder#1ff036
  • editor.findMatchHighlightBackground#948e8a55
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#d9d9d9
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a5d7d50
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#585c9912
  • editor.rangeHighlightBackground#6f6f6f0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#3a5d7d95
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#55637552
  • editor.wordHighlightBorder#535c5e
  • editor.wordHighlightStrongBackground#41515ab9
  • editor.wordHighlightStrongBorder#4b4851
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#566890
  • editorCursor.background#ffffff
  • editorCursor.foreground#6f63ff
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#e24040
  • editorGroup.border#444444
  • editorGroup.emptyBackground#1e293b
  • editorGroupHeader.tabsBackground#1e293b
  • editorGroupHeader.tabsBorder#48547a
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#1e293b
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#0C2138
  • editorHoverWidget.border#48547a
  • editorHoverWidget.foreground#f0f0f0
  • editorIndentGuide.activeBackground#566890f6
  • editorIndentGuide.background#56689034
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#f2f2f2
  • editorLineNumber.foreground#48547a
  • editorLink.activeForeground#eee44d
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#716f6f
  • editorSuggestWidget.background#0f172a
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#e0e0e0
  • editorSuggestWidget.highlightForeground#83bfff
  • editorSuggestWidget.selectedBackground#9d9dd56a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#131D34
  • 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#131d34
  • input.border#00000000
  • input.foreground#d9d9d9
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#9d9dd56a
  • list.activeSelectionForeground#fdfdfd
  • list.dropBackground#a7a7a722
  • list.focusBackground#ffffff12
  • list.focusForeground#fffbfb
  • list.highlightForeground#83bfff
  • list.hoverBackground#9d9dd524
  • list.hoverForeground#f5f5f5
  • list.inactiveSelectionBackground#c3c3d918
  • list.inactiveSelectionForeground#f9f5f5
  • listFilterWidget.background#14b882
  • listFilterWidget.noMatchesOutline#b83f34
  • listFilterWidget.outline#ffffff00
  • menu.background#0f172a
  • menu.border#48547a
  • menu.foreground#cccccc
  • menu.selectionBackground#9d9dd56a
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#48547a
  • menubar.selectionBackground#f5f5f51a
  • menubar.selectionBorder#7b7b7b00
  • menubar.selectionForeground#e4e4e4
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#1e293b
  • minimap.errorHighlight#e24040
  • minimap.findMatchHighlight#333b45
  • minimap.selectionHighlight#3a5d7d95
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#323232
  • notificationCenterHeader.background#5f5fdb
  • notificationCenterHeader.foreground#f9f9f9
  • notifications.background#131d34
  • notifications.border#6f6f71
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#ff5555
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#48547a
  • panel.background#131d34
  • 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#3f3f46
  • pickerGroup.foreground#3794ff
  • progressBar.background#6f63ff
  • scrollbar.shadow#5d5fb8
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#224768
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#ffffff
  • sideBar.background#131d34
  • sideBar.border#3f3e47
  • sideBar.dropBackground#a7a7a722
  • sideBar.foreground#e3e6e6f5
  • sideBarSectionHeader.background#1e293b
  • sideBarSectionHeader.border#79797933
  • sideBarSectionHeader.foreground#f2f2f2
  • sideBarTitle.foreground#ffffff
  • statusBar.background#1e293b
  • statusBar.border#45455edd
  • statusBar.debuggingBackground#242332
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#e6e6e6
  • statusBar.noFolderBackground#242332
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#73719452
  • statusBarItem.remoteBackground#6f63ff
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#48547a
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#48547a
  • tab.hoverBackground#45445e48
  • tab.hoverBorder#242332
  • tab.hoverForeground#d9d9d9
  • tab.inactiveBackground#1e293b
  • tab.inactiveForeground#ffffff80
  • 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#1e293b
  • titleBar.activeForeground#cdcaca
  • titleBar.border#d7d7d700
  • titleBar.inactiveBackground#1e293b
  • titleBar.inactiveForeground#e6e6e6
  • tree.indentGuidesStroke#93919d76
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#0000007c

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#ff7cc1
variable.other.generic-type.haskell#bd93f9
storage.type.haskell#ffb4cd
support.variable.magic.python#ff7cc1
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#76ff7f
entity.name.lifetime.rust#d7d7d7
variable.language.rust#ff7cc1
support.constant.edge#bd93f9
constant.other.character-class.regexp#ff7cc1
keyword.operator.quantifier.regexp#ffb4cd
punctuation.definition.string.begin,punctuation.definition.string.end#7dd3fc
variable.parameter.function#d9d9d9
comment markup.link#585c99e3
markup.changed.diff#d7d7d7
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#76ff7f
markup.inserted.diff#7dd3fc
markup.deleted.diff#ff7cc1
meta.function.c,meta.function.cpp#ff7cc1
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#76ff7f
support.constant.math#d7d7d7
support.constant.property.math#ffb4cd
variable.other.constant#d7d7d7
storage.type.annotation.java, storage.type.object.array.java#d7d7d7
source.java#ff7cc1
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#76ff7f
storage.modifier.import.java,storage.type.java,storage.type.generic.java#d7d7d7
keyword.operator.instanceof.java#bd93f9
meta.definition.variable.name.java#ff7cc1
keyword.operator.logical#ff5585
keyword.operator.bitwise#ff5585
keyword.operator.channel#ff5585
support.constant.property-value.scss,support.constant.property-value.css#ffb4cd
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#ffb4cd
punctuation.separator.list.comma.css#d9d9d9
support.constant.color.w3c-standard-color-name.css#ffb4cd
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#dab2da
support.constant.json#ffb4cd
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#bd93f9
support.type.object.console#ff7cc1
support.variable.property.process#ffb4cd
entity.name.function,support.function.console#76ff7f
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#ff7cc1
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#ffb4cd
support.type.python#ff5585
keyword.operator.logical.python#bd93f9
variable.parameter.function.python#ffb4cd
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#76ff7f
constant.character.format.placeholder.other.python#ffb4cd
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#d5a1f7
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#24ed8f
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#ff7cc1
entity.name.type#fd84f3
keyword.control#bd93f9
control.elements, keyword.operator.less#ffb4cd
keyword.other.special-method#76ff7f
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#ffb4cd
meta.tag#d9d9d9
string#7dd3fc
entity.other.inherited-class#d7d7d7
constant.other.symbol#ff5585
constant.numeric#ffb4cd
constant#ffb4cd
punctuation.definition.constant#ffb4cd
entity.name.tag#ff7cc1
entity.other.attribute-name#ffb4cd
entity.other.attribute-name.id#76ff7fnormal
entity.other.attribute-name.class.css#ffb4cdnormal
meta.selector#bd93f9
markup.heading#ff7cc1
markup.heading punctuation.definition.heading, entity.name.section#76ff7f
keyword.other.unit#ff7cc1
markup.bold,todo.bold#ffb4cd
punctuation.definition.bold#d7d7d7
markup.italic, punctuation.definition.italic,todo.emphasis#bd93f9
emphasis md#bd93f9
entity.name.section.markdown#ff7cc1
punctuation.definition.heading.markdown#ff7cc1
punctuation.definition.list.begin.markdown#ff7cc1
markup.heading.setext#d9d9d9
punctuation.definition.bold.markdown#ffb4cd
markup.inline.raw.markdown#7dd3fc
markup.inline.raw.string.markdown#7dd3fc
punctuation.definition.list.markdown#ff7cc1
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#ff7cc1
beginning.punctuation.definition.list.markdown#ff7cc1
punctuation.definition.metadata.markdown#ff7cc1
markup.underline.link.markdown,markup.underline.link.image.markdown#bd93f9
string.other.link.title.markdown,string.other.link.description.markdown#76ff7f
string.regexp#ff5585
constant.character.escape#ff5585
punctuation.section.embedded, variable.interpolation#ff7cc1
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#ff7cc1
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#ff7cc1
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#7dd3fc
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#ff5585
support.type.property-name.json#ff7cc1
support.type.property-name.json punctuation#ff7cc1
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#76ff7f
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#ffb4cd
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#ffb4cd
entity.name.goto-label.php,support.other.php#76ff7f
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#76ff7f
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#ffb4cd
less rgb-value#ffb4cd
selector.sass#ff7cc1
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#ff7cc1
token.info-token#76ff7f
token.warn-token#ffb4cd
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#76ff7f
support.type.primitive#d7d7d7
meta.property.object#ff7cc1
variable.parameter.function.js#ff7cc1
keyword.other.template.begin#7dd3fc
keyword.other.template.end#7dd3fc
keyword.other.substitution.begin#7dd3fc
keyword.other.substitution.end#7dd3fc
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#ffb4cd
punctuation.quasi.element#bd93f9
constant.character.entity#ff7cc1
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#ff5585
entity.global.clojure#d7d7d7
meta.symbol.clojure#ff7cc1
constant.keyword.clojure#ff5585
meta.arguments.coffee, variable.parameter.function.coffee#ff7cc1
source.ini#7dd3fc
meta.scope.prerequisites.makefile#ff7cc1
source.makefile#d7d7d7
storage.modifier.import.groovy#d7d7d7
meta.method.groovy#76ff7f
meta.definition.variable.name.groovy#ff7cc1
meta.definition.class.inherited.classes.groovy#7dd3fc
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#ff7cc1
support.type.swift, support.type.vb.asp#d7d7d7
entity.name.function.xi#d7d7d7
entity.name.class.xi#ff5585
constant.character.character-class.regexp.xi#ff7cc1
constant.regexp.xi#bd93f9
keyword.control.xi#ff5585
invalid.xi#d9d9d9
beginning.punctuation.definition.quote.markdown.xi#7dd3fc
beginning.punctuation.definition.list.markdown.xi#585c99e3
constant.character.xi#76ff7f
accent.xi#76ff7f
wikiword.xi#a92652
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#585c99e3
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#ff7cc1
meta.brace.square#d9d9d9
comment, punctuation.definition.comment#6f8096italic
markup.quote.markdown#585c99e3
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