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#140606
  • activityBar.border#2b2b2b
  • activityBar.foreground#dadada
  • activityBar.inactiveForeground#8a8a8a
  • activityBarBadge.background#ffed89
  • activityBarBadge.foreground#222222
  • badge.background#ffed89
  • badge.foreground#222222
  • breadcrumb.activeSelectionForeground#f7f1ff
  • breadcrumb.focusForeground#bab6c0
  • breadcrumb.foreground#8b888f
  • breadcrumbPicker.background#140606
  • button.background#ffed89
  • button.foreground#222222
  • button.hoverBackground#fff09e
  • button.secondaryBackground#3e1f1f
  • button.secondaryForeground#f7f1ff
  • button.secondaryHoverBackground#5c3b3b
  • charts.blue#47e6ff
  • charts.foreground#f7f1ff
  • charts.green#7bd88f
  • charts.lines#69676c
  • charts.orange#fd9353
  • charts.purple#ff9999
  • charts.red#fc618d
  • charts.yellow#ffed89
  • debugExceptionWidget.background#140606
  • debugExceptionWidget.border#222222
  • debugIcon.breakpointCurrentStackframeForeground#ffed89
  • 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#140606
  • descriptionForeground#8b888f
  • diffEditor.insertedTextBackground#7bd88f19
  • diffEditor.removedTextBackground#fc618d19
  • dropdown.background#060101
  • dropdown.border#2b2b2b
  • dropdown.foreground#f7f1ff
  • dropdown.listBackground#3e1f1f
  • editor.background#140606
  • editor.findMatchBackground#f7f1ff26
  • editor.findMatchBorder#ffed89
  • 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#ffed89
  • editorBracketHighlight.foreground4#7bd88f
  • editorBracketHighlight.foreground5#47e6ff
  • editorBracketHighlight.foreground6#ff9999
  • editorBracketMatch.background#140606
  • editorBracketMatch.border#ffed89
  • editorCodeLens.foreground#69676c
  • editorCursor.background#140606
  • editorCursor.foreground#f7f1ff
  • editorError.background#00000000
  • editorError.border#00000000
  • editorError.foreground#fc618d
  • editorGroup.border#140606
  • editorGroup.dropBackground#140606bf
  • editorGroup.emptyBackground#190606
  • editorGroup.focusedEmptyBorder#140606
  • editorGroupHeader.noTabsBackground#140606
  • editorGroupHeader.tabsBackground#140606
  • editorGroupHeader.tabsBorder#222222
  • editorGutter.addedBackground#7bd88f
  • editorGutter.background#140606
  • editorGutter.deletedBackground#fc618d
  • editorGutter.modifiedBackground#fd9353
  • editorHint.border#222222
  • editorHint.foreground#ff9999
  • editorHoverWidget.background#3e1f1f
  • editorHoverWidget.border#222222
  • editorIndentGuide.background#3e1f1f
  • editorInfo.background#00000000
  • editorInfo.border#222222
  • editorInfo.foreground#47e6ff
  • editorLightBulb.foreground#ffed89
  • editorLightBulbAutoFix.foreground#7bd88f
  • editorLineNumber.activeForeground#bab6c0
  • editorLineNumber.foreground#7a7a7a
  • editorLink.activeForeground#47e6ff
  • editorMarkerNavigation.background#5c3b3b
  • editorMarkerNavigationError.background#fc618d
  • editorMarkerNavigationInfo.background#47e6ff
  • 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#47e6ff
  • editorOverviewRuler.modifiedForeground#fd9353
  • editorOverviewRuler.rangeHighlightForeground#f7f1ff26
  • editorOverviewRuler.selectionHighlightForeground#f7f1ff26
  • editorOverviewRuler.warningForeground#fd9353
  • editorOverviewRuler.wordHighlightForeground#f7f1ff26
  • editorOverviewRuler.wordHighlightStrongForeground#f7f1ff26
  • editorPane.background#140606
  • editorRuler.foreground#525053
  • 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.background#ffed89
  • extensionButton.foreground#222222
  • extensionButton.hoverBackground#fff09e
  • extensionButton.prominentBackground#ffed89
  • extensionButton.prominentForeground#222222
  • extensionButton.prominentHoverBackground#fff09e
  • extensionButton.separator#222222
  • focusBorder#69676c
  • foreground#f7f1ff
  • gitDecoration.addedResourceForeground#7bd88f
  • gitDecoration.conflictingResourceForeground#fd9353
  • gitDecoration.deletedResourceForeground#fc618d
  • gitDecoration.ignoredResourceForeground#525053
  • gitDecoration.modifiedResourceForeground#ffed89
  • gitDecoration.stageDeletedResourceForeground#fc618d
  • gitDecoration.stageModifiedResourceForeground#ffed89
  • gitDecoration.untrackedResourceForeground#fd9353
  • input.background#191919
  • 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#47e6ff
  • inputValidation.infoForeground#47e6ff
  • inputValidation.warningBackground#363537
  • inputValidation.warningBorder#fd9353
  • inputValidation.warningForeground#fd9353
  • list.activeSelectionBackground#f7f1ff0c
  • list.activeSelectionForeground#ffed89
  • 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#ffed89
  • list.invalidItemForeground#fc618d
  • list.warningForeground#fd9353
  • listFilterWidget.background#191919
  • listFilterWidget.noMatchesOutline#fc618d
  • listFilterWidget.outline#ffed89
  • menu.background#191919
  • 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#ffed89
  • notificationCenter.border#363537
  • notificationCenterHeader.background#363537
  • notificationCenterHeader.foreground#8b888f
  • notificationLink.foreground#ffed89
  • notifications.background#363537
  • notifications.border#363537
  • notifications.foreground#bab6c0
  • notificationsErrorIcon.foreground#fc618d
  • notificationsInfoIcon.foreground#47e6ff
  • notificationsWarningIcon.foreground#fd9353
  • notificationToast.border#363537
  • panel.background#140606
  • panel.border#222222
  • panelTitle.activeBorder#ffed89
  • panelTitle.activeForeground#f7f1ff
  • panelTitle.inactiveForeground#8b888f
  • peekView.border#ffed89
  • peekViewEditor.background#5c3b3b
  • peekViewEditor.matchHighlightBackground#ffed89
  • peekViewEditor.matchHighlightBorder#ffed89
  • peekViewEditorGutter.background#5c3b3b
  • peekViewResult.background#5c3b3b
  • peekViewResult.fileForeground#f7f1ff
  • peekViewResult.lineForeground#8b888f
  • peekViewResult.matchHighlightBackground#ffed89
  • peekViewResult.selectionBackground#11091c
  • peekViewResult.selectionForeground#f7f1ff
  • peekViewTitle.background#5c3b3b
  • peekViewTitleDescription.foreground#8b888f
  • peekViewTitleLabel.foreground#f7f1ff
  • pickerGroup.border#2b2b2b
  • pickerGroup.foreground#ffed89
  • progressBar.background#ffed89
  • quickInput.background#140706
  • quickInput.foreground#f7f1ff
  • quickInputList.focusBackground#5c3b3b
  • quickInputTitle.background#5c3b3b
  • scrollbar.shadow#222222
  • scrollbarSlider.activeBackground#ffed89
  • scrollbarSlider.background#5c3b3b
  • scrollbarSlider.hoverBackground#ffed89
  • searchEditor.findMatchBackground#ffed89
  • searchEditor.findMatchBorder#ffed89
  • searchEditor.textInputBorder#2b2b2b
  • selection.background#ffed89
  • settings.checkboxBackground#5c3b3b
  • settings.checkboxBorder#2b2b2b
  • settings.checkboxForeground#f7f1ff
  • settings.dropdownBackground#5c3b3b
  • settings.dropdownBorder#2b2b2b
  • settings.dropdownForeground#f7f1ff
  • settings.dropdownListBorder#2b2b2b
  • settings.focusedRowBackground#5c3b3b
  • settings.headerForeground#f7f1ff
  • settings.modifiedItemIndicator#ffed89
  • settings.numberInputBackground#5c3b3b
  • settings.numberInputBorder#2b2b2b
  • settings.numberInputForeground#f7f1ff
  • settings.rowHoverBackground#5c3b3b
  • settings.textInputBackground#5c3b3b
  • settings.textInputBorder#2b2b2b
  • settings.textInputForeground#f7f1ff
  • sideBar.background#140606
  • sideBar.border#2b2b2b
  • sideBar.dropBackground#140706bf
  • sideBar.foreground#bab6c0
  • sideBarSectionHeader.background#140606
  • sideBarSectionHeader.border#2b2b2b
  • sideBarSectionHeader.foreground#f7f1ff
  • sideBarTitle.foreground#f7f1ff
  • statusBar.background#140706
  • statusBar.border#2b2b2b
  • statusBar.debuggingBackground#fd9353
  • statusBar.debuggingBorder#2b2b2b
  • statusBar.debuggingForeground#222222
  • statusBar.foreground#bab6c0
  • statusBar.noFolderBackground#140706
  • statusBar.noFolderBorder#2b2b2b
  • statusBar.noFolderForeground#bab6c0
  • statusBarItem.activeBackground#5c3b3b
  • statusBarItem.hoverBackground#5c3b3b
  • statusBarItem.prominentBackground#ffed89
  • statusBarItem.prominentForeground#222222
  • statusBarItem.prominentHoverBackground#ffed89
  • statusBarItem.remoteBackground#ffed89
  • statusBarItem.remoteForeground#222222
  • symbolIcon.arrayForeground#fc618d
  • symbolIcon.booleanForeground#fc618d
  • symbolIcon.classForeground#47e6ff
  • symbolIcon.colorForeground#ff9999
  • symbolIcon.constantForeground#ff9999
  • 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#47e6ff
  • symbolIcon.keyForeground#fd9353
  • symbolIcon.keywordForeground#fc618d
  • symbolIcon.methodForeground#7bd88f
  • symbolIcon.moduleForeground#47e6ff
  • symbolIcon.namespaceForeground#47e6ff
  • symbolIcon.nullForeground#ff9999
  • symbolIcon.numberForeground#ff9999
  • symbolIcon.objectForeground#47e6ff
  • symbolIcon.operatorForeground#fc618d
  • symbolIcon.packageForeground#ff9999
  • symbolIcon.propertyForeground#fd9353
  • symbolIcon.referenceForeground#ff9999
  • symbolIcon.snippetForeground#7bd88f
  • symbolIcon.stringForeground#ffed89
  • symbolIcon.structForeground#fc618d
  • symbolIcon.textForeground#ffed89
  • symbolIcon.typeParameterForeground#fd9353
  • symbolIcon.unitForeground#ff9999
  • symbolIcon.variableForeground#47e6ff
  • tab.activeBackground#140606
  • tab.activeBorder#ffed89
  • tab.activeBorderTop#ffed89
  • tab.activeForeground#f7f1ff
  • tab.activeModifiedBorder#fd9353
  • tab.border#2b2b2b
  • tab.hoverBackground#140606
  • tab.hoverBorder#ffed89
  • tab.hoverForeground#f7f1ff
  • tab.inactiveBackground#140606
  • tab.inactiveForeground#8b888f
  • tab.inactiveModifiedBorder#fd9353
  • tab.unfocusedActiveBackground#140606
  • tab.unfocusedActiveBorder#ffed89
  • tab.unfocusedActiveBorderTop#ffed89
  • tab.unfocusedActiveForeground#f7f1ff
  • tab.unfocusedActiveModifiedBorder#fd9353
  • tab.unfocusedHoverBackground#140606
  • tab.unfocusedHoverBorder#ffed89
  • tab.unfocusedHoverForeground#f7f1ff
  • tab.unfocusedInactiveBackground#140606
  • tab.unfocusedInactiveForeground#8b888f
  • tab.unfocusedInactiveModifiedBorder#fd9353
  • terminal.ansiBlack#222222
  • terminal.ansiBlue#47e6ff
  • terminal.ansiBrightBlack#525053
  • terminal.ansiBrightBlue#47e6ff
  • terminal.ansiBrightCyan#47e6ff
  • terminal.ansiBrightGreen#7bd88f
  • terminal.ansiBrightMagenta#ff9999
  • terminal.ansiBrightRed#fc618d
  • terminal.ansiBrightWhite#f7f1ff
  • terminal.ansiBrightYellow#ffed89
  • terminal.ansiCyan#47e6ff
  • terminal.ansiGreen#7bd88f
  • terminal.ansiMagenta#ff9999
  • terminal.ansiRed#fc618d
  • terminal.ansiWhite#f7f1ff
  • terminal.ansiYellow#ffed89
  • terminal.background#140706
  • terminal.border#2b2b2b
  • terminal.foreground#f7f1ff
  • terminal.selectionBackground#ffed89
  • terminalCursor.background#140706
  • terminalCursor.foreground#f7f1ff
  • textBlockQuote.background#5c3b3b
  • textBlockQuote.border#2b2b2b
  • textCodeBlock.background#5c3b3b
  • textLink.activeForeground#47e6ff
  • textLink.foreground#47e6ff
  • textPreformat.foreground#fd9353
  • textSeparator.foreground#2b2b2b
  • titleBar.activeBackground#140706
  • titleBar.activeForeground#f7f1ff
  • titleBar.border#2b2b2b
  • titleBar.inactiveBackground#2a0f0f
  • titleBar.inactiveForeground#8b888f
  • tree.indentGuidesStroke#5c3b3b
  • walkThrough.embeddedEditorBackground#5c3b3b
  • welcomePage.background#140706
  • welcomePage.buttonBackground#5c3b3b
  • welcomePage.buttonHoverBackground#ffed89
  • 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#ff9999
comment.git-status.header.remote#fc618d
comment.git-status.header.local#47e6ff
comment.other.git-status.head#F7F1FF
string.quoted.docstring, string.quoted.docstring punctuation.definition#69676C
constant#ff9999
constant.other#F7F1FF
constant.other.caps#ff9999
constant.other.placeholder.c#FD9353
constant.other.property#ff9999
constant.other.citation.latex#ff9999
constant.other.color#ff9999
constant.other.character-class.escape#ff9999
constant.other.key#ff9999
constant.other.symbol#FD9353
constant.other.elm#47e6ff
constant.numeric#ff9999
constant.language#ff9999
constant.character.escape#ff9999
constant.numeric.line-number.find-in-files#525053
constant.numeric.line-number.match.find-in-files#ffed89
entity.name.section#ffed89
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#47e6ff
entity.name.label#ff9999
entity.name.function.preprocessor#47e6ff
entity.name#7BD88F
entity.name.class#47e6ff
entity.name.constant#ff9999
entity.name.namespace#F7F1FF
entity.other.inherited-class#47e6ffitalic
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#47e6ff
entity.other.attribute-name#47e6ffitalic
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#47e6ffitalic
entity.name.function, support.function#7BD88F
entity.other.git-status.hex#c4bdff
entity.other.jinja2.delimiter#8B888F
entity.name.operator.custom-literal#F7F1FF
entity.name.operator.custom-literal.string#ffed89
entity.name.operator.custom-literal.number#c4bdff
entity.name.type.rust#47e6ff
entity.name.lifetime.rust#fc618d
invaliditalic
keyword#fc618d
keyword.control#fc618d
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#47e6ff
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#ffed89
markup.raw#FD9353
markup.underlineunderline
markup.underline.link#7BD88F
markup.inserted, markup.inserted punctuation.definition.inserted#7BD88F
markup.deleted, markup.deleted punctuation.definition.deleted#fc618d
markup.changed, markup.changed punctuation.definition.changed#ffed89
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#F7F1FF
meta.object.member#F7F1FF
meta.property-list.css variable.other#FD9353
entity.name.constant.preprocessor, meta.preprocessor#c4bdff
meta.diff.git-diff.header#ffed89
meta.type_params.rust#F7F1FF
meta.attribute.rust, meta.annotation.rust, variable.language.rust, variable.annotation.rust, meta.annotation.rust string, meta.annotation.rust keyword, meta.annotation.rust keyword.operator, meta.attribute.rust string#BAB6C0
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#ffed89
region.greenish#7BD88F
region.bluish#47e6ff
region.purplish#ff9999
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#c4bdff
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#c4bdff
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#47e6ffitalic
storage.type.extends#fc618dnormal
storage.type.function.arrow#fc618dnormal
storage.modifier, storage.type.modifier#fc618ditalic
storage.class.restructuredtext.ref#c4bdff
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#47e6ff
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#ffed89
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#47e6ff
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#47e6ff
support.constant.handlebars#8B888F
support.type.vendor-prefix.css#BAB6C0
support.function#7BD88F
support.function.delimiter.elm#8B888F
support.type, entity.name.type.object.console#47e6ffitalic
support.variable#47e6ff
support.type.property-name#F7F1FFnormal
support.class#47e6ff
support.constant.core.rust#c4bdff
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#c4bdff
variable.other.class#47e6ff
variable.other.constant#c4bdff
variable.other.readwrite#F7F1FF
variable.other.member#F7F1FF
variable.other.enummember#c4bdff
variable.other.property, variable.other.property.static, variable.other.event#F7F1FF
variable.function#7BD88F
variable.other.substitution#FD9353
source.ruby variable.other.readwrite.instance.ruby, source.ruby variable.other.readwrite.class.ruby#c4bdff
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