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.background#282a36e6
  • activityBar.border#181818
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#6272a5
  • activityBarBadge.foreground#ffffff
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#282a36
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#0e639c
  • button.foreground#ffffff
  • button.hoverBackground#1177bb
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#3c3c3c
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#282a36
  • debugExceptionWidget.border#282a36
  • debugToolBar.background#282a36
  • debugToolBar.border#282a36
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#282a36
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#f8f8f2
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#0f111af2
  • editor.lineHighlightBorder#18181874
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#264f78
  • 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#282a36
  • editorGroupHeader.border#181818
  • editorGroupHeader.tabsBackground#313548
  • editorGroupHeader.tabsBorder#282a36
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#282a36
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#282a36
  • 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#5d6c9c
  • 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#282a36
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#0097fb
  • editorSuggestWidget.selectedBackground#062f4a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#282a36
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#6272a5
  • foreground#f9f9f9
  • gitDecoration.addedResourceForeground#81b88b
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#c74e39
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#e2c08d
  • gitDecoration.stageDeletedResourceForeground#c74e39
  • gitDecoration.stageModifiedResourceForeground#e2c08d
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#f9f9f9
  • input.background#3c3c3c
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#5d6c9c26
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#5d6c9c26
  • list.focusBackground#062f4a
  • list.focusForeground#cccccc
  • list.highlightForeground#0097fb
  • list.hoverBackground#5d6c9c26
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#5d6c9c26
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#252526
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#094771
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#282a36
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#264f78
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#474747
  • notificationCenterHeader.background#303031
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#282a36
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#474747
  • panel.background#282a36
  • panel.border#181818
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#007acc
  • peekViewEditor.background#001f33
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#282a36
  • 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#ffffff
  • progressBar.background#5d6c9c
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#6272a5
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#f9f9f9
  • sideBar.background#2b2d38
  • sideBar.border#181818
  • sideBar.dropBackground#5d6c9c26
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc33
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#282a36
  • statusBar.border#181818
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#282a36
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#5d6c9c26
  • tab.activeBorder#181818
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#181818
  • tab.hoverBackground#5d6c9c20
  • tab.inactiveBackground#282a36
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#2472c8
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#3b8eea
  • terminal.ansiBrightCyan#29b8db
  • terminal.ansiBrightGreen#23d18b
  • terminal.ansiBrightMagenta#d670d6
  • terminal.ansiBrightRed#f14c4c
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#e5e510
  • terminal.border#80808059
  • terminal.foreground#cccccc
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#0087FF
  • terminalCursor.foreground#ffffff
  • textLink.foreground#3794ff
  • titleBar.activeBackground#282a36
  • titleBar.activeForeground#cccccc
  • titleBar.border#181818
  • titleBar.inactiveBackground#3c3c3c99
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#585858
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#0000005c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

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

Prism Code - Coding Theme