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#ffbf58
  • activityBar.background#ffc85b
  • activityBar.border#ffbf58
  • activityBar.foreground#000000
  • activityBar.inactiveForeground#26212166
  • activityBarBadge.background#4a8fbe
  • activityBarBadge.foreground#ffffff
  • badge.background#f57a0d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e00a50
  • breadcrumb.background#ffbf58
  • breadcrumb.focusForeground#e00a50
  • breadcrumb.foreground#130a0acc
  • button.background#040a0f
  • button.foreground#ffffff
  • button.hoverBackground#bed3e2
  • button.secondaryBackground#717171
  • button.secondaryForeground#f5ecec
  • button.secondaryHoverBackground#ececec
  • checkbox.background#ffbf58
  • checkbox.border#84545400
  • checkbox.foreground#211307
  • debugExceptionWidget.background#ffbf58
  • debugExceptionWidget.border#9b6000
  • debugToolBar.background#ffbf58
  • debugToolBar.border#9b6000
  • diffEditor.border#d7d7d7
  • diffEditor.insertedTextBackground#00ff3433
  • diffEditor.insertedTextBorder#2c1b1b
  • diffEditor.removedTextBackground#ff2a2a58
  • dropdown.background#ffbf58
  • dropdown.border#84545400
  • dropdown.foreground#211307
  • editor.background#ffc85b
  • editor.findMatchBackground#a8ac94
  • editor.findMatchBorder#979b83
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#b4b4b44d
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#add6ff4d
  • editor.foreground#000000
  • editor.hoverHighlightBackground#add6ff26
  • editor.inactiveSelectionBackground#ff9595
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#ff8000
  • editor.rangeHighlightBackground#fdff0033
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#ff8000
  • editor.selectionHighlightBackground#bcdeff80
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#57575740
  • editor.wordHighlightStrongBackground#0e639c40
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#b9b9b9
  • editorCodeLens.foreground#54448c
  • editorCursor.background#ffffff
  • editorCursor.foreground#1d0000
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#e51400
  • editorGroup.border#e09300
  • editorGroup.emptyBackground#ffc85b
  • editorGroupHeader.border#ff8000
  • editorGroupHeader.tabsBackground#ffc85b
  • editorGroupHeader.tabsBorder#ffc85b
  • editorGutter.addedBackground#19ab34
  • editorGutter.background#ffbf58
  • editorGutter.commentRangeForeground#9b0074
  • editorGutter.deletedBackground#000000
  • editorGutter.foldingControlForeground#9b0074
  • editorGutter.modifiedBackground#0f0d0a
  • editorHoverWidget.background#ff9d00
  • editorHoverWidget.border#322020
  • editorHoverWidget.foreground#273147
  • editorIndentGuide.activeBackground#ff8000
  • editorIndentGuide.background#ff8000
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#445592
  • editorLineNumber.foreground#38251c
  • editorLink.activeForeground#0000ff
  • editorMarkerNavigation.background#ffc85b
  • editorMarkerNavigationError.background#211307
  • editorMarkerNavigationInfo.background#211513
  • editorMarkerNavigationWarning.background#3b2a00
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#d3d3d3
  • editorSuggestWidget.background#ffc85b
  • editorSuggestWidget.border#ff5353
  • editorSuggestWidget.foreground#0f0707
  • editorSuggestWidget.highlightForeground#0a0f13
  • editorSuggestWidget.selectedBackground#ff3c00
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#f5d073
  • editorWhitespace.foreground#ea1c1c33
  • editorWidget.background#ffbf58
  • editorWidget.foreground#211212
  • editorWidget.resizeBorder#f2c887
  • focusBorder#0090f1
  • foreground#4a3412
  • gitDecoration.addedResourceForeground#587c0c
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#ad0707
  • gitDecoration.ignoredResourceForeground#8e8e90
  • gitDecoration.modifiedResourceForeground#895503
  • gitDecoration.stageDeletedResourceForeground#ad0707
  • gitDecoration.stageModifiedResourceForeground#895503
  • gitDecoration.submoduleResourceForeground#1258a7
  • gitDecoration.untrackedResourceForeground#428442
  • icon.foreground#4a3412
  • input.background#ffbf58
  • input.border#84545400
  • input.foreground#211307
  • input.placeholderForeground#1f1010
  • inputOption.activeBackground#0e3b5a33
  • inputOption.activeBorder#83b0cf00
  • inputOption.activeForeground#1d0e0e
  • list.activeSelectionBackground#e89100
  • list.activeSelectionForeground#000000
  • list.dropBackground#ffb840
  • list.focusBackground#ffb233
  • list.focusForeground#0d0000
  • list.highlightForeground#000000
  • list.hoverBackground#211307
  • list.hoverForeground#ff9a9a
  • list.inactiveSelectionBackground#ffbf58
  • list.inactiveSelectionForeground#000000
  • listFilterWidget.background#fb4c00
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#92050500
  • menu.background#ffc85b
  • menu.border#ff323285
  • menu.foreground#110909
  • menu.selectionBackground#211307
  • menu.selectionBorder#8c4d4d00
  • menu.selectionForeground#ffbf58
  • menu.separatorBackground#211307
  • menubar.selectionBackground#3d36261a
  • menubar.selectionBorder#623535
  • menubar.selectionForeground#000000
  • merge.commonContentBackground#E5E5E5
  • merge.commonHeaderBackground#BFBFBF
  • merge.currentContentBackground#DBF4EF
  • merge.currentHeaderBackground#A4E3D6
  • merge.incomingContentBackground#DBECFF
  • merge.incomingHeaderBackground#A6CFFF
  • minimap.background#ffc85b
  • minimap.errorHighlight#e51400
  • minimap.findMatchHighlight#a8ac94
  • minimap.selectionHighlight#ff8000
  • minimap.warningHighlight#f5d073
  • minimapGutter.addedBackground#19ab34
  • minimapGutter.deletedBackground#000000
  • minimapGutter.modifiedBackground#0f0d0a
  • notificationCenter.border#ffbf58
  • notificationCenterHeader.background#ffbf58
  • notificationCenterHeader.foreground#211307
  • notifications.background#211307
  • notifications.border#ffbf58
  • notifications.foreground#ffffff
  • notificationsErrorIcon.foreground#ffffff
  • notificationsInfoIcon.foreground#ffffff
  • notificationsWarningIcon.foreground#ffffff
  • notificationToast.border#ffbf58
  • panel.background#ffc85b
  • panel.border#170d0d59
  • panelSection.border#7b222259
  • panelTitle.activeBorder#824545
  • panelTitle.activeForeground#000000
  • panelTitle.inactiveForeground#5e3434bf
  • peekView.border#ffce5e
  • peekViewEditor.background#ffce5e
  • peekViewEditor.matchHighlightBackground#b0a871de
  • peekViewEditor.matchHighlightBorder#605d46
  • peekViewEditorGutter.background#ffce5e
  • peekViewResult.background#ffce5e
  • peekViewResult.fileForeground#000000
  • peekViewResult.lineForeground#78789b
  • peekViewResult.matchHighlightBackground#5c5c5c4d
  • peekViewResult.selectionBackground#1b222a33
  • peekViewResult.selectionForeground#000000
  • peekViewTitle.background#f98742
  • peekViewTitleDescription.foreground#000000e6
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#ecc484
  • pickerGroup.foreground#211307
  • progressBar.background#0e70c0
  • scrollbar.shadow#dddddd
  • scrollbarSlider.activeBackground#d52f2f99
  • scrollbarSlider.background#e89100
  • scrollbarSlider.hoverBackground#b84848b3
  • selection.background#b0daff
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#4a3412
  • sideBar.background#ffc95c
  • sideBar.border#ffb854
  • sideBar.dropBackground#ffb840
  • sideBar.foreground#34231b
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#0f000030
  • sideBarSectionHeader.foreground#000000
  • sideBarTitle.foreground#34231b
  • statusBar.background#ffc85b
  • statusBar.border#16e282
  • statusBar.debuggingBackground#ff5500
  • statusBar.debuggingForeground#190c0c
  • statusBar.foreground#34231b
  • statusBar.noFolderBackground#ffc85b
  • statusBar.noFolderForeground#1d1010
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#bcb7b71f
  • statusBarItem.remoteBackground#16825d
  • statusBarItem.remoteForeground#110909
  • tab.activeBackground#ffc85b
  • tab.activeBorder#24131300
  • tab.activeBorderTop#1b0e0e00
  • tab.activeForeground#211307
  • tab.border#ff8000
  • tab.hoverBackground#e89100
  • tab.hoverBorder#c9961d
  • tab.hoverForeground#211307
  • tab.inactiveBackground#ffbc4d
  • tab.inactiveForeground#190d0db3
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#0451a5
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#0451a5
  • terminal.ansiBrightCyan#0598bc
  • terminal.ansiBrightGreen#14ce14
  • terminal.ansiBrightMagenta#bc05bc
  • terminal.ansiBrightRed#cd3131
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#b5ba00
  • terminal.ansiCyan#0598bc
  • terminal.ansiGreen#00bc00
  • terminal.ansiMagenta#bc05bc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#261c1c
  • terminal.ansiYellow#949800
  • terminal.border#7b222259
  • terminal.foreground#211313
  • terminal.selectionBackground#0f020240
  • terminalCursor.background#0087FF
  • terminalCursor.foreground#ffb1b1
  • textLink.foreground#059bff
  • titleBar.activeBackground#ffc85b
  • titleBar.activeForeground#150b0b
  • titleBar.border#ffbf58
  • titleBar.inactiveBackground#ffbf58
  • titleBar.inactiveForeground#00000099
  • tree.indentGuidesStroke#ffbc4d
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#3d392d

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

Fallout-Dark by valentine samuel - VS Code Theme