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.activeFocusBorder#6db1f5
  • activityBar.background#05090d
  • activityBar.border#095caf00
  • activityBar.foreground#6aa4df
  • activityBar.inactiveForeground#426b94
  • activityBarBadge.background#095caf
  • activityBarBadge.foreground#ced9e4
  • activityBarTop.activeBorder#095caf
  • activityBarTop.dropBorder#095caf
  • activityBarTop.foreground#6aa4df
  • activityBarTop.inactiveForeground#426b94
  • badge.background#095caf
  • badge.foreground#ced9e4
  • banner.background#363537
  • banner.foreground#bab6c0
  • banner.iconForeground#bab6c0
  • breadcrumb.activeSelectionForeground#1e88f3
  • breadcrumb.focusForeground#1e88f3
  • breadcrumb.foreground#426b94
  • button.background#095caf
  • button.foreground#ced9e4
  • button.hoverBackground#3186dc
  • button.secondaryBackground#1e88f3
  • button.secondaryForeground#0f0f0f
  • button.secondaryHoverBackground#88b4e1
  • button.separator#222222
  • charts.blue#61a0df
  • charts.foreground#cce4fc
  • charts.green#80a9d3
  • charts.lines#69676c
  • charts.orange#5ca8f4
  • charts.purple#87bcf1
  • charts.red#60a4e8
  • charts.yellow#6db1f5
  • checkbox.background#05090d
  • checkbox.border#ffffff00
  • checkbox.foreground#1e88f3
  • commandCenter.activeBackground#04121fa0
  • commandCenter.activeBorder#ffffff00
  • commandCenter.activeForeground#1e88f3
  • commandCenter.background#05090d
  • commandCenter.border#80a9d327
  • commandCenter.foreground#426b94
  • debugConsole.errorForeground#60a4e8
  • debugConsole.infoForeground#61a0df
  • debugConsole.sourceForeground#cce4fc
  • debugConsole.warningForeground#5ca8f4
  • debugConsoleInputIcon.foreground#6db1f5
  • debugExceptionWidget.background#08121c
  • debugExceptionWidget.border#ffffff00
  • debugIcon.breakpointCurrentStackframeForeground#6db1f5
  • debugIcon.breakpointDisabledForeground#bab6c0
  • debugIcon.breakpointForeground#60a4e8
  • debugIcon.breakpointStackframeForeground#cce4fc
  • debugIcon.breakpointUnverifiedForeground#5ca8f4
  • debugIcon.continueForeground#cce4fc
  • debugIcon.disconnectForeground#cce4fc
  • debugIcon.pauseForeground#cce4fc
  • debugIcon.restartForeground#80a9d3
  • debugIcon.startForeground#80a9d3
  • debugIcon.stepBackForeground#cce4fc
  • debugIcon.stepIntoForeground#cce4fc
  • debugIcon.stepOutForeground#cce4fc
  • debugIcon.stepOverForeground#cce4fc
  • debugIcon.stopForeground#60a4e8
  • debugTokenExpression.boolean#5ca8f4
  • debugTokenExpression.error#60a4e8
  • debugTokenExpression.name#61a0df
  • debugTokenExpression.number#87bcf1
  • debugTokenExpression.string#6db1f5
  • debugTokenExpression.value#cce4fc
  • debugToolBar.background#08121c
  • debugView.exceptionLabelBackground#60a4e8
  • debugView.exceptionLabelForeground#222222
  • debugView.stateLabelBackground#80a9d3
  • debugView.stateLabelForeground#222222
  • debugView.valueChangedHighlight#6db1f5
  • descriptionForeground#8b888f
  • diffEditor.diagonalFill#363537
  • diffEditor.insertedLineBackground#80a9d319
  • diffEditor.insertedTextBackground#081828
  • diffEditor.removedLineBackground#60a4e819
  • diffEditor.removedTextBackground#095caf50
  • diffEditorGutter.insertedLineBackground#80a9d319
  • diffEditorGutter.removedLineBackground#60a4e819
  • diffEditorOverview.insertedForeground#80a9d3a5
  • diffEditorOverview.removedForeground#60a4e8a5
  • dropdown.background#05090d
  • dropdown.border#ffffff00
  • dropdown.foreground#1e88f3
  • dropdown.listBackground#363537
  • editor.background#05090d
  • editor.findMatchBackground#095caf50
  • editor.findMatchBorder#095caf
  • editor.findMatchHighlightBackground#095caf50
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#095caf50
  • editor.findRangeHighlightBorder#ffffff00
  • editor.focusedStackFrameHighlightBackground#bab6c026
  • editor.foldBackground#081828
  • editor.foreground#ced9e4
  • editor.hoverHighlightBackground#095caf50
  • editor.inactiveSelectionBackground#081828
  • editor.inlineValuesBackground#525053
  • editor.inlineValuesForeground#bab6c0
  • editor.lineHighlightBackground#081828
  • editor.lineHighlightBorder#ffffff00
  • editor.linkedEditingBackground#363537
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#095caf50
  • editor.selectionHighlightBackground#095caf50
  • editor.selectionHighlightBorder#095caf
  • editor.stackFrameHighlightBackground#bab6c026
  • editor.wordHighlightBackground#095caf50
  • editor.wordHighlightBorder#095caf
  • editor.wordHighlightStrongBackground#095caf50
  • editor.wordHighlightStrongBorder#095caf
  • editorBracketHighlight.foreground1#60a4e8
  • editorBracketHighlight.foreground2#5ca8f4
  • editorBracketHighlight.foreground3#6db1f5
  • editorBracketHighlight.foreground4#80a9d3
  • editorBracketHighlight.foreground5#61a0df
  • editorBracketHighlight.foreground6#87bcf1
  • editorBracketMatch.background#095caf50
  • editorBracketMatch.border#095caf
  • editorCodeLens.foreground#426b94
  • editorCursor.background#ced9e4
  • editorCursor.foreground#0d7ff2
  • editorError.background#ffffff00
  • editorError.border#ffffff00
  • editorError.foreground#095caf
  • editorGroup.border#426b94
  • editorGroup.dropBackground#191919bf
  • editorGroup.emptyBackground#05090d
  • editorGroup.focusedEmptyBorder#191919
  • editorGroupHeader.noTabsBackground#222222
  • editorGroupHeader.tabsBackground#05090d
  • editorGroupHeader.tabsBorder#ffffff00
  • editorGutter.addedBackground#1e88f3
  • editorGutter.background#08121c
  • editorGutter.deletedBackground#095caf
  • editorGutter.foldingControlForeground#095caf
  • editorGutter.modifiedBackground#91b7de
  • editorHint.border#222222
  • editorHint.foreground#87bcf1
  • editorHoverWidget.background#081828
  • editorHoverWidget.border#ffffff00
  • editorIndentGuide.background1#363537
  • editorInfo.background#ffffff00
  • editorInfo.border#ffffff00
  • editorInfo.foreground#1e88f3
  • editorInlayHint.background#081828
  • editorInlayHint.foreground#81bcf8ca
  • editorInlayHint.parameterBackground#081828
  • editorInlayHint.parameterForeground#81bcf8ca
  • editorInlayHint.typeBackground#081828
  • editorInlayHint.typeForeground#81bcf8ca
  • editorLightBulb.foreground#6db1f5
  • editorLightBulbAutoFix.foreground#80a9d3
  • editorLineNumber.activeForeground#1f89f3
  • editorLineNumber.foreground#426b94
  • editorLink.activeForeground#095caf
  • editorMarkerNavigation.background#081828
  • editorMarkerNavigationError.background#095caf
  • editorMarkerNavigationInfo.background#1e88f3
  • editorMarkerNavigationWarning.background#6eb2f7
  • editorOverviewRuler.addedForeground#80a9d3
  • editorOverviewRuler.border#ffffff00
  • editorOverviewRuler.currentContentForeground#363537
  • editorOverviewRuler.deletedForeground#60a4e8
  • editorOverviewRuler.errorForeground#60a4e8
  • editorOverviewRuler.findMatchForeground#cce4fc26
  • editorOverviewRuler.incomingContentForeground#363537
  • editorOverviewRuler.infoForeground#61a0df
  • editorOverviewRuler.modifiedForeground#5ca8f4
  • editorOverviewRuler.rangeHighlightForeground#cce4fc26
  • editorOverviewRuler.selectionHighlightForeground#cce4fc26
  • editorOverviewRuler.warningForeground#5ca8f4
  • editorOverviewRuler.wordHighlightForeground#cce4fc26
  • editorOverviewRuler.wordHighlightStrongForeground#cce4fc26
  • editorPane.background#222222
  • editorRuler.foreground#426b94
  • editorSuggestWidget.background#08121c
  • editorSuggestWidget.border#08121c
  • editorSuggestWidget.foreground#426b94
  • editorSuggestWidget.highlightForeground#1e88f3
  • editorSuggestWidget.selectedBackground#081828
  • editorUnnecessaryCode.opacity#000000a5
  • editorWarning.background#ffffff00
  • editorWarning.border#ffffff00
  • editorWarning.foreground#6eb2f7
  • editorWhitespace.foreground#426b94
  • editorWidget.background#08121c
  • editorWidget.border#363537
  • errorForeground#60a4e8
  • errorLens.errorBackground#095caf23
  • errorLens.errorForeground#1f89f3
  • errorLens.errorMessageBackground#095caf20
  • errorLens.errorRangeBackground#095caf20
  • errorLens.infoBackground#07427e20
  • errorLens.infoForeground#0e73d9d9
  • errorLens.infoMessageBackground#07427e19
  • errorLens.infoRangeBackground#07427e19
  • errorLens.warningBackground#0a65c01b
  • errorLens.warningForeground#298aeb
  • errorLens.warningMessageBackground#0a65c019
  • errorLens.warningRangeBackground#0a65c019
  • extensionBadge.remoteForeground#80a9d3
  • extensionButton.prominentBackground#363537
  • extensionButton.prominentForeground#cce4fc
  • extensionButton.prominentHoverBackground#525053
  • extensionIcon.preReleaseForeground#87bcf1
  • extensionIcon.sponsorForeground#61a0df
  • extensionIcon.starForeground#6db1f5
  • extensionIcon.verifiedForeground#80a9d3
  • focusBorder#ffffff00
  • foreground#426b94
  • gitDecoration.addedResourceForeground#849cb5
  • gitDecoration.conflictingResourceForeground#7098c0
  • gitDecoration.deletedResourceForeground#4080c0
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#91b7de
  • gitDecoration.stageDeletedResourceForeground#4080c0
  • gitDecoration.stageModifiedResourceForeground#91b7de
  • gitDecoration.untrackedResourceForeground#6387ab
  • gitlens.gutterBackgroundColor#1c242d
  • gitlens.gutterForegroundColor#677078
  • gitlens.gutterUncommittedForegroundColor#223950
  • gitlens.lineHighlightBackgroundColor#15212e50
  • gitlens.trailingLineBackgroundColor#1f222577
  • gitlens.trailingLineForegroundColor#809fbf99
  • icon.foreground#426b94
  • input.background#05090d
  • input.border#ffffff00
  • input.foreground#1e88f3
  • input.placeholderForeground#426b94
  • inputOption.activeBackground#ffffff00
  • inputOption.activeBorder#ffffff00
  • inputOption.activeForeground#1e88f3
  • inputOption.hoverBackground#525053
  • inputValidation.errorBackground#363537
  • inputValidation.errorBorder#60a4e8
  • inputValidation.errorForeground#60a4e8
  • inputValidation.infoBackground#363537
  • inputValidation.infoBorder#61a0df
  • inputValidation.infoForeground#61a0df
  • inputValidation.warningBackground#363537
  • inputValidation.warningBorder#5ca8f4
  • inputValidation.warningForeground#5ca8f4
  • keybindingLabel.background#525053
  • keybindingLabel.border#525053
  • keybindingLabel.bottomBorder#363537
  • keybindingLabel.foreground#bab6c0
  • list.activeSelectionBackground#081828
  • list.activeSelectionForeground#1e88f3
  • list.dropBackground#08121c
  • list.errorForeground#60a4e8
  • list.focusBackground#081828
  • list.focusForeground#1e88f3
  • list.highlightForeground#095caf
  • list.hoverBackground#081828
  • list.hoverForeground#1e88f3
  • list.inactiveFocusBackground#222222
  • list.inactiveSelectionBackground#08121c
  • list.inactiveSelectionForeground#1e88f3
  • list.invalidItemForeground#60a4e8
  • list.warningForeground#5ca8f4
  • listFilterWidget.background#081828
  • listFilterWidget.noMatchesOutline#095caf
  • listFilterWidget.outline#00000000
  • menu.background#08121c
  • menu.border#0d7ff200
  • menu.foreground#426b94
  • menu.selectionForeground#1e88f3
  • menu.separatorBackground#13202e
  • menubar.selectionForeground#1e88f3
  • merge.border#222222
  • merge.commonContentBackground#081828
  • merge.commonHeaderBackground#426b94
  • merge.currentContentBackground#081828
  • merge.currentHeaderBackground#426b94
  • merge.incomingContentBackground#081828
  • merge.incomingHeaderBackground#426b94
  • mergeEditor.change.background#cce4fc19
  • mergeEditor.change.word.background#cce4fc19
  • mergeEditor.conflict.handled.minimapOverViewRuler#80a9d3
  • mergeEditor.conflict.handledFocused.border#80a9d3
  • mergeEditor.conflict.handledUnfocused.border#80a9d3
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#60a4e8
  • mergeEditor.conflict.unhandledFocused.border#60a4e8
  • mergeEditor.conflict.unhandledUnfocused.border#60a4e8
  • minimap.errorHighlight#095caf
  • minimap.findMatchHighlight#095caf50
  • minimap.selectionHighlight#095caf50
  • minimap.selectionOccurrenceHighlight#69676ca5
  • minimap.warningHighlight#6eb2f7
  • minimapGutter.addedBackground#1e88f3
  • minimapGutter.deletedBackground#095caf
  • minimapGutter.modifiedBackground#6eb2f7
  • notebook.cellBorderColor#363537
  • notebook.cellEditorBackground#1919197f
  • notebook.cellInsertionIndicator#cce4fc
  • notebook.cellStatusBarItemHoverBackground#69676c
  • notebook.cellToolbarSeparator#363537
  • notebook.editorBackground#222222
  • notebook.focusedEditorBorder#69676c
  • notebookStatusErrorIcon.foreground#60a4e8
  • notebookStatusRunningIcon.foreground#cce4fc
  • notebookStatusSuccessIcon.foreground#80a9d3
  • notificationCenter.border#ffffff00
  • notificationCenterHeader.background#13202e
  • notificationCenterHeader.foreground#ced9e4
  • notificationLink.foreground#095caf
  • notifications.background#0a1825
  • notifications.border#095caf
  • notifications.foreground#426b94
  • notificationsErrorIcon.foreground#095caf
  • notificationsInfoIcon.foreground#1e88f3
  • notificationsWarningIcon.foreground#6eb2f7
  • notificationToast.border#ffffff00
  • panel.background#05090d
  • panel.border#081828
  • panel.dropBackground#191919bf
  • panelTitle.activeBorder#095caf
  • panelTitle.activeForeground#1e88f3
  • panelTitle.inactiveForeground#426b94
  • peekView.border#ffffff00
  • peekViewEditor.background#081828
  • peekViewEditor.matchHighlightBackground#095caf75
  • peekViewEditorGutter.background#081828
  • peekViewResult.background#081828
  • peekViewResult.fileForeground#426b94
  • peekViewResult.lineForeground#095caf
  • peekViewResult.matchHighlightBackground#095caf75
  • peekViewResult.selectionBackground#095caf75
  • peekViewResult.selectionForeground#ced9e4
  • peekViewTitle.background#13202e
  • peekViewTitleDescription.foreground#ced9e4
  • peekViewTitleLabel.foreground#ced9e4
  • pickerGroup.border#13202e
  • pickerGroup.foreground#1e88f3
  • ports.iconRunningProcessForeground#80a9d3
  • problemsErrorIcon.foreground#60a4e8
  • problemsInfoIcon.foreground#61a0df
  • problemsWarningIcon.foreground#5ca8f4
  • progressBar.background#095caf
  • sash.hoverBorder#69676c
  • scrollbar.shadow#ffffff00
  • scrollbarSlider.activeBackground#095caf
  • scrollbarSlider.background#081828
  • scrollbarSlider.hoverBackground#095caf
  • selection.background#095caf50
  • settings.checkboxBackground#363537
  • settings.checkboxBorder#363537
  • settings.checkboxForeground#cce4fc
  • settings.dropdownBackground#363537
  • settings.dropdownBorder#363537
  • settings.dropdownForeground#cce4fc
  • settings.dropdownListBorder#8b888f
  • settings.headerForeground#426b94
  • settings.modifiedItemForeground#6db1f5
  • settings.modifiedItemIndicator#6db1f5
  • settings.numberInputBackground#363537
  • settings.numberInputBorder#363537
  • settings.numberInputForeground#cce4fc
  • settings.rowHoverBackground#69676c0c
  • settings.textInputBackground#363537
  • settings.textInputBorder#363537
  • settings.textInputForeground#cce4fc
  • sideBar.background#05090d
  • sideBar.border#ffffff00
  • sideBar.dropBackground#08121c
  • sideBar.foreground#426b94
  • sideBarSectionHeader.background#07121c
  • sideBarSectionHeader.foreground#ced9e4
  • sideBarTitle.foreground#ced9e4
  • statusBar.background#05090d
  • statusBar.border#0d7ff200
  • statusBar.debuggingBackground#05090d
  • statusBar.debuggingBorder#053667
  • statusBar.debuggingForeground#0c75de
  • statusBar.focusBorder#363537
  • statusBar.foreground#426b94
  • statusBar.noFolderBackground#095caf
  • statusBar.noFolderBorder#0d7ff200
  • statusBar.noFolderForeground#ced9e4
  • statusBarItem.activeBackground#ffffff25
  • statusBarItem.errorBackground#222222
  • statusBarItem.errorForeground#60a4e8
  • statusBarItem.focusBorder#69676c
  • statusBarItem.hoverBackground#081828
  • statusBarItem.prominentBackground#363537
  • statusBarItem.prominentHoverBackground#363537
  • statusBarItem.remoteBackground#07417c
  • statusBarItem.remoteForeground#ced9e4
  • statusBarItem.warningBackground#222222
  • statusBarItem.warningForeground#5ca8f4
  • symbolIcon.arrayForeground#60a4e8
  • symbolIcon.booleanForeground#60a4e8
  • symbolIcon.classForeground#61a0df
  • symbolIcon.colorForeground#87bcf1
  • symbolIcon.constantForeground#87bcf1
  • symbolIcon.constructorForeground#80a9d3
  • symbolIcon.enumeratorForeground#5ca8f4
  • symbolIcon.enumeratorMemberForeground#5ca8f4
  • symbolIcon.eventForeground#5ca8f4
  • symbolIcon.fieldForeground#5ca8f4
  • symbolIcon.fileForeground#bab6c0
  • symbolIcon.folderForeground#bab6c0
  • symbolIcon.functionForeground#80a9d3
  • symbolIcon.interfaceForeground#61a0df
  • symbolIcon.keyForeground#5ca8f4
  • symbolIcon.keywordForeground#60a4e8
  • symbolIcon.methodForeground#80a9d3
  • symbolIcon.moduleForeground#61a0df
  • symbolIcon.namespaceForeground#61a0df
  • symbolIcon.nullForeground#87bcf1
  • symbolIcon.numberForeground#87bcf1
  • symbolIcon.objectForeground#61a0df
  • symbolIcon.operatorForeground#60a4e8
  • symbolIcon.packageForeground#87bcf1
  • symbolIcon.propertyForeground#5ca8f4
  • symbolIcon.referenceForeground#87bcf1
  • symbolIcon.snippetForeground#80a9d3
  • symbolIcon.stringForeground#6db1f5
  • symbolIcon.structForeground#60a4e8
  • symbolIcon.textForeground#6db1f5
  • symbolIcon.typeParameterForeground#5ca8f4
  • symbolIcon.unitForeground#87bcf1
  • symbolIcon.variableForeground#61a0df
  • tab.activeBackground#081828
  • tab.activeBorder#095caf
  • tab.activeForeground#1e88f3
  • tab.activeModifiedBorder#525053
  • tab.border#ffffff00
  • tab.hoverBackground#081828
  • tab.hoverBorder#ffffff00
  • tab.hoverForeground#1e88f3
  • tab.inactiveBackground#08121c
  • tab.inactiveForeground#426b94
  • tab.inactiveModifiedBorder#525053
  • tab.lastPinnedBorder#525053
  • tab.unfocusedActiveBorder#8b888f
  • tab.unfocusedActiveForeground#bab6c0
  • tab.unfocusedActiveModifiedBorder#363537
  • tab.unfocusedHoverBackground#222222
  • tab.unfocusedHoverBorder#222222
  • tab.unfocusedHoverForeground#bab6c0
  • tab.unfocusedInactiveForeground#8b888f
  • tab.unfocusedInactiveModifiedBorder#363537
  • terminal.ansiBlack#0b70d5
  • terminal.ansiBlue#2c76c0
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#4492e1
  • terminal.ansiBrightCyan#3282d2
  • terminal.ansiBrightGreen#2c7ac8
  • terminal.ansiBrightMagenta#75a3d1
  • terminal.ansiBrightRed#549ee9
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#4c9cec
  • terminal.ansiCyan#1a6fc4
  • terminal.ansiGreen#1664b3
  • terminal.ansiMagenta#457db6
  • terminal.ansiRed#397fc5
  • terminal.ansiWhite#ffffff
  • terminal.ansiYellow#1b7ada
  • terminal.background#00000000
  • terminal.foreground#aac3dd
  • terminal.selectionBackground#081828
  • terminalCommandDecoration.defaultBackground#cce4fc
  • terminalCommandDecoration.errorBackground#60a4e8
  • terminalCommandDecoration.successBackground#80a9d3
  • terminalCursor.background#095caf
  • terminalCursor.foreground#ced9e4
  • testing.iconErrored#60a4e8
  • testing.iconFailed#60a4e8
  • testing.iconPassed#80a9d3
  • testing.iconQueued#cce4fc
  • testing.iconSkipped#5ca8f4
  • testing.iconUnset#8b888f
  • testing.message.error.decorationForeground#60a4e8
  • testing.message.error.lineBackground#60a4e819
  • testing.message.info.decorationForeground#cce4fc
  • testing.message.info.lineBackground#cce4fc19
  • testing.runAction#6db1f5
  • textBlockQuote.background#363537
  • textBlockQuote.border#363537
  • textCodeBlock.background#363537
  • textLink.activeForeground#cce4fc
  • textLink.foreground#095caf
  • textPreformat.foreground#cce4fc
  • textSeparator.foreground#69676c
  • titleBar.activeBackground#05090d
  • titleBar.activeForeground#426b94
  • titleBar.border#00000000
  • titleBar.inactiveBackground#08121c
  • titleBar.inactiveForeground#426b94
  • walkThrough.embeddedEditorBackground#00000050
  • welcomePage.buttonBackground#363537
  • welcomePage.buttonHoverBackground#525053
  • welcomePage.progress.background#69676c
  • welcomePage.progress.foreground#8b888f
  • welcomePage.tileBackground#363537
  • welcomePage.tileHoverBackground#525053
  • welcomePage.tileShadow#131313
  • widget.shadow#ffffff00

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#6583a1italic
comment storage.type#6583a1
comment entity.name.type#bab6c0
comment variable, comment variable.other#bab6c0
comment keyword.codetag.notation#87bcf1
comment.git-status.header.remote#60a4e8
comment.git-status.header.local#71b4f8
comment.other.git-status.head#b1cfed
string.quoted.docstring, string.quoted.docstring punctuation.definition#6583a1
constant#87bcf1
constant.other#b1cfed
constant.other.caps#87bcf1
constant.other.placeholder.c#5ca8f4
constant.other.property#87bcf1
constant.other.citation.latex#87bcf1
constant.other.color#87bcf1
constant.other.character-class.escape#87bcf1
constant.other.key#87bcf1
constant.other.symbol#5ca8f4
constant.other.elm#71b4f8
constant.numeric#87bcf1
constant.language#87bcf1
constant.character.escape#87bcf1
constant.numeric.line-number.find-in-files#525053
constant.numeric.line-number.match.find-in-files#72b1f0
entity.name.section#72b1f0
entity.name.function, entity.name.function.templated, entity.name.function.member.static#478ace
entity.name.type.class.templated, entity.name.type.class.generic, entity.name.type.namespace#71b4f8
entity.name.label#87bcf1
entity.name.function.preprocessor#71b4f8
entity.name#478ace
entity.name.class#71b4f8
entity.name.constant#87bcf1
entity.name.namespace#b1cfed
entity.other.inherited-class#71b4f8italic
entity.name.function#478ace
entity.name.tag, entity.name.tag.js.jsx support.class.component.js.jsx, entity.name.tag support.class.component, source.vue support.class.component#60a4e8
entity.name.function.operator#60a4e8
meta.brackets entity.name.function.operator, punctuation.separator entity.name.function.operator#788a8b
entity.name.type, entity.name.type.class.reference, entity.name.type.class.value#71b4f8
entity.other.attribute-name#71b4f8italic
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#478ace
entity.other.attribute-name.id.css#5ca8f4
entity.other.attribute-name.pseudo-class.css, entity.other.pseudo-class.css, entity.other.pseudo-element.css#71b4f8italic
entity.name.function, support.function#478ace
entity.other.git-status.hex#87bcf1
entity.other.jinja2.delimiter#788a8b
entity.name.operator.custom-literal#b1cfed
entity.name.operator.custom-literal.string#72b1f0
entity.name.operator.custom-literal.number#87bcf1
entity.name.type.rust#71b4f8
entity.name.lifetime.rust#60a4e8
invalid#60a4e8italic underline
invalid.deprecated#5ca8f4italic underline
keyword#60a4e8
keyword.control#60a4e8
keyword.control.directive#60a4e8
keyword.operator, keyword.operator.member, keyword.operator.new#60a4e8
keyword.other.substitution#788a8b
keyword.other.template.begin, keyword.other.template.end#60a4e8
keyword.operator.heading.restructuredtext, keyword.operator.table.row.restructuredtext keyword.operator.table.data.restructuredtext#788a8b
keyword.other.parenthesis.elm#788a8b
keyword.other.fn.rust, keyword.other.rust, keyword.other.unsafe.rust, keyword.other.where.rust#71b4f8
keyword.control.rust, keyword.operator.misc.rust#60a4e8
keyword.declaration.class.ruby, keyword.declaration.function.ruby, keyword.declaration.namespace.ruby#60a4e8
markup.italicitalic
markup.boldbold
markup.heading#72b1f0
markup.raw#5ca8f4
markup.underlineunderline
markup.underline.link#478ace
markup.inserted, markup.inserted punctuation.definition.inserted#478ace
markup.deleted, markup.deleted punctuation.definition.deleted#60a4e8
markup.changed, markup.changed punctuation.definition.changed#72b1f0
markup.ignored, markup.ignored punctuation.definition.ignored#788a8b
markup.untracked#788a8b
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#788a8b
meta.function-call.generic.python, support.function.builtin.python#478ace
meta.function-call.python meta.function-call.arguments.python#b1cfed
meta.instance.constructor#478ace
meta.attribute-with-value.class string, meta.attribute.class.html string#478ace
meta.attribute-with-value.id string, meta.attribute.id.html string#5ca8f4
source.json meta.mapping.key string#b1cfed
source.yaml meta.mapping.key string#60a4e8
meta.object.member#b1cfed
meta.property-list.css variable.other#5ca8f4
entity.name.constant.preprocessor, meta.preprocessor#87bcf1
meta.diff.git-diff.header#72b1f0
meta.type_params.rust#b1cfed
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#788a8b
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#788a8b
punctuation.definition.group#b1cfed
punctuation.definition.comment#6583a1
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#5ca8f4
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#60a4e8
meta.paragraph.markdown meta.dummy.line-break, meta.paragraph.markdown meta.hard-line-break.markdown
region.redish#60a4e8
region.orangish#5ca8f4
region.yellowish#72b1f0
region.greenish#478ace
region.bluish#71b4f8
region.purplish#87bcf1
region.pinkish#60a4e8
region.whitish#ffffff
source#b1cfed
source.scss, source.sass#788a8b
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#5ca8f4italic
source.git-show.commit.sha#87bcf1
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#788a8b
source.git-show meta.diff.git-diff.header.extended.index.from-sha, source.git-show meta.diff.git-diff.header.extended.index.to-sha#87bcf1
source.git-show meta.diff.range.unified#5ca8f4
source.git-show meta.diff.header.from-file, source.git-show meta.diff.header.to-file#788a8b
storage#60a4e8
storage.type#71b4f8italic
storage.type.extends#60a4e8normal
storage.type.function.arrow#60a4e8normal
storage.modifier, storage.type.modifier#60a4e8italic
storage.class.restructuredtext.ref#87bcf1
storage.modifier.visibility.rust, storage.modifier.lifetime.rust#60a4e8
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#71b4f8
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#60a4e8
string#72b1f0
string.unquoted.label#b1cfed
string source#b1cfed
string source punctuation.section.embedded, string punctuation.definition.string source#788a8b
string.other.link.title, string.other.link.description#60a4e8
string.other.link.description.title#71b4f8
string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end#60a4e8
string.other.ref, string.other.restructuredtext.ref#478ace
string.other.git-status.help.key#bab6c0
string.other.git-status.remote#60a4e8
support.constant#71b4f8
support.constant.handlebars#788a8b
support.type.vendor-prefix.css#bab6c0
support.function#478ace
support.function.delimiter.elm#788a8b
support.type, entity.name.type.object.console#71b4f8italic
support.variable#71b4f8
support.type.property-name#b1cfednormal
support.class#71b4f8
support.constant.core.rust#87bcf1
text#b1cfed
text.find-in-files#b1cfed
variable, variable.other#b1cfed
variable.parameter, parameters variable.function#5ca8f4italic
variable.language, variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python#bab6c0italic
variable.language.arguments#87bcf1
variable.other.class#71b4f8
variable.other.constant#87bcf1
variable.other.readwrite#b1cfed
variable.other.member#b1cfed
variable.other.enummember#87bcf1
variable.other.property, variable.other.property.static, variable.other.event#b1cfed
variable.function#478ace
variable.other.substitution#5ca8f4
source.ruby variable.other.readwrite.instance.ruby, source.ruby variable.other.readwrite.class.ruby#87bcf1
source.jinja2 variable.other.jinja2.block#478ace
source.jinja2 variable.other.jinja2#5ca8f4
Serpentine Syntax by Krisada-3131 - VS Code Theme