Skip to main content
CodingTheme

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#FF79C6
  • activityBar.background#232634
  • activityBar.border#00000000
  • activityBar.dropBorder#3F4F81
  • activityBar.foreground#FF79C6
  • activityBar.inactiveForeground#6272A4
  • activityBarBadge.background#FF79C6
  • activityBarBadge.foreground#000
  • activityBarTop.activeBorder#FF79C6
  • activityBarTop.background#11131c
  • activityBarTop.dropBorder#3F4F81
  • activityBarTop.foreground#FF79C6
  • activityBarTop.inactiveForeground#6272A4
  • badge.background#232634
  • badge.foreground#F8F8F2
  • bookmarks.lineBackground#A66A2120
  • bookmarks.lineBorder#FFB86C20
  • bookmarks.overviewRuler#A66A21
  • breadcrumb.activeSelectionForeground#F8F8F2
  • breadcrumb.background#161925
  • breadcrumb.focusForeground#F8F8F2
  • breadcrumb.foreground#6272A4
  • breadcrumbPicker.background#161925
  • button.background#574473
  • commandCenter.background#11131c
  • commandCenter.border#00000000
  • debugIcon.breakpointForeground#FF79C6
  • debugIcon.continueForeground#8BE9FD
  • debugIcon.disconnectForeground#FF5555
  • debugIcon.pauseForeground#8BE9FD
  • debugIcon.restartForeground#50FA7B
  • debugIcon.startForeground#50FA7B
  • debugIcon.stepBackForeground#8BE9FD
  • debugIcon.stepIntoForeground#8BE9FD
  • debugIcon.stepOutForeground#8BE9FD
  • debugIcon.stepOverForeground#8BE9FD
  • debugIcon.stopForeground#FF5555
  • debugTokenExpression.boolean#8BE9FD
  • debugTokenExpression.error#FF5555
  • debugTokenExpression.name#FF79C6
  • debugTokenExpression.number#50FA7B
  • debugTokenExpression.string#F1FA8C
  • debugTokenExpression.value#6272A4
  • debugToolBar.background#161925
  • debugView.exceptionLabelBackground#FF5555
  • debugView.exceptionLabelForeground#F8F8F2
  • debugView.stateLabelBackground#343746
  • debugView.valueChangedHighlight#3F4F81
  • diffEditor.diagonalFill#343746
  • diffEditor.insertedLineBackground#50FA7B20
  • diffEditor.insertedTextBackground#50FA7B20
  • diffEditor.move.border#6272A4
  • diffEditor.moveActive.border#FFB86C
  • diffEditor.removedLineBackground#FF555520
  • diffEditor.removedTextBackground#FF555550
  • diffEditor.unchangedCodeBackground#34374640
  • diffEditor.unchangedRegionBackground#343746
  • diffEditorOverview.insertedForeground#50FA7BB0
  • diffEditorOverview.removedForeground#FF5555B0
  • dropdown.background#11131c
  • dropdown.listBackground#11131c
  • editor.background#161925
  • editor.findMatchBackground#6A46A380
  • editor.findMatchBorder#BD93F980
  • editor.findMatchHighlightBackground#A6237780
  • editor.findMatchHighlightBorder#FF79C680
  • editor.findRangeHighlightBackground#6272A420
  • editor.foldBackground#04000040
  • editor.foldPlaceholderForeground#6272A4
  • editor.hoverHighlightBackground#BD93F940
  • editor.inactiveSelectionBackground#44475A60
  • editor.lineHighlightBackground#232634
  • editor.rangeHighlightBackground#BD93F920
  • editor.selectionBackground#6272A460
  • editor.selectionForeground#8BE9FD
  • editor.selectionHighlightBackground#44475A40
  • editor.selectionHighlightBorder#F8F8F220
  • editor.snippetFinalTabstopHighlightBackground#50FA7B20
  • editor.snippetFinalTabstopHighlightBorder#50FA7B
  • editor.snippetTabstopHighlightBackground#8BE9FD20
  • editor.snippetTabstopHighlightBorder#8BE9FD80
  • editor.wordHighlightBackground#2D95A740
  • editor.wordHighlightBorder#8BE9FD30
  • editor.wordHighlightStrongBackground#00A52D40
  • editor.wordHighlightStrongBorder#50FA7B30
  • editorBracketHighlight.foreground1#FFD700
  • editorBracketHighlight.foreground2#DA70D6
  • editorBracketHighlight.foreground3#87CEFA
  • editorBracketMatch.background#FFD7001A
  • editorBracketMatch.border#FFD700
  • editorBracketPairGuide.activeBackground1#FFD700C0
  • editorBracketPairGuide.activeBackground2#DA70D6C0
  • editorBracketPairGuide.activeBackground3#87CEFAC0
  • editorBracketPairGuide.background1#FFD70065
  • editorBracketPairGuide.background2#DA70D665
  • editorBracketPairGuide.background3#87CEFA65
  • editorCodeLens.foreground#6272A4
  • editorCursor.foreground#8BE9FD
  • editorError.foreground#FF5555
  • editorGroup.border#2B2940
  • editorGroup.dropBackground#44475A70
  • editorGroupHeader.tabsBackground#11131C
  • editorGutter.addedBackground#50FA7B80
  • editorGutter.deletedBackground#FF555580
  • editorGutter.foldingControlForeground#6272A4
  • editorGutter.modifiedBackground#8BE9FD80
  • editorHoverWidget.background#161925
  • editorHoverWidget.border#6272A4
  • editorIndentGuide.activeBackground1#6273a480
  • editorIndentGuide.background1#6273a440
  • editorInfo.foreground#8BE9FD
  • editorLightBulb.foreground#F1FA8C
  • editorLightBulbAutoFix.foreground#8BE9FD
  • editorLineNumber.activeForeground#8BE9FD
  • editorLineNumber.foreground#6272A4
  • editorLink.activeForeground#8BE9FD
  • editorMarkerNavigation.background#161925
  • editorMarkerNavigationError.headerBackground#ff555510
  • editorMarkerNavigationInfo.headerBackground#8BE9FD10
  • editorMarkerNavigationWarning.headerBackground#F1FA8C10
  • editorMultiCursor.secondary.foreground#50FA7B
  • editorOverviewRuler.addedForeground#50FA7BB0
  • editorOverviewRuler.border#2B294040
  • editorOverviewRuler.bracketMatchForeground#FFD700
  • editorOverviewRuler.currentContentForeground#50FA7B
  • editorOverviewRuler.deletedForeground#FF5555B0
  • editorOverviewRuler.errorForeground#FF5555B0
  • editorOverviewRuler.findMatchForeground#FF79C680
  • editorOverviewRuler.incomingContentForeground#BD93F9
  • editorOverviewRuler.infoForeground#8BE9FD80
  • editorOverviewRuler.modifiedForeground#8BE9FDB0
  • editorOverviewRuler.selectionHighlightForeground#44475A
  • editorOverviewRuler.warningForeground#F1FA8CA0
  • editorOverviewRuler.wordHighlightForeground#8BE9FD
  • editorOverviewRuler.wordHighlightStrongForeground#50FA7B
  • editorOverviewRuler.wordHighlightTextForeground#BD93F9
  • editorRuler.foreground#2B294040
  • editorStickyScrollHover.background#3E486880
  • editorSuggestWidget.background#161925
  • editorSuggestWidget.border#6272A4
  • editorSuggestWidget.foreground#F8F8F2
  • editorSuggestWidget.selectedBackground#6272A488
  • editorUnicodeHighlight.background#FF555580
  • editorUnicodeHighlight.border#FF5555
  • editorWarning.foreground#F1FA8C
  • editorWhitespace.foreground#6273A480
  • editorWidget.background#161925
  • editorWidget.border#6272A4
  • editorWidget.resizeBorder#BD93F9
  • errorForeground#FF5555
  • extensionIcon.preReleaseForeground#50FA7B90
  • extensionIcon.sponsorForeground#FF79C6
  • extensionIcon.starForeground#F1FA8C
  • extensionIcon.verifiedForeground#8BE9FD
  • focusBorder#3F4F81
  • gitDecoration.addedResourceForeground#50FA7B
  • gitDecoration.conflictingResourceForeground#FF79C6
  • gitDecoration.deletedResourceForeground#FF5555
  • gitDecoration.ignoredResourceForeground#6272A4
  • gitDecoration.modifiedResourceForeground#8BE9FD
  • gitDecoration.renamedResourceForeground#50FA7B
  • gitDecoration.stageDeletedResourceForeground#F92672
  • gitDecoration.stageModifiedResourceForeground#66D9EF
  • gitDecoration.submoduleResourceForeground#BD93F9
  • gitDecoration.untrackedResourceForeground#50FA7B
  • input.background#11131c
  • input.foreground#F8F8F2
  • input.placeholderForeground#6272A4
  • inputOption.activeBackground#bd93f980
  • inputOption.activeBorder#0000
  • inputValidation.errorBorder#FF5555
  • inputValidation.infoBorder#8BE9FD
  • inputValidation.warningBorder#F1FA8C
  • list.activeSelectionBackground#6272A488
  • list.activeSelectionForeground#F8F8F2
  • list.dropBackground#44475A
  • list.focusBackground#232634
  • list.focusForeground#F8F8F2
  • list.highlightForeground#8BE9FD
  • list.hoverBackground#3E486880
  • list.hoverForeground#F8F8F2
  • list.inactiveSelectionBackground#232634
  • list.warningForeground#F1FA8C
  • menu.background#161925
  • menu.foreground#CCCCCC
  • menu.selectionBackground#6272A488
  • menu.separatorBackground#6272A4
  • menubar.selectionBackground#232634
  • merge.currentHeaderBackground#50FA7B40
  • merge.incomingHeaderBackground#BD93F940
  • mergeEditor.change.background#50FA7B20
  • mergeEditor.change.word.background#50FA7B20
  • mergeEditor.conflict.handled.minimapOverViewRuler#50FA7B80
  • mergeEditor.conflict.handledFocused.border#50FA7B80
  • mergeEditor.conflict.handledUnfocused.border#50FA7B20
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#FFB86C
  • mergeEditor.conflict.unhandledFocused.border#FFB86C
  • mergeEditor.conflict.unhandledUnfocused.border#FFB86C80
  • minimap.findMatchHighlight#FF79C6
  • minimap.selectionHighlight#6272A4
  • minimapGutter.addedBackground#50FA7BB0
  • minimapGutter.deletedBackground#FF5555B0
  • minimapGutter.modifiedBackground#8BE9FDB0
  • minimapSlider.activeBackground#6272A488
  • minimapSlider.background#4c4b5f40
  • minimapSlider.hoverBackground#4c4b5f60
  • multiDiffEditor.border#2B2940
  • multiDiffEditor.headerBackground#11131c
  • notificationCenter.border#6272A4
  • notificationCenterHeader.background#232634
  • notificationCenterHeader.foreground#F8F8F2
  • notificationLink.foreground#F8F8F2
  • notifications.background#161925
  • notifications.border#6272A4
  • notifications.foreground#F8F8F2
  • notificationsErrorIcon.foreground#FF5555
  • notificationsInfoIcon.foreground#8BE9FD
  • notificationsWarningIcon.foreground#FFB86C
  • notificationToast.border#6272A4
  • panel.background#161925
  • panel.border#2B2940
  • panel.dropBorder#3F4F81
  • panelSectionHeader.background#11131C
  • panelTitle.activeBorder#FF79C6
  • panelTitle.activeForeground#F8F8F2
  • panelTitle.inactiveForeground#6272A4
  • peekView.border#BD93F9
  • peekViewEditor.background#11131c
  • peekViewEditor.matchHighlightBackground#FFB86C80
  • peekViewResult.background#11131c
  • peekViewResult.fileForeground#F8F8F2
  • peekViewResult.lineForeground#F8F8F2
  • peekViewResult.matchHighlightBackground#FFB86C80
  • peekViewResult.selectionBackground#232634
  • peekViewResult.selectionForeground#F8F8F2
  • peekViewTitle.background#11131c
  • peekViewTitleDescription.foreground#6272A4
  • peekViewTitleLabel.foreground#F8F8F2
  • pickerGroup.border#BD93F9
  • pickerGroup.foreground#8BE9FD
  • progressBar.background#FF79C6
  • quickInputTitle.background#574473
  • scm.historyItemStatisticsBorder#BD93F980
  • scmGraph.foreground1#50FA7B
  • scmGraph.foreground2#FF5555
  • scmGraph.foreground3#F1FA8C
  • scmGraph.historyItemGroupBase#BD93F9
  • scmGraph.historyItemGroupRemote#FF79C6
  • scmGraph.historyItemHoverLabelForeground#000
  • scrollbarSlider.activeBackground#97B6FF6D
  • scrollbarSlider.background#97B6FF4D
  • scrollbarSlider.hoverBackground#97B6FF5D
  • selection.background#BD93F940
  • settings.focusedRowBorder#3F4F81
  • settings.headerBorder#3F4F81
  • settings.modifiedItemIndicator#8BE9FD
  • sideBar.background#161925
  • sideBar.border#2B2940
  • sideBarSectionHeader.background#11131C
  • sideBarTitle.foreground#F8F8F2
  • statusBar.background#11131C
  • statusBar.debuggingBackground#574473
  • statusBar.foreground#CCCCCC
  • statusBar.noFolderBackground#11131C
  • statusBar.noFolderForeground#CCCCCC
  • statusBarItem.prominentBackground#FF5555
  • statusBarItem.prominentHoverBackground#FFB86C
  • tab.activeBackground#161925
  • tab.activeBorderTop#FF79C6
  • tab.activeForeground#F8F8F2
  • tab.activeModifiedBorder#8BE9FD
  • tab.border#11131C
  • tab.dragAndDropBorder#3F4F81
  • tab.inactiveBackground#11131C
  • tab.inactiveForeground#CCCCCC
  • tab.unfocusedActiveBackground#161925
  • tab.unfocusedActiveBorderTop#6272A4
  • tab.unfocusedActiveModifiedBorder#8BE9FD40
  • terminal.ansiBlack#666666
  • terminal.ansiBlue#AE81FF
  • terminal.ansiBrightBlack#6272A4
  • terminal.ansiBrightBlue#BD93F9
  • terminal.ansiBrightCyan#8BE9FD
  • terminal.ansiBrightGreen#50FA7B
  • terminal.ansiBrightMagenta#FF79C6
  • terminal.ansiBrightRed#FF5555
  • terminal.ansiBrightWhite#F8F8F2
  • terminal.ansiBrightYellow#F1FA8C
  • terminal.ansiCyan#66D9EF
  • terminal.ansiGreen#A6E22E
  • terminal.ansiMagenta#F92672
  • terminal.ansiRed#FD971F
  • terminal.ansiWhite#e3e3dd
  • terminal.ansiYellow#E6DB74
  • terminal.background#161925
  • terminal.foreground#F8F8F2
  • terminal.selectionBackground#44475A
  • terminal.tab.activeBorder#FF79C6
  • terminalCommandDecoration.defaultBackground#BD93F9
  • terminalCommandDecoration.errorBackground#FF5555
  • terminalCommandDecoration.successBackground#50FA7B
  • terminalCursor.background#161925
  • terminalCursor.foreground#66D9EF
  • textBlockQuote.background#11131c
  • textBlockQuote.border#FF79C6
  • textCodeBlock.background#11131c
  • textLink.activeForeground#8BE9FD
  • textLink.foreground#8BE9FD
  • textPreformat.background#11131c
  • textPreformat.foreground#BD93F9
  • textSeparator.foreground#6272A4
  • titleBar.activeBackground#161925
  • titleBar.inactiveBackground#11131C
  • titleBar.inactiveForeground#6272A4
  • tree.indentGuidesStroke#6273a480
  • walkThrough.embeddedEditorBackground#232634

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
emphasisitalic
strongbold
header#AE81FF
source#F8F8F2
entity.name.type.class, entity.name.type.cpp#A6E22Eunderline
entity.name.namespaceitalic
storage.type#66D9EFitalic
keyword.other.this, variable.language, variable.parameter.function.language.special#FD971F
entity.other.inherited-class#A6E22Eitalic underline
support.class.builtin#A6E22E
comment, punctuation.definition.comment, unused.comment, wildcard.comment#6272A4italic
comment keyword.codetag.notation, comment.block.documentation keyword, comment.block.documentation storage.type.class#66D9EF
comment.block.documentation variable#FD971F
constant#AE81FF
variable.other.constant#AE81FF
constant.character.escape, constant.character.string.escape, constant.regexp#AE81FF
constant.other.date, constant.other.timestamp#FD971F
support.variable, variable.other.predefined#AE81FF
meta.definition.function, meta.definition.method#A6E22E
entity.name.variable.parameter, meta.at-rule.function variable, meta.at-rule.mixin variable, variable.parameter#FD971Fitalic
entity.name.function, meta.function-call.generic, meta.function-call.object, meta.function-call.php, meta.function-call.static, meta.method-call.java meta.method, meta.method.groovy, support.function.any-method.lua, keyword.operator.function.infix, support.function.gradient.css, support.function.misc.css, support.function.url.css, support.function.timing-function.css, support.function.transform.css#A6E22E
meta.decorator variable.other.readwrite, meta.decorator variable.other.property, meta.decorator variable.other.object#A6E22E
support.function.magic#66D9EF
keyword, punctuation.definition.keyword#F92672
keyword.control.new, keyword.operator.newbold
entity.other.attribute-name.placeholder punctuation, entity.other.attribute-name.pseudo-class punctuation, entity.other.attribute-name.pseudo-element punctuation, meta.object-binding-pattern-variable punctuation.destructuring, punctuation.definition.entity.other.inherited-class, punctuation.separator.dictionary.key-value, punctuation.separator.hash, punctuation.separator.inheritance, punctuation.separator.key-value, punctuation.separator.namespace, punctuation.separator.pointer-access, punctuation.separator.slice, string.unquoted.heredoc punctuation.definition.string, punctuation.separator.annotation, punctuation.accessor#F92672
meta.string-contents.quoted.double punctuation.definition.variable, punctuation.definition.interpolation.begin, punctuation.definition.interpolation.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded.begin, punctuation.section.embedded.end#F92672
string, punctuation.definition.string.begin, punctuation.definition.string.end, punctuation.definition.string.end source.js-ignored-vscode, punctuation.definition.string.end source.css-ignored-vscode, meta.embedded.line.css source.css#E6DB74
support.type.property-name, punctuation.support.type.property-name.begin, punctuation.support.type.property-name.end#66D9EF
storage#F92672
entity.name.type#66D9EF
entity.name.type.type-parameter, meta.indexer.mappedtype.declaration entity.name.type, meta.type.parameters entity.name.type#FD971F
storage.modifier#F92672
variable, support.variable.property#F8F8F2
meta.import variable.other.readwrite, meta.object-binding-pattern-variable variable.object.property#FD971F
meta.import variable.other.readwrite.alias#F8F8F2
storage.type.c#66D9EF
punctuation.section.embedded.coffee#F92672
meta.variable.assignment.destructured.object.coffee variable#FD971F
meta.variable.assignment.destructured.object.coffee variable variable#F8F8F2
punctuation.definition.tag.cs#F8F8F2
keyword.type.cs, storage.type.cs#66D9EF
meta.diff, meta.diff.header#6272A4
markup.inserted#A6E22E
markup.deleted#F44747
markup.changed#FD971F
invalid#F44747underline italic
invalid.deprecated#F8F8F2underline italic
entity.name.filename#E6DB74
markup.error#F44747
entity.name.function.elixir#A6E22E
constant.other.symbol.elixir, constant.language.symbol.elixir#66D9EF
entity.name.type.module.elixir#A6E22E
variable.other.readwrite.module.elixir, variable.other.readwrite.module.elixir punctuation.definition.variable.elixir#FD971F
punctuation.separator.method.elixir#F92672
punctuation.section.embedded.elixir#F92672
variable.other.anonymous.elixir punctuation.definition.variable.elixir#F92672
punctuation.other.period.go, punctuation.other.colon.go#F92672
source.go storage.type#66D9EF
entity.name.type.go#AE81FF
entity.name.function.go#A6E22E
support.function.go#66D9EF
punctuation.colon.graphql#F92672
variable.graphql, variable.arguments.graphql#E6DB74
support.type.graphql, support.type.builtin.graphql, support.type.enum.graphql, entity.scalar.graphql#66D9EF
entity.name.function.graphql#A6E22E
meta.selectionset.graphql variable.graphql, variable.parameter.graphql#FD971F
source.groovy storage.type.def#F92672
source.groovy storage.type, storage.type.groovy#66D9EF
keyword.operator.navigation.groovy#F8F8F2
storage.type.haskell#66D9EF
meta.preprocessor.haskell#6272A4
constant.language.empty-list.haskell#F8F8F2
punctuation.definition.tag.begin.js, punctuation.definition.tag.end.js, punctuation.definition.tag.begin.tsx, punctuation.definition.tag.end.tsx#F92672
entity.name.tag#F92672
text.html.derivative#F8F8F2
punctuation.definition.tag#6272A4
entity.name.tag support.class.component.js, entity.name.tag support.class.component.tsx#F8F8F2
meta.selector#F92672
entity.other.attribute-name.parent-selector#F92672
meta.attribute-selector.scss#E6DB74
punctuation.definition.attribute-selector.end.bracket.square.scss, punctuation.definition.attribute-selector.begin.bracket.square.scss#F8F8F2
entity.other.attribute-name#A6E22E
punctuation.section.embedded.begin.tsx, punctuation.section.embedded.end.tsx, punctuation.section.embedded.begin.jsx, punctuation.section.embedded.end.jsx, punctuation.separator.list.comma.css#F8F8F2
support.constant.property-value.css#66D9EF
keyword.control.at-rule.media.scss, keyword.control.at-rule.media.scss punctuation.definition.keyword.scss#A6E22E
storage.type.generic.java#F8F8F2
source.java storage.type#66D9EF
keyword.operator.dereference.java, storage.modifier.import#F8F8F2
support.variable.property.js#AE81FF
variable.other.constant.js#66D9EF
support.class.console.js, support.type.object.module.js, support.class.promise.js, support.constant.json.js#A6E22E
support.class.js#A6E22E
meta.object-literal.key.js entity.name.function.js, meta.var.expr.js meta.definition.variable.js entity.name.function.js, meta.definition.property.js entity.name.function.js#A6E22E
meta.function-call.js#66D9EF
punctuation.definition.variable.makefile#F92672
entity.name.function.target.makefile#66D9EF
meta.scope.prerequisites.makefile#E6DB74
markup.underlineunderline
markup.bold#FD971Fbold
markup.heading#AE81FFbold
markup.italic#E6DB74italic
beginning.punctuation.definition.list.markdown, beginning.punctuation.definition.quote.markdown, punctuation.definition.link.restructuredtext, punctuation.definition.list.begin.markdown#66D9EF
markup.inline.raw, markup.raw.restructuredtext#A6E22E
markup.underline.link, markup.underline.link.image#66D9EF
meta.link.reference.def.restructuredtext, punctuation.definition.directive.restructuredtext, string.other.link.description, string.other.link.title#F92672
entity.name.directive.restructuredtext, markup.quote#E6DB74italic
meta.separator.markdown#6272A4
fenced_code.block.language, markup.raw.inner.restructuredtext, markup.fenced_code.block.markdown punctuation.definition.markdown#A6E22E
punctuation.definition.constant.restructuredtext#AE81FF
markup.heading.markdown punctuation.definition.string.begin, markup.heading.markdown punctuation.definition.string.end#AE81FF
meta.paragraph.markdown punctuation.definition.string.begin, meta.paragraph.markdown punctuation.definition.string.end#F8F8F2
markup.quote.markdown meta.paragraph.markdown punctuation.definition.string.begin, markup.quote.markdown meta.paragraph.markdown punctuation.definition.string.end#E6DB74
heading.1.markdown#F92672
heading.2.markdown#FD971F
heading.3.markdown#E6DB74
heading.4.markdown#A6E22E
heading.5.markdown#66D9EF
heading.6.markdown#AE81FF
meta.implementation storage.type.objc, meta.interface-or-protocol storage.type.objc#F92672
meta.protocol-list.objc, meta.return-type.objc, storage.type.objc#66D9EF
storage.type.ocaml#66D9EF
constant.other.key.perl#F8F8F2
variable.language punctuation.definition.variable.php#AE81FF
meta.function.arguments variable.other.php#A6E22E
punctuation.section.embedded.end source.php#F92672
storage.type.php#66D9EF
keyword.operator.other.powershell, keyword.other.statement-separator.powershell#F8F8F2
source.powershell entity.other.attribute-name#66D9EF
support.constant#AE81FF
source.python storage.type#66D9EF
support.type.python#66D9EFitalic
meta.function-call.python support.type.python, meta.function-call.python support.function.builtin.python#66D9EF
punctuation.separator.period.python, punctuation.separator.colon.python, punctuation.separator.dict.python, punctuation.section.function.begin.python#F92672
string.regexp, constant.other.character-class.set.regexp, constant.character.escape.backslash.regexp#E6DB74
support.other.parenthesis.regexp, support.other.escape.special.regexp#66D9EF
keyword.operator.lookahead, keyword.operator.lookbehind#F44747
punctuation.definition.group.capture.regexp#F92672
string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end#66D9EFitalic
punctuation.definition.character-class.regexp#66D9EF
punctuation.definition.group.regexp#FD971F
punctuation.definition.group.assertion.regexp, keyword.operator.negation.regexp#F44747
meta.assertion.look-ahead.regexp#A6E22E
variable.other.readwrite.instance.ruby, variable.other.readwrite.instance.ruby punctuation.definition.variable.ruby#FD971F
variable.other.readwrite.class.ruby, variable.other.readwrite.class.ruby punctuation.definition.variable.ruby#FD971F
variable.other.constant.ruby#AE81FF
entity.name.type.module.ruby#A6E22E
entity.name.type.class.ruby#A6E22E
entity.other.inherited-class.ruby#AE81FF
support.class.ruby#AE81FF
meta.function.method.with-arguments.ruby entity.name.function.ruby, meta.function.method.without-arguments.ruby entity.name.function.ruby#A6E22E
variable.parameter.function.ruby#F8F8F2
variable.other.block.ruby#F8F8F2
meta.function-call.ruby entity.name.function.ruby, support.function.kernel.ruby#F8F8F2
punctuation.separator.method.ruby#F92672
punctuation.section.embedded.end source.ruby#F92672
constant.language.symbol.hashkey.ruby, constant.language.symbol.hashkey.parameter.function.ruby, constant.language.symbol.ruby, constant.other.symbol.hashkey.ruby, constant.other.symbol.ruby, punctuation.definition.constant.ruby, punctuation.definition.constant.hashkey.ruby#66D9EF
storage.class.std.rust, storage.type.core.rust#66D9EF
source.shell variable.other#AE81FF
keyword.expressions-and-types.swift#AE81FF
punctuation.function.swift#F92672
keyword.primitive-datatypes.swift, storage.type.attribute.swift#66D9EF
meta.group.double.toml, meta.group.toml#F92672
entity.name.section.toml, entity.name.tag.yaml, variable.other.key.toml#66D9EF
support.variable.property.ts, support.variable.property.tsx#AE81FF
variable.other.constant.ts, variable.other.constant.tsx#66D9EF
support.class.console.ts, support.type.object.module.ts, support.class.promise.ts, support.constant.json.ts, support.class.console.tsx, support.type.object.module.tsx, support.class.promise.tsx, support.constant.json.tsx#A6E22E
support.class.ts, support.class.tsx#A6E22E
meta.object-literal.key.ts entity.name.function.ts, meta.var.expr.ts meta.definition.variable.ts entity.name.function.ts, meta.definition.property.ts entity.name.function.ts, meta.object-literal.key.tsx entity.name.function.tsx, meta.var.expr.tsx meta.definition.variable.tsx entity.name.function.tsx, meta.definition.property.tsx entity.name.function.tsx#A6E22E
meta.function-call.ts, meta.function-call.tsx#66D9EF
entity.name.type.alias.ts, entity.name.type.interface.ts, entity.name.type.enum.ts, entity.name.type.alias.tsx, entity.name.type.interface.tsx, entity.name.type.enum.tsx#A6E22E
support.type.primitive.ts, support.type.builtin.ts, entity.name.type.ts, support.type.primitive.tsx, support.type.builtin.tsx, entity.name.type.tsx#66D9EF
meta.type.parameters.ts support.type.primitive.ts, meta.type.parameters.ts entity.name.type.ts, meta.type.parameters.tsx support.type.primitive.tsx, meta.type.parameters.tsx entity.name.type.tsx#FD971F
punctuation.definition.typeparameters.begin.ts, punctuation.definition.typeparameters.end.ts, punctuation.definition.typeparameters.begin.tsx, punctuation.definition.typeparameters.end.tsx#F92672
punctuation.definition.block.scalar.folded.yaml, punctuation.definition.block.scalar.literal.yaml, punctuation.definition.block.sequence.item.yaml, punctuation.separator.key-value.mapping.yaml, support.other.chomping-indicator.yaml#F92672
entity.name.tag.yaml#66D9EF
variable.other.alias.yaml#A6E22Eunderline
support.function#66D9EF
entity.name.function.preprocessor#66D9EF
variable.other.enummember#BD93F9

Shiki preview

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

Loading...

Sweet Dracula Monokai by lefd - VS Code Theme