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#18181b
  • activityBar.background#09090b
  • activityBar.border#18181b
  • activityBar.foreground#e5e7eb
  • activityBar.inactiveForeground#6b7280
  • activityBarBadge.background#6366f1
  • activityBarBadge.foreground#ffffff
  • badge.background#6366f1
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#18181b
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#6366f1
  • button.foreground#ffffff
  • button.hoverBackground#818cf8
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • chat.avatarBackground#27272a
  • chat.avatarForeground#6366f1
  • chat.slashCommandForeground#818cf8
  • checkbox.background#18181b
  • checkbox.border#18181b
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#18181b
  • debugExceptionWidget.border#0000aa
  • debugToolBar.background#18181b
  • debugToolBar.border#0000aa
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#27272a
  • dropdown.border#3f3f46
  • dropdown.foreground#e5e7eb
  • editor.background#09090b
  • editor.findMatchBackground#3b82f650
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#6366f140
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#e5e7eb
  • editor.hoverHighlightBackground#3b82f620
  • editor.inactiveSelectionBackground#4b5563
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#18181b
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#2563eb40
  • editor.selectionHighlightBackground#6366f180
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#4c1d9570
  • editor.wordHighlightBorder#18181b
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketHighlight.foreground1#cccccc
  • editorBracketHighlight.foreground2#cccccc
  • editorBracketHighlight.foreground3#cccccc
  • editorBracketHighlight.foreground4#cccccc
  • editorBracketHighlight.foreground5#cccccc
  • editorBracketHighlight.foreground6#cccccc
  • editorBracketHighlight.unexpectedBracket.foreground#cccccc
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorBracketPairGuide.activeBackground1#7f7f7f4d
  • editorBracketPairGuide.activeBackground2#7f7f7f4d
  • editorBracketPairGuide.activeBackground3#7f7f7f4d
  • editorBracketPairGuide.activeBackground4#7f7f7f4d
  • editorBracketPairGuide.activeBackground5#7f7f7f4d
  • editorBracketPairGuide.activeBackground6#7f7f7f4d
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#06b6d4
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGhostText.background#00000000
  • editorGhostText.border#00000000
  • editorGhostText.foreground#a1a1aa
  • editorGroup.border#18181b
  • editorGroup.emptyBackground#18181b
  • editorGroupHeader.border#18181b
  • editorGroupHeader.tabsBackground#18181b
  • editorGroupHeader.tabsBorder#18181b
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#18181b
  • editorGutter.commentRangeForeground#aaaaaa
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#aaaaaa
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#27272a
  • editorHoverWidget.border#3f3f46
  • editorHoverWidget.foreground#e5e7eb
  • editorIndentGuide.activeBackground#333333
  • editorIndentGuide.background#222222
  • editorInfo.background#4490BF00
  • editorInfo.border#18181b
  • editorInfo.foreground#75beff
  • editorInlayHint.background#00000000
  • editorInlayHint.foreground#9ca3af
  • editorInlayHint.parameterForeground#a5b4fc
  • editorInlayHint.typeForeground#a5b4fc
  • editorLightBulbAi.foreground#c084fc
  • editorLineNumber.activeForeground#ffffff
  • editorLineNumber.foreground#6b7280
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#18181b
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#222222
  • editorStickyScroll.background#18181b
  • editorStickyScrollHover.background#27272a
  • editorSuggestWidget.background#27272a
  • editorSuggestWidget.border#3f3f46
  • editorSuggestWidget.foreground#e5e7eb
  • editorSuggestWidget.highlightForeground#60a5fa
  • editorSuggestWidget.selectedBackground#4f46e540
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#6b728099
  • editorWidget.background#27272a
  • editorWidget.foreground#e5e7eb
  • editorWidget.resizeBorder#0000aa
  • focusBorder#4f46e580
  • foreground#e5e7eb
  • git.blame.editorDecorationForeground#e5e7eb
  • gitDecoration.addedResourceForeground#4ade80
  • gitDecoration.conflictingResourceForeground#c084fc
  • gitDecoration.deletedResourceForeground#f87171
  • gitDecoration.ignoredResourceForeground#6b7280
  • gitDecoration.modifiedResourceForeground#facc15
  • gitDecoration.stageDeletedResourceForeground#ef4444
  • gitDecoration.stageModifiedResourceForeground#fbbf24
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#10b981
  • icon.foreground#cccccc
  • inlineEdit.indicator.background#6366f1
  • inlineEdit.indicator.border#818cf8
  • inlineEdit.indicator.foreground#ffffff
  • inlineEdit.modifiedBackground#10b98120
  • inlineEdit.originalBackground#f8717120
  • input.background#27272a
  • input.border#3f3f46
  • input.foreground#e5e7eb
  • input.placeholderForeground#9ca3af
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#6366f1
  • inputOption.activeForeground#ffffff
  • keybindingLabel.background#0055ff
  • keybindingLabel.border#0055ff
  • keybindingLabel.bottomBorder#0055ff
  • keybindingLabel.foreground#cccccc
  • keybindingTable.headerBackground#0055ff
  • keybindingTable.rowsBackground#0055ff
  • list.activeSelectionBackground#4f46e550
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#383b3d
  • list.errorForeground#ff5c6c
  • list.focusBackground#18181b
  • list.focusForeground#cccccc
  • list.highlightForeground#818cf8
  • list.hoverBackground#27272a
  • list.hoverForeground#dddddd
  • list.inactiveSelectionBackground#3f3f4650
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#222222
  • listFilterWidget.noMatchesOutline#18181b
  • listFilterWidget.outline#18181b
  • menu.background#222222
  • menu.border#222222
  • menu.foreground#dddddd
  • menu.selectionBackground#094771
  • menu.selectionBorder#222222
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#222222
  • menubar.selectionBackground#222222
  • menubar.selectionBorder#18181b
  • menubar.selectionForeground#ffffff
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#18181b
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#264f78
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#3f3f46
  • notificationCenterHeader.background#18181b
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#27272a
  • notifications.border#3f3f46
  • notifications.foreground#e5e7eb
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#3f3f46
  • panel.background#18181b
  • panel.border#27272a
  • panelSection.border#333333
  • panelTitle.activeBorder#cccccc
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#a1a1aa
  • peekView.border#6366f1
  • peekViewEditor.background#18181b
  • peekViewEditor.matchHighlightBackground#222222
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#27272a
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#09090b
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#0055ff
  • pickerGroup.foreground#0055ff
  • progressBar.background#0000ff
  • quickInput.background#27272a
  • quickInput.foreground#e5e7eb
  • quickInputList.focusBackground#4f46e580
  • quickInputList.focusBorder#4f46e580
  • quickInputList.focusForeground#ffffff
  • scrollbar.shadow#ffffff
  • scrollbarSlider.activeBackground#6366f180
  • scrollbarSlider.background#3f3f4680
  • scrollbarSlider.hoverBackground#4f46e540
  • selection.background#3b82f680
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#18181b
  • sideBar.border#27272a
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#e5e7eb
  • sideBarSectionHeader.background#18181b
  • sideBarSectionHeader.border#27272a
  • sideBarSectionHeader.foreground#818cf8
  • sideBarTitle.foreground#a5b4fc
  • statusBar.background#09090b
  • statusBar.border#27272a
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingBorder#18181b
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#e5e7eb
  • statusBar.noFolderBackground#18181b
  • statusBar.noFolderBorder#27272a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#333333
  • statusBarItem.remoteBackground#10b981
  • statusBarItem.remoteForeground#000000
  • tab.activeBackground#09090b
  • tab.activeBorder#6366f1
  • tab.activeBorderTop#18181b
  • tab.activeForeground#e5e7eb
  • tab.border#27272a
  • tab.hoverBackground#222222
  • tab.hoverBorder#18181b
  • tab.inactiveBackground#18181b
  • tab.inactiveForeground#a1a1aa
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#3b82f6
  • terminal.ansiBrightBlack#6b7280
  • terminal.ansiBrightBlue#60a5fa
  • terminal.ansiBrightCyan#22d3ee
  • terminal.ansiBrightGreen#4ade80
  • terminal.ansiBrightMagenta#e879f9
  • terminal.ansiBrightRed#f87171
  • terminal.ansiBrightWhite#f9fafb
  • terminal.ansiBrightYellow#fde047
  • terminal.ansiCyan#06b6d4
  • terminal.ansiGreen#10b981
  • terminal.ansiMagenta#c026d3
  • terminal.ansiRed#ef4444
  • terminal.ansiWhite#e5e7eb
  • terminal.ansiYellow#eab308
  • terminal.border#333333
  • terminal.foreground#e5e7eb
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#0087FF
  • terminalCursor.foreground#ffffff
  • textLink.foreground#3794ff
  • titleBar.activeBackground#18181b
  • titleBar.activeForeground#ffffff
  • titleBar.border#18181b
  • titleBar.inactiveBackground#18181b
  • titleBar.inactiveForeground#ffffff
  • tree.indentGuidesStroke#585858
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#333333

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

Shiki preview

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

Loading...

The X-Files Research Institute Theme Pack - Coding Theme