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.background#111111
  • activityBar.border#944278
  • activityBar.foreground#c86da9
  • activityBar.inactiveForeground#fffbfb8d
  • activityBarBadge.background#000000
  • activityBarBadge.foreground#9b5081
  • badge.background#2a2424
  • badge.foreground#c86da9
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#c86da94a
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#ffffffcc
  • button.background#f3e720
  • button.foreground#7e2082
  • button.hoverBackground#1177bb
  • button.secondaryBackground#ffffff2e
  • button.secondaryForeground#c86da9
  • button.secondaryHoverBackground#45494e
  • checkbox.background#3c3c3c
  • checkbox.border#00000000
  • checkbox.foreground#c86da9
  • debugExceptionWidget.background#000000
  • debugExceptionWidget.border#4f1818
  • debugToolBar.background#000000
  • debugToolBar.border#4f1818
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#7e208254
  • diffEditor.removedTextBackground#e41b1740
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#c86da9
  • editor.background#1e1e1e
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#c86da9
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#7e20828b
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#aeafad
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#444444
  • editorGroup.emptyBackground#1e1e1e
  • editorGroupHeader.tabsBackground#252526
  • editorGroupHeader.tabsBorder#ff00b3
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#1e1e1e
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#252526
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#c6c6c6
  • editorLineNumber.foreground#858585
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#111111
  • editorSuggestWidget.border#d12ac7
  • editorSuggestWidget.foreground#e41b17
  • editorSuggestWidget.highlightForeground#c86da9
  • editorSuggestWidget.selectedBackground#062f4a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#252526
  • editorWidget.foreground#c90000
  • editorWidget.resizeBorder#a14e4e
  • focusBorder#c86da9
  • foreground#cccccc
  • gitDecoration.addedResourceForeground#c86da9
  • gitDecoration.conflictingResourceForeground#e41b17
  • gitDecoration.deletedResourceForeground#f18518
  • gitDecoration.ignoredResourceForeground#f3e720
  • gitDecoration.modifiedResourceForeground#078837
  • gitDecoration.stageDeletedResourceForeground#3c4899
  • gitDecoration.stageModifiedResourceForeground#7e2082
  • gitDecoration.submoduleResourceForeground#7e2082
  • gitDecoration.untrackedResourceForeground#b21a1a
  • icon.foreground#cccccc
  • input.background#3c3c3c
  • input.border#00000000
  • input.foreground#c86da9
  • input.placeholderForeground#c86da9
  • inputOption.activeBackground#00000066
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#c86da9
  • list.activeSelectionBackground#094771
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#383b3d
  • list.focusBackground#062f4a
  • list.focusForeground#cccccc
  • list.highlightForeground#0097fb
  • list.hoverBackground#2a2d2e
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#37373d
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#252526
  • menu.border#c86da9
  • menu.foreground#cccccc
  • menu.selectionBackground#c86da9
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#c86da9
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionBorder#c70000
  • menubar.selectionForeground#ffffff
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#302424
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#1e1e1e
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#7e20828b
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#9f3838
  • notificationCenterHeader.background#14141f
  • notificationCenterHeader.foreground#ff02ef
  • notifications.background#252526
  • notifications.border#b7b7cb
  • notifications.foreground#de0bc6
  • notificationsErrorIcon.foreground#e41b17
  • notificationsInfoIcon.foreground#f3e720
  • notificationsWarningIcon.foreground#f18518
  • notificationToast.border#602a2a
  • panel.background#000000
  • panel.border#80808059
  • panelSection.border#c86da9
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#c86da9
  • panelTitle.inactiveForeground#fff5fc
  • 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#ff00fb
  • progressBar.background#c86da9
  • scrollbar.shadow#6d3b65
  • scrollbarSlider.activeBackground#c86da9
  • scrollbarSlider.background#c86da954
  • scrollbarSlider.hoverBackground#861f63d5
  • selection.background#130c0c8d
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#111115
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#c86da9
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc33
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#c86da9
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#821671
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#c86da9
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#252526
  • tab.inactiveBackground#2d2d2d
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#4e6e90
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#3b8eea
  • terminal.ansiBrightCyan#29b8db
  • terminal.ansiBrightGreen#23d18b
  • terminal.ansiBrightMagenta#d670d6
  • terminal.ansiBrightRed#f14c4c
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#e5e510
  • terminal.border#c86da9
  • terminal.foreground#c86da9
  • terminal.selectionBackground#28282840
  • terminalCursor.background#ff6ccd
  • terminalCursor.foreground#ffffff
  • textLink.foreground#e41b17
  • titleBar.activeBackground#c86da9
  • titleBar.activeForeground#ffffff
  • titleBar.border#ffffff00
  • titleBar.inactiveBackground#c86da9
  • titleBar.inactiveForeground#ffffff99
  • tree.indentGuidesStroke#585858
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#c86da9

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

Code Like A Rainbow by invillia - VS Code Theme