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#0e0e0e
  • activityBar.background#0e0e0e
  • activityBar.border#0e0e0e
  • activityBar.foreground#ffdd33
  • activityBar.inactiveForeground#504945
  • activityBarBadge.background#504945
  • activityBarBadge.foreground#ffdd33
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#0e0e0e
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#504945
  • button.foreground#ffffff
  • button.hoverBackground#685a52
  • button.secondaryBackground#504945
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#685a52
  • checkbox.background#0e0e0e
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#0e0e0e
  • debugExceptionWidget.border#0e0e0e
  • debugToolBar.background#0e0e0e
  • debugToolBar.border#0e0e0e
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#0e0e0e
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#0e0e0e
  • editor.findMatchBackground#504945
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#504945
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#413b38
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#3d3734
  • editor.foreground#d4d4d4
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#151515
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#504945
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#504945
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightBorder#504945
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#504945
  • editorBracketMatch.border#504945
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#ffdd33
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#ff0000
  • editorGroup.border#444444
  • editorGroup.emptyBackground#0e0e0e
  • editorGroupHeader.tabsBackground#0e0e0e
  • editorGroupHeader.tabsBorder#0e0e0e
  • editorGutter.addedBackground#00ff00
  • editorGutter.background#0e0e0e
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#ff8c00
  • editorHoverWidget.background#252526
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#00ff00
  • editorLineNumber.activeForeground#ffdd33
  • editorLineNumber.foreground#b3b3b3
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#1d1b1a
  • editorMarkerNavigationError.background#b87d71
  • editorMarkerNavigationInfo.background#44ff00
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#0e0e0e
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#0097fb
  • editorSuggestWidget.selectedBackground#062f4a
  • editorWarning.background#a9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ff4500
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#0e0e0e
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#504945
  • focusBorder#504945
  • foreground#b1a69f
  • 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#504945
  • input.background#0e0e0e
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#504945
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#151515
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#1d1c1c
  • list.focusBackground#504945
  • list.focusForeground#cccccc
  • list.highlightForeground#ffdd33
  • list.hoverBackground#1f1e1e
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#151515
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#0e0e0e
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#cccccc
  • menu.background#252526
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#094771
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#0e0e0e
  • minimap.errorHighlight#ff0000
  • minimap.findMatchHighlight#504945
  • minimap.selectionHighlight#504945
  • minimap.warningHighlight#ff4500
  • minimapGutter.addedBackground#00ff00
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#ff8c00
  • notificationCenter.border#474747
  • notificationCenterHeader.background#504945
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#0e0e0e
  • notifications.border#504945
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#504945
  • panel.background#0e0e0e
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#ffdd33
  • panelTitle.activeForeground#ffdd33
  • 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#504945
  • progressBar.background#504945
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#000000
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#504945
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#e1dad5
  • sideBar.background#0e0e0e
  • sideBar.border#80808059
  • sideBar.dropBackground#1d1c1c
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#0e0e0e
  • sideBarSectionHeader.border#504945
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#0a0a0a
  • statusBar.debuggingBackground#881111
  • statusBar.debuggingForeground#ffffff
  • statusBar.focusBorder#303030
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#0e0e0e
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#504945
  • statusBarItem.remoteBackground#0e0e0e
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#0e0e0e
  • tab.activeBorder#ffdd33
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#252526
  • tab.inactiveBackground#151515
  • 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#50494585
  • terminalCursor.background#ffdd33
  • terminalCursor.foreground#ffffff
  • textLink.foreground#3794ff
  • titleBar.activeBackground#0e0e0e
  • titleBar.activeForeground#cccccc
  • titleBar.border#0e0e0e
  • titleBar.inactiveBackground#0e0e0e
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#504945
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000000

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

Shiki preview

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

Loading...