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#0a0a0a
  • activityBar.border#0a0a0a
  • activityBar.foreground#dadada
  • activityBar.inactiveForeground#8a8a8a
  • activityBarBadge.background#fce566
  • activityBarBadge.foreground#222222
  • badge.background#fce566
  • badge.foreground#222222
  • breadcrumb.activeSelectionForeground#f7f1ff
  • breadcrumb.focusForeground#bab6c0
  • breadcrumb.foreground#8b888f
  • breadcrumbPicker.background#1b1b1b
  • button.background#fce566
  • button.foreground#222222
  • button.hoverBackground#fce566
  • button.secondaryBackground#fce566
  • button.secondaryForeground#222222
  • button.secondaryHoverBackground#fce566
  • charts.blue#5ad4e6
  • charts.foreground#f7f1ff
  • charts.green#7bd88f
  • charts.lines#69676c
  • charts.orange#fd9353
  • charts.purple#948ae3
  • charts.red#fc618d
  • charts.yellow#fce566
  • debugExceptionWidget.background#363537
  • debugExceptionWidget.border#222222
  • debugIcon.breakpointCurrentStackframeForeground#fce566
  • debugIcon.breakpointDisabledForeground#bab6c0
  • debugIcon.breakpointForeground#fc618d
  • debugIcon.breakpointStackframeForeground#f7f1ff
  • debugIcon.breakpointUnverifiedForeground#fd9353
  • debugIcon.continueForeground#f7f1ff
  • debugIcon.disconnectForeground#f7f1ff
  • debugIcon.pauseForeground#f7f1ff
  • debugIcon.restartForeground#7bd88f
  • debugIcon.startForeground#7bd88f
  • debugIcon.stepBackForeground#f7f1ff
  • debugIcon.stepIntoForeground#f7f1ff
  • debugIcon.stepOutForeground#f7f1ff
  • debugIcon.stepOverForeground#f7f1ff
  • debugIcon.stopForeground#fc618d
  • debugToolBar.background#1d1d1d
  • descriptionForeground#8b888f
  • diffEditor.insertedTextBackground#7bd88f19
  • diffEditor.removedTextBackground#fc618d19
  • dropdown.background#222222
  • dropdown.border#222222
  • dropdown.foreground#8b888f
  • dropdown.listBackground#363537
  • editor.background#0a0a0a
  • editor.findMatchBackground#f7f1ff26
  • editor.findMatchBorder#fce566
  • editor.findMatchHighlightBackground#f7f1ff26
  • editor.findMatchHighlightBorder#00000000
  • editor.findRangeHighlightBackground#f7f1ff0c
  • editor.findRangeHighlightBorder#00000000
  • editor.foreground#f7f1ff
  • editor.hoverHighlightBackground#f7f1ff0c
  • editor.inactiveSelectionBackground#f7f1ff0c
  • editor.lineHighlightBackground#f7f1ff0c
  • editor.lineHighlightBorder#00000000
  • editor.rangeHighlightBackground#363537
  • editor.rangeHighlightBorder#363537
  • editor.selectionBackground#bab6c026
  • editor.selectionHighlightBackground#f7f1ff26
  • editor.selectionHighlightBorder#00000000
  • editor.wordHighlightBackground#f7f1ff26
  • editor.wordHighlightBorder#00000000
  • editor.wordHighlightStrongBackground#f7f1ff26
  • editor.wordHighlightStrongBorder#00000000
  • editorBracketHighlight.foreground1#fc618d
  • editorBracketHighlight.foreground2#fd9353
  • editorBracketHighlight.foreground3#fce566
  • editorBracketHighlight.foreground4#7bd88f
  • editorBracketHighlight.foreground5#5ad4e6
  • editorBracketHighlight.foreground6#948ae3
  • editorBracketMatch.background#222222
  • editorBracketMatch.border#69676c
  • editorBracketPairGuide.activeBackground1#fc618d66
  • editorBracketPairGuide.activeBackground2#fd935366
  • editorBracketPairGuide.activeBackground3#fce56666
  • editorBracketPairGuide.activeBackground4#7bd88f66
  • editorBracketPairGuide.activeBackground5#5ad4e666
  • editorBracketPairGuide.activeBackground6#948ae366
  • editorBracketPairGuide.background1#fc618d22
  • editorBracketPairGuide.background2#fd935322
  • editorBracketPairGuide.background3#fce56622
  • editorBracketPairGuide.background4#7bd88f22
  • editorBracketPairGuide.background5#5ad4e622
  • editorBracketPairGuide.background6#948ae322
  • editorCodeLens.foreground#69676c
  • editorCursor.background#222222
  • editorCursor.foreground#f7f1ff
  • editorError.background#00000000
  • editorError.border#00000000
  • editorError.foreground#fc618d
  • editorGroup.border#0a0a0a
  • editorGroup.dropBackground#191919bf
  • editorGroup.emptyBackground#0a0a0a
  • editorGroup.focusedEmptyBorder#191919
  • editorGroupHeader.noTabsBackground#141414
  • editorGroupHeader.tabsBackground#0a0a0a
  • editorGroupHeader.tabsBorder#222222
  • editorGutter.addedBackground#7bd88f
  • editorGutter.background#0a0a0a
  • editorGutter.deletedBackground#fc618d
  • editorGutter.modifiedBackground#fd9353
  • editorHint.border#222222
  • editorHint.foreground#948ae3
  • editorHoverWidget.background#363537
  • editorHoverWidget.border#222222
  • editorIndentGuide.background#363537
  • editorInfo.background#00000000
  • editorInfo.border#222222
  • editorInfo.foreground#5ad4e6
  • editorInlayHint.background#363537
  • editorInlayHint.foreground#bab6c0
  • editorLightBulb.foreground#fce566
  • editorLightBulbAutoFix.foreground#7bd88f
  • editorLineNumber.activeForeground#bab6c0
  • editorLineNumber.foreground#7a7a7a
  • editorLink.activeForeground#5ad4e6
  • editorMarkerNavigation.background#363537
  • editorMarkerNavigationError.background#fc618d
  • editorMarkerNavigationInfo.background#5ad4e6
  • editorMarkerNavigationWarning.background#fd9353
  • editorOverviewRuler.addedForeground#7bd88f
  • editorOverviewRuler.border#222222
  • editorOverviewRuler.currentContentForeground#363537
  • editorOverviewRuler.deletedForeground#fc618d
  • editorOverviewRuler.errorForeground#fc618d
  • editorOverviewRuler.findMatchForeground#f7f1ff26
  • editorOverviewRuler.incomingContentForeground#363537
  • editorOverviewRuler.infoForeground#5ad4e6
  • editorOverviewRuler.modifiedForeground#fd9353
  • editorOverviewRuler.rangeHighlightForeground#f7f1ff26
  • editorOverviewRuler.selectionHighlightForeground#f7f1ff26
  • editorOverviewRuler.warningForeground#fd9353
  • editorOverviewRuler.wordHighlightForeground#f7f1ff26
  • editorOverviewRuler.wordHighlightStrongForeground#f7f1ff26
  • editorPane.background#222222
  • editorRuler.foreground#525053
  • editorStickyScroll.background#0a0a0a
  • editorStickyScroll.border#222222
  • editorStickyScrollHover.background#222222
  • editorSuggestWidget.background#363537
  • editorSuggestWidget.border#363537
  • editorSuggestWidget.foreground#bab6c0
  • editorSuggestWidget.highlightForeground#f7f1ff
  • editorSuggestWidget.selectedBackground#69676c
  • editorWarning.background#00000000
  • editorWarning.border#00000000
  • editorWarning.foreground#fd9353
  • editorWhitespace.foreground#525053
  • editorWidget.background#363537
  • editorWidget.border#363537
  • errorForeground#fc618d
  • extensionButton.prominentBackground#fce566
  • extensionButton.prominentForeground#222222
  • extensionButton.prominentHoverBackground#fce566
  • focusBorder#69676c
  • foreground#f7f1ff
  • gitDecoration.addedResourceForeground#7bd88f
  • gitDecoration.conflictingResourceForeground#fd9353
  • gitDecoration.deletedResourceForeground#fc618d
  • gitDecoration.ignoredResourceForeground#525053
  • gitDecoration.modifiedResourceForeground#fce566
  • gitDecoration.stageDeletedResourceForeground#fc618d
  • gitDecoration.stageModifiedResourceForeground#fce566
  • gitDecoration.untrackedResourceForeground#fd9353
  • input.background#1a1919
  • input.border#363537
  • input.foreground#f7f1ff
  • input.placeholderForeground#69676c
  • inputOption.activeBackground#525053
  • inputOption.activeBorder#525053
  • inputValidation.errorBackground#363537
  • inputValidation.errorBorder#fc618d
  • inputValidation.errorForeground#fc618d
  • inputValidation.infoBackground#363537
  • inputValidation.infoBorder#5ad4e6
  • inputValidation.infoForeground#5ad4e6
  • inputValidation.warningBackground#363537
  • inputValidation.warningBorder#fd9353
  • inputValidation.warningForeground#fd9353
  • list.activeSelectionBackground#f7f1ff0c
  • list.activeSelectionForeground#fce566
  • list.dropBackground#191919bf
  • list.errorForeground#fc618d
  • list.focusBackground#222222
  • list.focusForeground#f7f1ff
  • list.highlightForeground#f7f1ff
  • list.hoverBackground#f7f1ff0c
  • list.hoverForeground#f7f1ff
  • list.inactiveFocusBackground#222222
  • list.inactiveSelectionBackground#bab6c00c
  • list.inactiveSelectionForeground#fce566
  • list.invalidItemForeground#fc618d
  • list.warningForeground#fd9353
  • listFilterWidget.background#222222
  • listFilterWidget.noMatchesOutline#fc618d
  • listFilterWidget.outline#222222
  • menu.background#1b1b1b
  • menu.foreground#f7f7f7
  • merge.border#222222
  • merge.commonContentBackground#f7f1ff19
  • merge.commonHeaderBackground#f7f1ff26
  • merge.currentContentBackground#fc618d19
  • merge.currentHeaderBackground#fc618d26
  • merge.incomingContentBackground#7bd88f19
  • merge.incomingHeaderBackground#7bd88f26
  • minimap.errorHighlight#fc618d
  • minimap.warningHighlight#fd9353
  • minimapGutter.addedBackground#7bd88f
  • minimapGutter.deletedBackground#fc618d
  • minimapGutter.modifiedBackground#fce566
  • notificationCenter.border#363537
  • notificationCenterHeader.background#363537
  • notificationCenterHeader.foreground#8b888f
  • notificationLink.foreground#fce566
  • notifications.background#363537
  • notifications.border#363537
  • notifications.foreground#bab6c0
  • notificationsErrorIcon.foreground#fc618d
  • notificationsInfoIcon.foreground#5ad4e6
  • notificationsWarningIcon.foreground#fd9353
  • notificationToast.border#363537
  • panel.background#0a0a0a
  • panel.border#0a0a0a
  • panelStickyScroll.background#0a0a0a
  • panelStickyScroll.border#222222
  • panelTitle.activeBorder#fce566
  • panelTitle.activeForeground#fce566
  • panelTitle.inactiveForeground#8b888f
  • peekView.border#222222
  • peekViewEditor.background#363537
  • peekViewEditor.matchHighlightBackground#525053
  • peekViewEditorGutter.background#363537
  • peekViewResult.background#363537
  • peekViewResult.fileForeground#8b888f
  • peekViewResult.lineForeground#8b888f
  • peekViewResult.matchHighlightBackground#525053
  • peekViewResult.selectionBackground#363537
  • peekViewResult.selectionForeground#f7f1ff
  • peekViewTitle.background#363537
  • peekViewTitleDescription.foreground#8b888f
  • peekViewTitleLabel.foreground#f7f1ff
  • pickerGroup.border#222222
  • pickerGroup.foreground#525053
  • problemsErrorIcon.foreground#fc618d
  • problemsInfoIcon.foreground#5ad4e6
  • problemsWarningIcon.foreground#fd9353
  • progressBar.background#363537
  • quickInput.background#1b1b1b
  • sash.hoverBorder#69676c
  • scrollbar.shadow#222222
  • scrollbarSlider.activeBackground#f7f1ff12
  • scrollbarSlider.background#f7f1ff12
  • scrollbarSlider.hoverBackground#f7f1ff12
  • selection.background#bab6c026
  • settings.checkboxBackground#363537
  • settings.checkboxBorder#363537
  • settings.checkboxForeground#f7f1ff
  • settings.dropdownBackground#363537
  • settings.dropdownBorder#363537
  • settings.dropdownForeground#f7f1ff
  • settings.dropdownListBorder#8b888f
  • settings.headerForeground#fce566
  • settings.modifiedItemIndicator#fce566
  • settings.numberInputBackground#363537
  • settings.numberInputBorder#363537
  • settings.numberInputForeground#f7f1ff
  • settings.textInputBackground#363537
  • settings.textInputBorder#363537
  • settings.textInputForeground#f7f1ff
  • sideBar.background#0a0a0a
  • sideBar.border#0a0a0a
  • sideBar.dropBackground#191919bf
  • sideBar.foreground#8b888f
  • sideBarSectionHeader.background#0a0a0a
  • sideBarSectionHeader.foreground#69676c
  • sideBarTitle.foreground#525053
  • statusBar.background#fce566
  • statusBar.border#0a0a0a
  • statusBar.debuggingBackground#0a0a0a
  • statusBar.debuggingBorder#2b2b2b
  • statusBar.debuggingForeground#a8a8a8
  • statusBar.foreground#222222
  • statusBar.noFolderBackground#fce566
  • statusBar.noFolderBorder#0a0a0a
  • statusBar.noFolderForeground#222222
  • statusBarItem.activeBackground#222222
  • statusBarItem.errorBackground#222222
  • statusBarItem.errorForeground#fc618d
  • statusBarItem.hoverBackground#f7f1ff0c
  • statusBarItem.prominentBackground#363537
  • statusBarItem.prominentHoverBackground#363537
  • statusBarItem.remoteBackground#191919
  • statusBarItem.remoteForeground#7bd88f
  • symbolIcon.arrayForeground#fc618d
  • symbolIcon.booleanForeground#fc618d
  • symbolIcon.classForeground#5ad4e6
  • symbolIcon.colorForeground#948ae3
  • symbolIcon.constantForeground#948ae3
  • symbolIcon.constructorForeground#7bd88f
  • symbolIcon.enumeratorForeground#fd9353
  • symbolIcon.enumeratorMemberForeground#fd9353
  • symbolIcon.eventForeground#fd9353
  • symbolIcon.fieldForeground#fd9353
  • symbolIcon.fileForeground#bab6c0
  • symbolIcon.folderForeground#bab6c0
  • symbolIcon.functionForeground#7bd88f
  • symbolIcon.interfaceForeground#5ad4e6
  • symbolIcon.keyForeground#fd9353
  • symbolIcon.keywordForeground#fc618d
  • symbolIcon.methodForeground#7bd88f
  • symbolIcon.moduleForeground#5ad4e6
  • symbolIcon.namespaceForeground#5ad4e6
  • symbolIcon.nullForeground#948ae3
  • symbolIcon.numberForeground#948ae3
  • symbolIcon.objectForeground#5ad4e6
  • symbolIcon.operatorForeground#fc618d
  • symbolIcon.packageForeground#948ae3
  • symbolIcon.propertyForeground#fd9353
  • symbolIcon.referenceForeground#948ae3
  • symbolIcon.snippetForeground#7bd88f
  • symbolIcon.stringForeground#fce566
  • symbolIcon.structForeground#fc618d
  • symbolIcon.textForeground#fce566
  • symbolIcon.typeParameterForeground#fd9353
  • symbolIcon.unitForeground#948ae3
  • symbolIcon.variableForeground#5ad4e6
  • tab.activeBackground#0a0a0a
  • tab.activeBorder#fce566
  • tab.activeBorderTop#00000000
  • tab.activeForeground#fce566
  • tab.activeModifiedBorder#525053
  • tab.border#00000000
  • tab.hoverBackground#0a0a0a
  • tab.hoverBorder#525053
  • tab.inactiveBackground#0a0a0a
  • tab.inactiveForeground#fce566
  • tab.inactiveModifiedBorder#525053
  • tab.lastPinnedBorder#525053
  • tab.unfocusedActiveBorder#8b888f
  • tab.unfocusedActiveForeground#bab6c0
  • tab.unfocusedActiveModifiedBorder#363537
  • tab.unfocusedHoverBackground#222222
  • tab.unfocusedHoverBorder#222222
  • tab.unfocusedInactiveForeground#fce566
  • tab.unfocusedInactiveModifiedBorder#363537
  • terminal.ansiBlack#363537
  • terminal.ansiBlue#fd9353
  • terminal.ansiBrightBlack#69676c
  • terminal.ansiBrightBlue#fd9353
  • terminal.ansiBrightCyan#5ad4e6
  • terminal.ansiBrightGreen#7bd88f
  • terminal.ansiBrightMagenta#948ae3
  • terminal.ansiBrightRed#fc618d
  • terminal.ansiBrightWhite#f7f1ff
  • terminal.ansiBrightYellow#fce566
  • terminal.ansiCyan#5ad4e6
  • terminal.ansiGreen#7bd88f
  • terminal.ansiMagenta#948ae3
  • terminal.ansiRed#fc618d
  • terminal.ansiWhite#f7f1ff
  • terminal.ansiYellow#fce566
  • terminal.background#050505
  • terminal.foreground#f7f1ff
  • terminal.selectionBackground#f7f1ff26
  • terminalCommandDecoration.defaultBackground#5ad4e6
  • terminalCommandDecoration.errorBackground#fc618d
  • terminalCommandDecoration.successBackground#7bd88f
  • terminalCursor.background#0f0f0f
  • terminalCursor.foreground#f7f1ff
  • textBlockQuote.background#363537
  • textBlockQuote.border#363537
  • textCodeBlock.background#363537
  • textLink.activeForeground#f7f1ff
  • textLink.foreground#fce566
  • textPreformat.foreground#f7f1ff
  • textSeparator.foreground#69676c
  • titleBar.activeBackground#000000
  • titleBar.activeForeground#8b888f
  • titleBar.border#0a0a0a
  • titleBar.inactiveBackground#000000
  • titleBar.inactiveForeground#525053
  • walkThrough.embeddedEditorBackground#191919
  • welcomePage.tileBackground#222222
  • widget.shadow#0a0a0a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, comment keyword, comment markup.underline.link, comment string, comment punctuation.definition, comment punctuation, comment text#69676Citalic
comment storage.type#69676C
comment entity.name.type#BAB6C0
comment variable, comment variable.other#BAB6C0
comment keyword.codetag.notation#948AE3
comment.git-status.header.remote#FC618D
comment.git-status.header.local#5AD4E6
comment.other.git-status.head#F7F1FF
string.quoted.docstring, string.quoted.docstring punctuation.definition#69676C
constant#948AE3
constant.other#F7F1FF
constant.other.caps#948AE3
constant.other.placeholder.c#FD9353
constant.other.property#948AE3
constant.other.citation.latex#948AE3
constant.other.color#948AE3
constant.other.character-class.escape#948AE3
constant.other#948AE3italic
constant.other.symbol#FD9353
constant.other.elm#5AD4E6
constant.numeric#948AE3italic
constant.language#948AE3italic
constant.character.escape#948AE3
constant.numeric.line-number.find-in-files#525053
constant.numeric.line-number.match.find-in-files#FCE566
entity.name.section#FCE566
entity.name.function, entity.name.function.templated#7BD88F
entity.name.function.member.static#F7F1FF
entity.name.type.class.templated, entity.name.type.class.generic, entity.name.type.namespace#5AD4E6
entity.name.label#948AE3
entity.name.function.preprocessor#5AD4E6
entity.name#7BD88F
entity.name.class#5AD4E6
entity.name.constant#948AE3italic
entity.name.namespace#F7F1FF
entity.other.inherited-class#5AD4E6italic
entity.name.function#7BD88F
entity.name.tag, entity.name.tag.js.jsx support.class.component.js.jsx, entity.name.tag support.class.component, source.vue support.class.component#FC618D
entity.name.function.operator#FC618D
entity.name.type, entity.name.type.class.reference, entity.name.type.class.value#5AD4E6
entity.other.attribute-name#5AD4E6italic
entity.other.attribute-name.class.css, entity.other.attribute-name.parent-selector-suffix.css, entity.other.attribute-name.parent-selector-suffix.css punctuation.definition.entity.css, entity.other.attribute-name.css, entity.other.animation-name.css#7BD88F
entity.other.attribute-name.id.css#FD9353
entity.other.attribute-name.pseudo-class.css, entity.other.pseudo-class.css, entity.other.pseudo-element.css#5AD4E6italic
entity.name.function, support.function#7BD88F
entity.other.git-status.hex#948AE3
entity.other.jinja2.delimiter#8B888F
entity.name.operator.custom-literal#F7F1FF
entity.name.operator.custom-literal.string#FCE566
entity.name.operator.custom-literal.number#948AE3
entity.name.type#5AD4E6italic
entity.name.lifetime.rust#FC618D
invaliditalic
keyword#FC618D
keyword.control#FC618D
keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.default#FC618Ditalic
keyword.control.async, keyword.control.await, storage.type.async#FC618Ditalic
keyword.control.directive#FC618D
keyword.operator, keyword.operator.member, keyword.operator.new#FC618D
keyword.other.substitution#8B888F
keyword.other.template.begin, keyword.other.template.end#FC618D
keyword.operator.heading.restructuredtext, keyword.operator.table.row.restructuredtext keyword.operator.table.data.restructuredtext#8B888F
keyword.other.parenthesis.elm#8B888F
keyword.other.fn.rust, keyword.other.rust, keyword.other.unsafe.rust, keyword.other.where.rust#5AD4E6
keyword.control.rust, keyword.operator.misc.rust#FC618D
keyword.declaration.class.ruby, keyword.declaration.function.ruby, keyword.declaration.namespace.ruby#FC618D
markup.italicitalic
markup.boldbold
markup.heading#FCE566italic
markup.raw#FD9353
markup.underlineunderline
markup.underline.link#7BD88Fitalic
markup.inserted, markup.inserted punctuation.definition.inserted#7BD88F
markup.deleted, markup.deleted punctuation.definition.deleted#FC618D
markup.changed, markup.changed punctuation.definition.changed#FCE566
markup.ignored, markup.ignored punctuation.definition.ignored#8B888F
markup.untracked#8B888F
markup.quoteitalic
meta.brace.round, meta.brace.square, meta.brace.curly, meta.delimiter.comma.js, meta.function-call.without-arguments.js, meta.function-call.method.without-arguments.js#8B888F
meta.function-call.generic.python, support.function.builtin.python#7BD88F
meta.function-call.python meta.function-call.arguments.python#F7F1FF
meta.instance.constructor#7BD88F
meta.attribute-with-value.class string, meta.attribute.class.html string#7BD88F
meta.attribute-with-value.id string, meta.attribute.id.html string#FD9353
source.json meta.mapping.key string#F7F1FFitalic
meta.object.member#F7F1FF
meta.property-list.css variable.other#FD9353
entity.name.constant.preprocessor, meta.preprocessor#948AE3
meta.diff.git-diff.header#FCE566
meta.type_params.rust#F7F1FF
meta.decorator, meta.annotation, punctuation.decorator#948AE3italic
punctuation#8B888F
punctuation.definition.tag, punctuation.definition.tag source, punctuation.definition.group.begin.ruby, punctuation.definition.group.end.ruby, punctuation.definition.group.begin.css, punctuation.definition.group.end.css, punctuation.definition.string.end.html source.css#8B888F
punctuation.definition.group#F7F1FF
punctuation.definition.comment#69676C
punctuation.definition.variable, punctuation.definition.keyword.scss, punctuation.definition.entity.css#BAB6C0
punctuation.section.embedded, punctuation.section.embedded entity.name.tag, punctuation.section.embedded constant.other, punctuation.section.embedded source, punctuation.section.embedded.begin#FD9353
punctuation.template-string.element.begin, punctuation.template-string.element.end, punctuation.definition.string.template.begin, punctuation.definition.string.template.end, string.quoted.template punctuation.definition.string.begin, string.quoted.template punctuation.definition.string.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end#FC618D
meta.paragraph.markdown meta.dummy.line-break, meta.paragraph.markdown meta.hard-line-break.markdown
region.redish#FC618D
region.orangish#FD9353
region.yellowish#FCE566
region.greenish#7BD88F
region.bluish#5AD4E6
region.purplish#948AE3
region.pinkish#FC618D
region.whitish#FFFFFF
source#F7F1FF
source.scss, source.sass#8B888F
source.sass variable.other, source.sass variable.sass, source.scss variable.other, source.scss variable.scss, source.scss variable.sass, source.css variable.other, source.css variable.scss, source.less variable.other, source.less variable.other.less, source.less variable.declaration.less#FD9353italic
source.git-show.commit.sha#948AE3
source.git-show.author, source.git-show.date, source.git-diff.command, source.git-diff.command meta.diff.git-diff.header.from-file, source.git-diff.command meta.diff.git-diff.header.to-file#8B888F
source.git-show meta.diff.git-diff.header.extended.index.from-sha, source.git-show meta.diff.git-diff.header.extended.index.to-sha#948AE3
source.git-show meta.diff.range.unified#FD9353
source.git-show meta.diff.header.from-file, source.git-show meta.diff.header.to-file#8B888F
storage#FC618D
storage.type, storage.type.class, storage.type.function, storage.type.method, storage.modifier.package, storage.modifier.import, storage.type.java#5AD4E6italic
storage.type.extends#FC618Dnormal
storage.type.function.arrow#FC618Dnormal
storage.modifier, storage.type.modifier#FC618Ditalic
storage.class.restructuredtext.ref#948AE3
storage.modifier.visibility.rust, storage.modifier.lifetime.rust#FC618D
storage.modifier.const.rust, storage.modifier.dyn.rust, storage.modifier.mut.rust, storage.modifier.static.rust, storage.type.rust, storage.type.core.rust, storage.class.std.rust#5AD4E6
storage.type.rust, storage.modifier.const.rust, storage.modifier.dyn.rust, storage.modifier.mut.rust, storage.modifier.static.rust, keyword.other.rust, keyword.other.where.rust#FC618D
string#FCE566italic
string.unquoted.label#F7F1FF
string source#F7F1FF
string source punctuation.section.embedded, string punctuation.definition.string source#8B888F
string.other.link.title, string.other.link.description#FC618D
string.other.link.description.title#5AD4E6
string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end#FC618D
string.other.ref, string.other.restructuredtext.ref#7BD88F
string.other.git-status.help.key#BAB6C0
string.other.git-status.remote#FC618D
support.constant#948AE3italic
support.constant.handlebars#948AE3italic
support.type.vendor-prefix.css#BAB6C0
support.function#7BD88F
support.function.delimiter.elm#8B888F
support.type.primitive, support.type.builtin, support.type.basic#5AD4E6italic
support.variable#5AD4E6italic
support.type.property-name#F7F1FFnormal
support.type#5AD4E6italic
support.constant.core.rust#948AE3
text#F7F1FF
text.find-in-files#F7F1FF
variable, variable.other#F7F1FF
variable.parameter, parameters variable.function#FD9353italic
variable.language, variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python#BAB6C0italic
variable.language.arguments#F7F1FFitalic
variable.other.class#5AD4E6italic
variable.other.constant#948AE3italic
variable.other.readwrite#948AE3italic
variable.other.member#F7F1FFitalic
variable.other.enummember#F7F1FFitalic
variable.other.property, variable.other.property.static, variable.other.event#F7F1FFitalic
variable.function#7BD88F
variable.other.substitution#FD9353italic
source.ruby variable.other.readwrite.instance.ruby, source.ruby variable.other.readwrite.class.ruby#948AE3
source.jinja2 variable.other.jinja2.block#7BD88F
source.jinja2 variable.other.jinja2#FD9353
token.info-token#6796E6
token.warn-token#CD9731
token.error-token#F44747
token.debug-token#B267E6
comment, comment.block, comment.block.documentation, comment.line, punctuation.definition.comment, string.comment, entity.other.attribute-name.js, entity.other.attribute-name.tsx, entity.other.attribute-name.jsx, entity.other.attribute-name.html, entity.other.attribute-name, keyword.other.documentation, keyword, storage.type.class.jsdoc, storage.type.class.tsdoc, storage.type.class, storage.type.function.jsdocitalic

Shiki preview

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

Loading...

Xscriptor Themes - Coding Theme