Skip to main content
Coding Theme

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

  • activityBar.activeBackground#252525
  • activityBar.background#252525
  • activityBar.border#626262
  • activityBar.foreground#fffbe4
  • activityBar.inactiveForeground#9a9a9a
  • activityBarBadge.background#00a36f
  • activityBarBadge.foreground#fffbe4
  • badge.background#00716a
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#f2ff8f
  • breadcrumb.background#252525
  • breadcrumb.focusForeground#f2ff8f
  • breadcrumb.foreground#ffffff
  • button.background#626262
  • button.foreground#ffffff
  • button.hoverBackground#352c4372
  • button.secondaryBackground#463949
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#9a9a9a
  • checkbox.background#252525
  • checkbox.border#00000000
  • checkbox.foreground#fffbe4
  • debugExceptionWidget.background#3e495a
  • debugExceptionWidget.border#00000000
  • debugToolBar.background#535353
  • debugToolBar.border#00000000
  • diffEditor.border#626262
  • diffEditor.insertedTextBackground#00ff6433
  • diffEditor.removedTextBackground#ff000030
  • diffEditor.removedTextBorder#ff000000
  • dropdown.background#252525
  • dropdown.border#00000000
  • dropdown.foreground#fffbe4
  • editor.background#323232
  • editor.findMatchBackground#4264b4
  • editor.findMatchBorder#ffffff00
  • editor.findMatchHighlightBackground#ffe30c94
  • editor.findMatchHighlightBorder#f2ff8f
  • editor.findRangeHighlightBackground#2f344185
  • editor.findRangeHighlightBorder#f2ff8f
  • editor.foldBackground#160c2126
  • editor.foreground#ffffff
  • editor.hoverHighlightBackground#9a9a9a
  • editor.inactiveSelectionBackground#3d2749
  • editor.lineHighlightBackground#ffffff12
  • editor.lineHighlightBorder#f2ff8f
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#f2ff8f
  • editor.selectionBackground#ffd67644
  • editor.selectionHighlightBackground#4f586d
  • editor.selectionHighlightBorder#f2ff8f
  • editor.wordHighlightBackground#54699bb8
  • editor.wordHighlightBorder#f2ff8f
  • editor.wordHighlightStrongBackground#54699bb8
  • editor.wordHighlightStrongBorder#ffffff00
  • editorBracketMatch.background#4e4e4e
  • editorBracketMatch.border#88888800
  • editorCodeLens.foreground#ffffff
  • editorCursor.background#00185e
  • editorCursor.foreground#f2ff8f
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#e42600
  • editorGroup.border#707070
  • editorGroup.emptyBackground#393939
  • editorGroupHeader.border#f2ff8f00
  • editorGroupHeader.tabsBackground#252525
  • editorGroupHeader.tabsBorder#ffffff00
  • editorGutter.addedBackground#c0ff3a
  • editorGutter.background#252525
  • editorGutter.commentRangeForeground#f2ff8f
  • editorGutter.deletedBackground#ff000c
  • editorGutter.foldingControlForeground#f2ff8f
  • editorGutter.modifiedBackground#2bd0ff
  • editorHoverWidget.background#545454
  • editorHoverWidget.border#001b5e
  • editorHoverWidget.foreground#ffffff
  • editorIndentGuide.activeBackground#ffdd7548
  • editorIndentGuide.background#252525
  • editorInfo.background#4490BF00
  • editorInfo.border#4490bf00
  • editorInfo.foreground#f2ff8f
  • editorLineNumber.activeForeground#fffc21
  • editorLineNumber.foreground#fffbe4
  • editorLink.activeForeground#f2ff8f
  • editorMarkerNavigation.background#3d2749
  • editorMarkerNavigationError.background#ff2b00
  • editorMarkerNavigationInfo.background#2bd0ff
  • editorMarkerNavigationWarning.background#ffdd41
  • editorOverviewRuler.background#00000000
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#646464
  • editorSuggestWidget.background#252525
  • editorSuggestWidget.border#45454500
  • editorSuggestWidget.foreground#ffffff
  • editorSuggestWidget.highlightForeground#f2ff8f
  • editorSuggestWidget.selectedBackground#ffd67644
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ffdd41
  • editorWhitespace.foreground#323232
  • editorWidget.background#4f4f4f
  • editorWidget.foreground#ffffff
  • editorWidget.resizeBorder#535353
  • focusBorder#f2ff8f
  • foreground#fffbe4
  • gitDecoration.addedResourceForeground#9cffae
  • gitDecoration.conflictingResourceForeground#9e9eff
  • gitDecoration.deletedResourceForeground#ff3512
  • gitDecoration.ignoredResourceForeground#999999
  • gitDecoration.modifiedResourceForeground#ffe766
  • gitDecoration.stageDeletedResourceForeground#ff6e55
  • gitDecoration.stageModifiedResourceForeground#e2c08d
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#6effa0
  • icon.foreground#ffffff
  • input.background#252525
  • input.border#00000000
  • input.foreground#fffbe4
  • input.placeholderForeground#f2ff8f
  • inputOption.activeBackground#9a9a9a
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#4b4857
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#503e5a
  • list.focusBackground#252525
  • list.focusForeground#f2ff8f
  • list.highlightForeground#f2ff8f
  • list.hoverBackground#352c4372
  • list.hoverForeground#f2ff8f
  • list.inactiveSelectionBackground#352c4372
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#626262
  • listFilterWidget.noMatchesOutline#252525
  • listFilterWidget.outline#252525
  • menu.background#252525
  • menu.border#626262
  • menu.foreground#fffbe4
  • menu.selectionBackground#626262
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#776c7f
  • menubar.selectionBackground#626262
  • menubar.selectionBorder#ff000000
  • menubar.selectionForeground#ffffff
  • merge.commonContentBackground#575757
  • merge.commonHeaderBackground#2d496b
  • merge.currentContentBackground#27403b
  • merge.currentHeaderBackground#388c7a
  • merge.incomingContentBackground#354154
  • merge.incomingHeaderBackground#2f71c4
  • minimap.background#00000000
  • minimap.errorHighlight#e42600
  • minimap.findMatchHighlight#4259b4
  • minimap.selectionHighlight#323c58
  • minimap.warningHighlight#ffdd41
  • minimapGutter.addedBackground#c0ff3a
  • minimapGutter.deletedBackground#ff000c
  • minimapGutter.modifiedBackground#2bd0ff
  • notebook.buttonMenuArrow#ffffff
  • notebook.cellBorder#3aa0f3
  • notebook.cellBorderColor#00000000
  • notebook.cellHoverBackground#9a9a9a
  • notebook.cellInsertionIndicator#f2ff8f
  • notebook.cellStatusBarItemHoverBackground#9a9a9a
  • notebook.cellToolbarSeparator#9a9a9a
  • notebook.codeEditorBackground#4b4857
  • notebook.dropdownArrow#ffffff
  • notebook.focusedCellBackground#252525
  • notificationCenter.border#00000000
  • notificationCenterHeader.background#303031
  • notificationCenterHeader.foreground#fffbe4
  • notifications.background#00245e
  • notifications.border#626262
  • notifications.foreground#ffffff
  • notificationsErrorIcon.foreground#ff2b00
  • notificationsInfoIcon.foreground#f2ff8f
  • notificationsWarningIcon.foreground#ffd92f
  • notificationToast.border#00000000
  • panel.background#252525
  • panel.border#626262
  • panelSection.border#626262
  • panelTitle.activeBorder#9a9a9a
  • panelTitle.activeForeground#f2ff8f
  • panelTitle.inactiveForeground#9a9a9a
  • peekView.border#626262
  • peekViewEditor.background#252525
  • peekViewEditor.matchHighlightBackground#ffdb4c3c
  • peekViewEditor.matchHighlightBorder#f2ff8f
  • peekViewEditorGutter.background#253349
  • peekViewResult.background#252525
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#ffd841
  • peekViewResult.matchHighlightBackground#ffd67644
  • peekViewResult.selectionBackground#323c58
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#343d56
  • peekViewTitleDescription.foreground#ffffff
  • peekViewTitleLabel.foreground#ffe869
  • pickerGroup.border#fffbe4
  • pickerGroup.foreground#f2ff8f
  • progressBar.background#f2ff8f
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#2f2f2f
  • scrollbarSlider.background#252525
  • scrollbarSlider.hoverBackground#9a9a9a
  • selection.background#304ea8
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#f2ff8f
  • settings.settingsHeaderHoverForeground#ff0000
  • sideBar.background#252525
  • sideBar.border#626262
  • sideBar.dropBackground#3e485a
  • sideBar.foreground#fffbe4
  • sideBarSectionHeader.background#ffffff00
  • sideBarSectionHeader.border#ffffff00
  • sideBarSectionHeader.foreground#fffbe4
  • sideBarTitle.foreground#ffffff
  • statusBar.background#252525
  • statusBar.border#626262
  • statusBar.debuggingBackground#f2ff8f
  • statusBar.debuggingBorder#626262
  • statusBar.debuggingForeground#626262
  • statusBar.foreground#fffbe4
  • statusBar.noFolderBackground#21457a
  • statusBar.noFolderBorder#252525
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#9a9a9a
  • statusBarItem.remoteBackground#16825d
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#4f4f4f
  • tab.activeBorder#272727
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#626262
  • tab.hoverBackground#9a9a9a
  • tab.hoverBorder#00000000
  • tab.hoverForeground#ffffff
  • tab.inactiveBackground#252525
  • tab.inactiveForeground#fffbe4
  • 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#626262
  • terminal.foreground#cccccc
  • terminal.selectionBackground#323c58
  • terminalCursor.background#00c086
  • terminalCursor.foreground#fbff83
  • textLink.foreground#2bd0ff
  • titleBar.activeBackground#252525
  • titleBar.activeForeground#ffffff
  • titleBar.border#626262
  • titleBar.inactiveBackground#252525
  • titleBar.inactiveForeground#fffbe4
  • tree.indentGuidesStroke#626262
  • 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#fffbe4
variable.other.generic-type.haskell#ff00cb
storage.type.haskell#00ff64
support.variable.magic.python#f2ff8f
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#ffffff
variable.parameter.function.language.special.self.python#00ff64
storage.modifier.lifetime.rust#ffffff
support.function.std.rust#40c9ff
entity.name.lifetime.rust#fffbe4
variable.language.rust#fffbe4
support.constant.edge#ff00cbbold
constant.other.character-class.regexp#fffbe4
keyword.operator.quantifier.regexp#00ff64
punctuation.definition.string.begin,punctuation.definition.string.end#ffffff
variable.parameter.function#00ff64italic
comment markup.link#8a71b8
markup.changed.diff#f2ff8f
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#40c9ff
markup.inserted.diff#7dff1f
markup.deleted.diff#f2ff8f
meta.function.c,meta.function.cpp#f2ff8f
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#ffffff
punctuation.separator.key-value#ffffff
keyword.operator.expression.import#40c9ff
support.constant.math#f2ff8f
support.constant.property.math#00ff64
variable.other.constant#f2ff8f
storage.type.annotation.java, storage.type.object.array.java#f2ff8f
source.java#f2ff8f
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#ffffff
meta.method.java#40c9ff
storage.modifier.import.java,storage.type.java,storage.type.generic.java#f2ff8f
keyword.operator.instanceof.java#ff00cb
meta.definition.variable.name.java#f2ff8f
keyword.operator.logical#41ffe3
keyword.operator.bitwise#41ffe3
keyword.operator.channel#41ffe3
support.constant.property-value.scss,support.constant.property-value.css#00ff64
keyword.operator.css,keyword.operator.scss,keyword.operator.less#41ffe3
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#00ff64
punctuation.separator.list.comma.css#ffffff
support.constant.color.w3c-standard-color-name.css#00ff64
support.type.vendored.property-name.css#41ffe3
support.module.node,support.type.object.module,support.module.node#f2ff8f
entity.name.type.module#fffbe4
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#f2ff8f
support.constant.json#00ff64
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#ff00cbbold
support.type.object.console#fffbe4
support.variable.property.process#00ff64
entity.name.function,support.function.console#40c9ff
keyword.operator.misc.rust#ffffff
keyword.operator.sigil.rust#ff00cb
keyword.operator.delete#ff00cb
support.type.object.dom#41ffe3
support.variable.dom,support.variable.property.dom#f2ff8f
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#41ffe3
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#ff00cb
punctuation.separator.delimiter#ffffff
punctuation.separator.c,punctuation.separator.cpp#ff00cbitalic
support.type.posix-reserved.c,support.type.posix-reserved.cpp#41ffe3
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#ff00cbbold
variable.parameter.function.language.python#00ff64italic
support.type.python#41ffe3
keyword.operator.logical.python#ff00cbbold
variable.parameter.function.python#00ff64bold
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#ffffff
meta.function-call.generic.python#40c9ff
storage.type.function.pythonbold
constant.character.format.placeholder.other.python#00ff64
keyword.operator#ffffff
keyword.operator.assignment.compound#ff00cbbold
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#41ffe3
keyword#ff00cbbold
entity.name.namespace#41ffe3
variable#f2ff8f
variable.c#ffffff
variable.language#fffbe4
token.variable.parameter.java#ffffff
import.storage.java#fffbe4
token.package.keyword#ff00cb
token.package#ffffff
entity.name.function, meta.require, support.function.any-method, variable.function#48cbff
entity.name.type.namespace#4effb5
support.class, entity.name.type.class#4effb5
entity.name.type.interface#4effb5
entity.name.class.identifier.namespace.type#ff00cbbold
entity.name.class, variable.other.class.js, variable.other.class.ts#f2ff8f
variable.other.class.php#f2ff8f
entity.name.type#fffbe4
keyword.control#ff00cbbold
control.elements, keyword.operator.less#00ff64
keyword.other.special-method#40c9ff
storage#ff00cbitalic bold
token.storage#ff00cb
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#ff00cb
token.storage.type.java#fffbe4
support.function#41ffe3
support.type.property-name#ffffff
support.constant.property-value#ffffff
support.constant.font-name#00ff64
meta.tag#ffffff
string#ffffff
entity.other.inherited-class#ff00cb
constant.other.symbol#41ffe3
constant.numeric#00ff64
constant#00ff64
punctuation.definition.constant#00ff64
entity.name.tag#fffbe4
entity.other.attribute-name#00ff64
entity.other.attribute-name.id#40c9ffnormal
entity.other.attribute-name.class.css#00ff64normal
meta.selector#ff00cbbold
markup.heading#fffbe4
markup.heading punctuation.definition.heading, entity.name.section#40c9ff
keyword.other.unit#ff00cb
markup.bold,todo.bold#00ff64
punctuation.definition.bold#fffbe4
markup.italic, punctuation.definition.italic,todo.emphasis#ff00cb
emphasis md#ff00cb
entity.name.section.markdown#f2ff8f
punctuation.definition.heading.markdown#fffbe4
punctuation.definition.list.begin.markdown#fffbe4
markup.heading.setext#ffffff
punctuation.definition.bold.markdown#00ff64
markup.inline.raw.markdown#7dff1f
markup.inline.raw.string.markdown#7dff1f
punctuation.definition.list.markdown#f2ff8f
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#f2ff8f
beginning.punctuation.definition.list.markdown#f2ff8f
punctuation.definition.metadata.markdown#f2ff8f
markup.underline.link.markdown,markup.underline.link.image.markdown#ff00cb
string.other.link.title.markdown,string.other.link.description.markdown#40c9ff
string.regexp#41ffe3
constant.character.escape#41ffe3
punctuation.section.embedded, variable.interpolation#f2ff8f
punctuation.section.embedded.begin,punctuation.section.embedded.end#ff00cb
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#ffffff
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#f2ff8f
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#fffbe4
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#7dff1f
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#41ffe3
support.type.property-name.json#f2ff8f
support.type.property-name.json punctuation#f2ff8f
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#ff00cb
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#ff00cb
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#f2ff8f
keyword.operator.error-control.php#ff00cb
keyword.operator.type.php#ff00cb
punctuation.section.array.begin.php#ffffff
punctuation.section.array.end.php#ffffff
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#f2ff8f
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#40c9ff
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#ffffff
support.constant.core.rust#00ff64
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#00ff64
entity.name.goto-label.php,support.other.php#40c9ff
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#41ffe3
keyword.operator.regexp.php#ff00cb
keyword.operator.comparison.php#41ffe3
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#ff00cb
meta.function.decorator.python#40c9ff
support.token.decorator.python,meta.function.decorator.identifier.python#41ffe3
function.parameter#ffffff
function.brace#ffffff
function.parameter.ruby, function.parameter.cs#ffffff
constant.language.symbol.ruby#41ffe3
rgb-value#41ffe3
inline-color-decoration rgb-value#00ff64
less rgb-value#00ff64
selector.sass#f2ff8f
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#fffbe4
block.scope.end,block.scope.begin#ffffff
storage.type.cs#fffbe4
entity.name.variable.local.cs#fffbe4
token.info-token#40c9ff
token.warn-token#00ff64
token.error-token#f44747
token.debug-token#ff00cb
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#ff00cb
meta.template.expression#ffffff
keyword.operator.module#ff00cb
support.type.type.flowtype#40c9ff
support.type.primitive#fffbe4
meta.property.object#fffbe4
variable.parameter.function.js#fffbe4
keyword.other.template.begin#7dff1f
keyword.other.template.end#7dff1f
keyword.other.substitution.begin#7dff1f
keyword.other.substitution.end#7dff1f
keyword.operator.assignment#41ffe3
keyword.operator.assignment.go#fffbe4
keyword.operator.arithmetic.go, keyword.operator.address.go#ff00cb
entity.name.package.go#fffbe4
support.type.prelude.elm#41ffe3
support.constant.elm#00ff64
punctuation.quasi.element#ff00cb
constant.character.entity#f2ff8f
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#41ffe3
entity.global.clojure#f2ff8f
meta.symbol.clojure#f2ff8f
constant.keyword.clojure#41ffe3
meta.arguments.coffee, variable.parameter.function.coffee#f2ff8f
source.ini#7dff1f
meta.scope.prerequisites.makefile#f2ff8f
source.makefile#f2ff8f
storage.modifier.import.groovy#f2ff8f
meta.method.groovy#40c9ff
meta.definition.variable.name.groovy#fffbe4
meta.definition.class.inherited.classes.groovy#7dff1f
support.variable.semantic.hlsl#fffbe4
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#ff00cb
text.variable#f2ff8f
text.bracketed#ffffff
support.type.swift, support.type.vb.asp#fffbe4
entity.name.function.xi#ff00cb
entity.name.class.xi#41ffe3
constant.character.character-class.regexp.xi#f2ff8f
constant.regexp.xi#ff00cb
keyword.control.xi#41ffe3
invalid.xi#ffffff
beginning.punctuation.definition.quote.markdown.xi#7dff1f
beginning.punctuation.definition.list.markdown.xi#8a71b8
constant.character.xi#40c9ff
accent.xi#40c9ff
wikiword.xi#00ff64
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#8a71b8
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#f2ff8f
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#f2ff8f
meta.brace.square#ffffff
comment,punctuation.definition.comment#8a71b8italic
markup.quote.markdown#8a71b8
punctuation.definition.block.sequence.item.yaml#ffffff
constant.language.symbol.elixir#41ffe3
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.pythonbold
markup.italic.markdownitalic

Shiki preview

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

Loading...

AllDwarf's Color Themes - Coding Theme