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.activeBorder#0078d4
  • activityBar.background#000000
  • activityBar.border#2e2e2e
  • activityBar.foreground#ededed
  • activityBar.inactiveForeground#a0a0a0
  • activityBarBadge.background#5cc2b2
  • activityBarBadge.foreground#000000
  • badge.background#5cc2b2
  • badge.foreground#000000
  • breadcrumb.activeSelectionForeground#ededed
  • breadcrumb.background#0a0a0a
  • breadcrumb.focusForeground#ededed
  • breadcrumb.foreground#a0a0a0
  • button.background#5cc2b2
  • button.border#ffffff12
  • button.foreground#000000
  • button.hoverBackground#5cc2b2bb
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#3c3c3c
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#000000
  • debugExceptionWidget.border#2e2e2e
  • debugToolBar.background#000000
  • debugToolBar.border#2e2e2e
  • descriptionForeground#8b949e
  • diffEditor.border#444444
  • diffEditor.insertedLineBackground#23863633
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedLineBackground#da363333
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • dropdown.listBackground#313131
  • editor.background#0a0a0a
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#4598f7
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#ededed
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#ffffff0a
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#ffffff24
  • 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#0a0a0a
  • editorGroupHeader.tabsBackground#0a0a0a
  • editorGroupHeader.tabsBorder#ffffff15
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#0a0a0a
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#000000
  • editorHoverWidget.border#2e2e2e
  • editorHoverWidget.foreground#a0a0a0
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#2e2e2e
  • editorInfo.background#4490bf00
  • editorInfo.border#4490bf00
  • editorInfo.foreground#75beff
  • editorInlayHint.background#8b949e33
  • editorInlayHint.foreground#8b949e
  • editorInlayHint.typeBackground#8b949e33
  • editorInlayHint.typeForeground#8b949e
  • editorLineNumber.activeForeground#c6c6c6
  • editorLineNumber.foreground#858585
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#000000
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#000000
  • editorSuggestWidget.border#2e2e2e
  • editorSuggestWidget.foreground#a0a0a0
  • editorSuggestWidget.highlightForeground#5cc2b2
  • editorSuggestWidget.selectedBackground#282828
  • editorWarning.background#a9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#000000
  • editorWidget.foreground#a0a0a0
  • editorWidget.resizeBorder#2e2e2e
  • errorForeground#f85149
  • focusBorder#5cc2b2
  • foreground#a0a0a0
  • gitDecoration.addedResourceForeground#40c458
  • gitDecoration.conflictingResourceForeground#8484f5
  • gitDecoration.deletedResourceForeground#f04343
  • gitDecoration.ignoredResourceForeground#777777
  • gitDecoration.modifiedResourceForeground#fdca7d
  • gitDecoration.stageDeletedResourceForeground#f04343
  • gitDecoration.stageModifiedResourceForeground#fdca7d
  • gitDecoration.submoduleResourceForeground#60adf5
  • gitDecoration.untrackedResourceForeground#99dbb0
  • icon.foreground#a0a0a0
  • input.background#3c3c3c
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#ffffff24
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • keybindingLabel.foreground#cccccc
  • list.activeSelectionBackground#ffffff24
  • list.activeSelectionForeground#ededed
  • list.activeSelectionIconForeground#ffffff
  • list.dropBackground#ffffff12
  • list.focusBackground#ffffff24
  • list.focusForeground#ededed
  • list.highlightForeground#5cc2b2
  • list.hoverBackground#ffffff12
  • list.hoverForeground#ededed
  • list.inactiveSelectionBackground#ffffff12
  • list.inactiveSelectionForeground#ededed
  • listFilterWidget.background#2e2e2e
  • listFilterWidget.noMatchesOutline#ff2424
  • listFilterWidget.outline#5cc2b2
  • menu.background#000000
  • menu.border#2e2e2e
  • menu.foreground#a0a0a0
  • menu.selectionBackground#ffffff12
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ededed
  • menu.separatorBackground#2e2e2e
  • menubar.selectionBackground#ffffff12
  • menubar.selectionBorder#2e2e2e
  • menubar.selectionForeground#ededed
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403b
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384b
  • merge.incomingHeaderBackground#395f8f
  • minimap.background#0a0a0a
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#ffffff24
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#2e2e2e
  • notificationCenterHeader.background#000000
  • notificationCenterHeader.foreground#ededed
  • notifications.background#000000
  • notifications.border#2e2e2e
  • notifications.foreground#a0a0a0
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#2e2e2e
  • panel.background#000000
  • panel.border#2e2e2e
  • panelInput.border#ffffff15
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#5cc2b2
  • peekViewEditor.background#00322a
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#00322a
  • peekViewResult.background#000000
  • peekViewResult.fileForeground#ededed
  • peekViewResult.lineForeground#a0a0a0
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#00000000
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#2e2e2e
  • pickerGroup.foreground#5cc2b2
  • ports.iconRunningProcessForeground#369432
  • progressBar.background#5cc2b2
  • quickInput.background#1f1f1f
  • quickInput.foreground#cccccc
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#ffffff24
  • settings.dropdownBackground#313131
  • settings.dropdownBorder#ffffff1f
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#a0a0a0
  • settings.modifiedItemIndicator#bb800966
  • sideBar.background#000000
  • sideBar.border#2e2e2e
  • sideBar.dropBackground#ffffff12
  • sideBar.foreground#a0a0a0
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#00000000
  • sideBarSectionHeader.foreground#ededed
  • sideBarTitle.foreground#a0a0a0
  • statusBar.background#000000
  • statusBar.border#2e2e2e
  • statusBar.debuggingBackground#cb6308
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#a0a0a0
  • statusBar.noFolderBackground#000000
  • statusBar.noFolderBorder#2e2e2e
  • statusBar.noFolderForeground#a0a0a0
  • statusBarItem.activeBackground#ffffff25
  • statusBarItem.focusBorder#0078d4
  • statusBarItem.hoverBackground#ffffff12
  • statusBarItem.prominentBackground#6e768166
  • statusBarItem.remoteBackground#000000
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#000000
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#2e2e2e
  • tab.hoverBackground#1f1f1f
  • tab.hoverForeground#ffffff
  • tab.inactiveBackground#0a0a0a
  • tab.inactiveForeground#ffffff80
  • tab.lastPinnedBorder#cccccc33
  • tab.unfocusedActiveBorder#1f1f1f
  • tab.unfocusedActiveBorderTop#ffffff15
  • tab.unfocusedHoverBackground#6e76811a
  • 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.inactiveSelectionBackground#3a3d41
  • terminal.selectionBackground#ffffff40
  • terminal.tab.activeBorder#0078d4
  • terminalCursor.background#ffffff24
  • terminalCursor.foreground#ffffff
  • textBlockQuote.background#010409
  • textBlockQuote.border#ffffff14
  • textCodeBlock.background#6e768166
  • textLink.activeForeground#40a6ff
  • textLink.foreground#3794ff
  • textSeparator.foreground#21262d
  • titleBar.activeBackground#000000
  • titleBar.activeForeground#a0a0a0
  • titleBar.border#2e2e2e
  • titleBar.inactiveBackground#2e2e2e
  • titleBar.inactiveForeground#a0a0a0
  • tree.indentGuidesStroke#2e2e2e
  • walkThrough.embeddedEditorBackground#00000050
  • welcomePage.progress.foreground#0078d4
  • welcomePage.tileBackground#ffffff0f
  • widget.border#ffffff15
  • widget.shadow#00000080

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

Next Jelly Fish by Shayan Ali Jalbani - VS Code Theme