Lagoon Color Theme
Publisher: Lagoon ThemeThemes in package: 3
A calm teal-on-indigo dark theme with dimmed and light variants. Pastel syntax, one-hue indigo UI, and every colour contrast-checked for long editing sessions.
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.activeBackground#4dccb814
- activityBar.activeBorder#4dccb8
- activityBar.background#0c0c16
- activityBar.border#0c0c16
- activityBar.foreground#4dccb8
- activityBar.inactiveForeground#817cab
- activityBarBadge.background#4dccb8
- activityBarBadge.foreground#0c0c16
- activityBarTop.activeBorder#4dccb8
- activityBarTop.foreground#4dccb8
- activityBarTop.inactiveForeground#817cab
- badge.background#4dccb8
- badge.foreground#0c0c16
- banner.background#262537
- banner.foreground#d4d4e8
- banner.iconForeground#4dccb8
- breadcrumb.activeSelectionForeground#4dccb8
- breadcrumb.background#161523
- breadcrumb.focusForeground#d4d4e8
- breadcrumb.foreground#817cab
- breadcrumbPicker.background#1d1c2b
- button.background#4dccb8
- button.border#47455e00
- button.foreground#0c0c16
- button.hoverBackground#63cfc1
- button.secondaryBackground#343348
- button.secondaryForeground#d4d4e8
- button.secondaryHoverBackground#47455e
- charts.blue#69b7ed
- charts.foreground#d4d4e8
- charts.green#80c182
- charts.lines#47455e
- charts.orange#eda26a
- charts.purple#bda6f6
- charts.red#e76761
- charts.yellow#d1b157
- checkbox.background#1d1c2b
- checkbox.border#343348
- checkbox.foreground#4dccb8
- commandCenter.activeBackground#1d1c2b
- commandCenter.activeBorder#4dccb880
- commandCenter.activeForeground#d4d4e8
- commandCenter.background#10101c
- commandCenter.border#343348
- commandCenter.foreground#9d9bbf
- commandCenter.inactiveBorder#34334899
- commandCenter.inactiveForeground#817cab
- debugConsole.errorForeground#e76761
- debugConsole.infoForeground#69b7ed
- debugConsole.sourceForeground#817cab
- debugConsole.warningForeground#d1b157
- debugConsoleInputIcon.foreground#4dccb8
- debugIcon.breakpointCurrentStackframeForeground#d1b157
- debugIcon.breakpointDisabledForeground#e7676180
- debugIcon.breakpointForeground#e76761
- debugIcon.breakpointStackframeForeground#4dccb8
- debugIcon.breakpointUnverifiedForeground#47455e
- debugIcon.continueForeground#bda6f6
- debugIcon.disconnectForeground#e76761
- debugIcon.pauseForeground#69b7ed
- debugIcon.restartForeground#4dccb8
- debugIcon.startForeground#80c182
- debugIcon.stepBackForeground#bda6f6
- debugIcon.stepIntoForeground#bda6f6
- debugIcon.stepOutForeground#bda6f6
- debugIcon.stepOverForeground#bda6f6
- debugIcon.stopForeground#e76761
- debugTokenExpression.boolean#dd8ec7
- debugTokenExpression.error#e76761
- debugTokenExpression.name#69b7ed
- debugTokenExpression.number#eda26a
- debugTokenExpression.string#80c182
- debugTokenExpression.value#9d9bbf
- debugToolBar.background#1d1c2b
- debugToolBar.border#343348
- descriptionForeground#817cab
- diffEditor.border#343348
- diffEditor.diagonalFill#34334899
- diffEditor.insertedLineBackground#70a77418
- diffEditor.insertedTextBackground#70a77429
- diffEditor.removedLineBackground#c85b5818
- diffEditor.removedTextBackground#c85b5829
- diffEditor.unchangedCodeBackground#26253766
- diffEditor.unchangedRegionBackground#10101c
- diffEditorGutter.insertedLineBackground#70a77414
- diffEditorGutter.removedLineBackground#c85b5814
- diffEditorOverview.insertedForeground#70a77499
- diffEditorOverview.removedForeground#c85b5899
- disabledForeground#626090
- dropdown.background#1d1c2b
- dropdown.border#343348
- dropdown.foreground#d4d4e8
- dropdown.listBackground#1d1c2b
- editor.background#161523
- editor.currentSearchMatchHighlightBackground#eda26a66
- editor.findMatchBackground#eda26a66
- editor.findMatchBorder#eda26acc
- editor.findMatchHighlightBackground#d1b15738
- editor.findMatchHighlightBorder#d1b15700
- editor.findRangeHighlightBackground#34334880
- editor.focusedStackFrameHighlightBackground#80c18233
- editor.foreground#d4d4e8
- editor.hoverHighlightBackground#69b7ed1f
- editor.inactiveSelectionBackground#8d85b72e
- editor.lineHighlightBackground#262537
- editor.lineHighlightBorder#26253700
- editor.rangeHighlightBackground#34334866
- editor.selectionBackground#8d85b74d
- editor.selectionHighlightBackground#4dccb829
- editor.selectionHighlightBorder#4dccb800
- editor.stackFrameHighlightBackground#d1b15733
- editor.symbolHighlightBackground#4dccb833
- editor.wordHighlightBackground#69b7ed29
- editor.wordHighlightStrongBackground#4dccb838
- editor.wordHighlightTextBackground#69b7ed29
- editorBracketHighlight.foreground1#76cec6
- editorBracketHighlight.foreground2#c4b4f2
- editorBracketHighlight.foreground3#d2bc83
- editorBracketHighlight.foreground4#89c0ec
- editorBracketHighlight.foreground5#daa3d1
- editorBracketHighlight.foreground6#99c7a1
- editorBracketHighlight.unexpectedBracket.foreground#e76761
- editorBracketMatch.background#4dccb82e
- editorBracketMatch.border#4dccb899
- editorCodeLens.foreground#817cab
- editorCursor.background#161523
- editorCursor.foreground#4dccb8
- editorError.background#e7676100
- editorError.foreground#e76761
- editorGhostText.foreground#817cab
- editorGroup.border#0c0c16
- editorGroup.dropBackground#bda6f633
- editorGroupHeader.border#34334800
- editorGroupHeader.noTabsBackground#0c0c16
- editorGroupHeader.tabsBackground#0c0c16
- editorGroupHeader.tabsBorder#0c0c16
- editorGutter.addedBackground#70a774e6
- editorGutter.background#161523
- editorGutter.commentRangeForeground#47455e
- editorGutter.deletedBackground#c85b58e6
- editorGutter.foldingControlForeground#9d9bbf
- editorGutter.modifiedBackground#69b7ede6
- editorHint.foreground#4dccb8
- editorHoverWidget.background#1d1c2b
- editorHoverWidget.border#343348
- editorHoverWidget.foreground#d4d4e8
- editorHoverWidget.highlightForeground#4dccb8
- editorIndentGuide.activeBackground1#626090
- editorIndentGuide.background1#343348
- editorInfo.background#69b7ed00
- editorInfo.foreground#69b7ed
- editorInlayHint.background#34334880
- editorInlayHint.foreground#817cab
- editorInlayHint.parameterBackground#34334880
- editorInlayHint.parameterForeground#817cab
- editorInlayHint.typeBackground#34334880
- editorInlayHint.typeForeground#817cab
- editorLightBulb.foreground#d1b157
- editorLightBulbAutoFix.foreground#4dccb8
- editorLineNumber.activeForeground#4dccb8
- editorLineNumber.dimmedForeground#47455e99
- editorLineNumber.foreground#626090
- editorLink.activeForeground#4dccb8
- editorMarkerNavigation.background#1d1c2b
- editorMarkerNavigationError.background#e76761
- editorMarkerNavigationInfo.background#69b7ed
- editorMarkerNavigationWarning.background#d1b157
- editorMultiCursor.primary.foreground#4dccb8
- editorMultiCursor.secondary.foreground#bda6f6
- editorOverviewRuler.addedForeground#70a77499
- editorOverviewRuler.background#161523
- editorOverviewRuler.border#0c0c1600
- editorOverviewRuler.bracketMatchForeground#4dccb880
- editorOverviewRuler.deletedForeground#c85b5899
- editorOverviewRuler.errorForeground#e76761
- editorOverviewRuler.findMatchForeground#eda26a99
- editorOverviewRuler.infoForeground#69b7ed
- editorOverviewRuler.modifiedForeground#69b7ed99
- editorOverviewRuler.rangeHighlightForeground#47455e99
- editorOverviewRuler.selectionHighlightForeground#4dccb866
- editorOverviewRuler.warningForeground#d1b157
- editorOverviewRuler.wordHighlightForeground#69b7ed66
- editorOverviewRuler.wordHighlightStrongForeground#4dccb880
- editorPane.background#161523
- editorRuler.foreground#343348cc
- editorStickyScroll.background#10101c
- editorStickyScrollHover.background#262537
- editorSuggestWidget.background#1d1c2b
- editorSuggestWidget.border#343348
- editorSuggestWidget.focusHighlightForeground#4dccb8
- editorSuggestWidget.foreground#d4d4e8
- editorSuggestWidget.highlightForeground#4dccb8
- editorSuggestWidget.selectedBackground#343348
- editorSuggestWidget.selectedForeground#e1e1f4
- editorSuggestWidget.selectedIconForeground#4dccb8
- editorSuggestWidgetStatus.foreground#817cab
- editorUnicodeHighlight.background#d1b1571f
- editorUnicodeHighlight.border#d1b157
- editorWarning.background#d1b15700
- editorWarning.foreground#d1b157
- editorWhitespace.foreground#47455e80
- editorWidget.background#1d1c2b
- editorWidget.border#343348
- editorWidget.foreground#d4d4e8
- editorWidget.resizeBorder#4dccb8
- errorForeground#e76761
- extensionBadge.remoteBackground#4dccb8
- extensionBadge.remoteForeground#0c0c16
- extensionButton.background#4dccb8
- extensionButton.foreground#0c0c16
- extensionButton.hoverBackground#63cfc1
- extensionButton.prominentBackground#4dccb8
- extensionButton.prominentForeground#0c0c16
- extensionButton.prominentHoverBackground#63cfc1
- extensionIcon.preReleaseForeground#dd8ec7
- extensionIcon.sponsorForeground#f495a1
- extensionIcon.starForeground#d1b157
- extensionIcon.verifiedForeground#4dccb8
- focusBorder#4dccb8b3
- foreground#d4d4e8
- gitDecoration.addedResourceForeground#80c182
- gitDecoration.conflictingResourceForeground#dd8ec7
- gitDecoration.deletedResourceForeground#e76761
- gitDecoration.ignoredResourceForeground#626090
- gitDecoration.modifiedResourceForeground#d1b157
- gitDecoration.renamedResourceForeground#4dccb8
- gitDecoration.stageDeletedResourceForeground#e76761
- gitDecoration.stageModifiedResourceForeground#4dccb8
- gitDecoration.submoduleResourceForeground#bda6f6
- gitDecoration.untrackedResourceForeground#69b7ed
- icon.foreground#9d9bbf
- input.background#0c0c16
- input.border#343348
- input.foreground#d4d4e8
- input.placeholderForeground#817cab
- inputOption.activeBackground#4dccb840
- inputOption.activeBorder#4dccb880
- inputOption.activeForeground#4dccb8
- inputValidation.errorBackground#40252f
- inputValidation.errorBorder#e76761
- inputValidation.errorForeground#d4d4e8
- inputValidation.infoBackground#27354b
- inputValidation.infoBorder#69b7ed
- inputValidation.infoForeground#d4d4e8
- inputValidation.warningBackground#3b342d
- inputValidation.warningBorder#d1b157
- inputValidation.warningForeground#d4d4e8
- keybindingLabel.background#34334899
- keybindingLabel.border#47455e66
- keybindingLabel.bottomBorder#47455e99
- keybindingLabel.foreground#d4d4e8
- keybindingTable.headerBackground#262537
- keybindingTable.rowsBackground#10101c
- list.activeSelectionBackground#262537
- list.activeSelectionForeground#e1e1f4
- list.deemphasizedForeground#817cab
- list.dropBackground#bda6f633
- list.errorForeground#e76761
- list.focusBackground#262537
- list.focusForeground#e1e1f4
- list.focusHighlightForeground#4dccb8
- list.focusOutline#4dccb800
- list.highlightForeground#4dccb8
- list.hoverBackground#34334880
- list.hoverForeground#d4d4e8
- list.inactiveSelectionBackground#1d1c2b
- list.inactiveSelectionForeground#d4d4e8
- list.warningForeground#d1b157
- listFilterWidget.background#1d1c2b
- listFilterWidget.noMatchesOutline#e76761
- listFilterWidget.outline#4dccb8
- menu.background#1d1c2b
- menu.border#343348
- menu.foreground#d4d4e8
- menu.selectionBackground#343348
- menu.selectionBorder#4dccb800
- menu.selectionForeground#e1e1f4
- menu.separatorBackground#343348
- menubar.selectionBackground#262537
- menubar.selectionBorder#4dccb800
- menubar.selectionForeground#d4d4e8
- merge.border#34334800
- merge.commonContentBackground#47455e1f
- merge.commonHeaderBackground#47455e4d
- merge.currentContentBackground#4dccb81f
- merge.currentHeaderBackground#4dccb84d
- merge.incomingContentBackground#69b7ed1f
- merge.incomingHeaderBackground#69b7ed4d
- mergeEditor.change.background#70a77429
- mergeEditor.change.word.background#70a77442
- mergeEditor.conflict.handledFocused.border#80c182cc
- mergeEditor.conflict.handledUnfocused.border#80c18266
- mergeEditor.conflict.unhandledFocused.border#d1b157
- mergeEditor.conflict.unhandledUnfocused.border#d1b15780
- notebook.cellBorderColor#343348
- notebook.cellEditorBackground#10101c
- notebook.cellHoverBackground#26253766
- notebook.editorBackground#161523
- notebook.focusedCellBackground#26253780
- notebook.focusedCellBorder#4dccb899
- notebook.focusedEditorBorder#4dccb899
- notebook.inactiveFocusedCellBorder#343348
- notebook.outputContainerBackgroundColor#10101c80
- notebook.selectedCellBackground#26253780
- notebook.selectedCellBorder#343348
- notebookStatusErrorIcon.foreground#e76761
- notebookStatusRunningIcon.foreground#69b7ed
- notebookStatusSuccessIcon.foreground#80c182
- notificationCenter.border#343348
- notificationCenterHeader.background#262537
- notificationCenterHeader.foreground#d4d4e8
- notificationLink.foreground#69b7ed
- notifications.background#1d1c2b
- notifications.border#343348
- notifications.foreground#d4d4e8
- notificationsErrorIcon.foreground#e76761
- notificationsInfoIcon.foreground#69b7ed
- notificationsWarningIcon.foreground#d1b157
- notificationToast.border#343348
- panel.background#10101c
- panel.border#0c0c16
- panel.dropBorder#4dccb8
- panelInput.border#343348
- panelSection.border#0c0c16
- panelSectionHeader.background#10101c
- panelSectionHeader.foreground#d4d4e8
- panelTitle.activeBorder#4dccb8
- panelTitle.activeForeground#e1e1f4
- panelTitle.inactiveForeground#817cab
- peekView.border#4dccb8
- peekViewEditor.background#0c0c16
- peekViewEditor.matchHighlightBackground#eda26a66
- peekViewEditor.matchHighlightBorder#eda26a00
- peekViewEditorGutter.background#0c0c16
- peekViewResult.background#10101c
- peekViewResult.fileForeground#e1e1f4
- peekViewResult.lineForeground#817cab
- peekViewResult.matchHighlightBackground#eda26a38
- peekViewResult.selectionBackground#262537
- peekViewResult.selectionForeground#e1e1f4
- peekViewTitle.background#1d1c2b
- peekViewTitleDescription.foreground#817cab
- peekViewTitleLabel.foreground#e1e1f4
- pickerGroup.border#343348cc
- pickerGroup.foreground#4dccb8
- problemsErrorIcon.foreground#e76761
- problemsInfoIcon.foreground#69b7ed
- problemsWarningIcon.foreground#d1b157
- progressBar.background#4dccb8
- quickInput.background#1d1c2b
- quickInput.foreground#d4d4e8
- quickInputList.focusBackground#343348
- quickInputList.focusForeground#e1e1f4
- quickInputList.focusIconForeground#4dccb8
- quickInputTitle.background#262537
- sash.hoverBorder#4dccb8
- scmGraph.foreground1#4dccb8
- scmGraph.foreground2#bda6f6
- scmGraph.foreground3#d1b157
- scmGraph.foreground4#69b7ed
- scmGraph.foreground5#dd8ec7
- scmGraph.historyItemHoverLabelForeground#0c0c16
- scrollbar.shadow#00000066
- scrollbarSlider.activeBackground#4dccb880
- scrollbarSlider.background#47455e66
- scrollbarSlider.hoverBackground#47455e99
- search.resultsInfoForeground#817cab
- searchEditor.findMatchBackground#eda26a38
- selection.background#8d85b74d
- settings.checkboxBackground#1d1c2b
- settings.checkboxBorder#343348
- settings.checkboxForeground#4dccb8
- settings.dropdownBackground#1d1c2b
- settings.dropdownBorder#343348
- settings.dropdownForeground#d4d4e8
- settings.dropdownListBorder#343348
- settings.focusedRowBackground#26253799
- settings.focusedRowBorder#4dccb84d
- settings.headerBorder#343348
- settings.headerForeground#e1e1f4
- settings.modifiedItemIndicator#4dccb8
- settings.numberInputBackground#0c0c16
- settings.numberInputBorder#343348
- settings.numberInputForeground#eda26a
- settings.sashBorder#343348
- settings.textInputBackground#0c0c16
- settings.textInputBorder#343348
- settings.textInputForeground#d4d4e8
- sideBar.background#10101c
- sideBar.border#10101c
- sideBar.foreground#9d9bbf
- sideBarSectionHeader.background#10101c
- sideBarSectionHeader.border#34334899
- sideBarSectionHeader.foreground#d4d4e8
- sideBarStickyScroll.background#10101c
- sideBarTitle.background#10101c
- sideBarTitle.foreground#817cab
- statusBar.background#0c0c16
- statusBar.border#0c0c16
- statusBar.debuggingBackground#eda26a
- statusBar.debuggingBorder#eda26a00
- statusBar.debuggingForeground#0c0c16
- statusBar.foreground#9d9bbf
- statusBar.noFolderBackground#0c0c16
- statusBar.noFolderForeground#817cab
- statusBarItem.activeBackground#47455e80
- statusBarItem.compactHoverBackground#47455e
- statusBarItem.errorBackground#e7676100
- statusBarItem.errorForeground#e76761
- statusBarItem.focusBorder#4dccb8
- statusBarItem.hoverBackground#34334899
- statusBarItem.prominentBackground#343348
- statusBarItem.prominentForeground#e1e1f4
- statusBarItem.prominentHoverBackground#47455e
- statusBarItem.remoteBackground#4dccb8
- statusBarItem.remoteForeground#0c0c16
- statusBarItem.warningBackground#d1b15700
- statusBarItem.warningForeground#d1b157
- symbolIcon.arrayForeground#eda26a
- symbolIcon.booleanForeground#dd8ec7
- symbolIcon.classForeground#d1b157
- symbolIcon.colorForeground#dd8ec7
- symbolIcon.constantForeground#eda26a
- symbolIcon.constructorForeground#4dccb8
- symbolIcon.enumeratorForeground#d1b157
- symbolIcon.enumeratorMemberForeground#eda26a
- symbolIcon.eventForeground#dd8ec7
- symbolIcon.fieldForeground#69b7ed
- symbolIcon.fileForeground#d4d4e8
- symbolIcon.folderForeground#d4d4e8
- symbolIcon.functionForeground#4dccb8
- symbolIcon.interfaceForeground#d1b157
- symbolIcon.keyForeground#69b7ed
- symbolIcon.keywordForeground#bda6f6
- symbolIcon.methodForeground#4dccb8
- symbolIcon.moduleForeground#d1b157
- symbolIcon.namespaceForeground#d1b157
- symbolIcon.nullForeground#dd8ec7
- symbolIcon.numberForeground#eda26a
- symbolIcon.objectForeground#d1b157
- symbolIcon.operatorForeground#bda6f6
- symbolIcon.packageForeground#d1b157
- symbolIcon.propertyForeground#69b7ed
- symbolIcon.referenceForeground#69b7ed
- symbolIcon.snippetForeground#80c182
- symbolIcon.stringForeground#80c182
- symbolIcon.structForeground#d1b157
- symbolIcon.textForeground#d4d4e8
- symbolIcon.typeParameterForeground#d1b157
- symbolIcon.unitForeground#dd8ec7
- symbolIcon.variableForeground#d4d4e8
- tab.activeBackground#161523
- tab.activeBorder#16152300
- tab.activeBorderTop#4dccb8
- tab.activeForeground#e1e1f4
- tab.activeModifiedBorder#d1b157
- tab.border#0c0c16
- tab.hoverBackground#1d1c2b
- tab.hoverForeground#d4d4e8
- tab.inactiveBackground#0c0c16
- tab.inactiveForeground#817cab
- tab.inactiveModifiedBorder#d1b15780
- tab.lastPinnedBorder#343348
- tab.unfocusedActiveBackground#161523
- tab.unfocusedActiveBorderTop#4dccb866
- tab.unfocusedActiveForeground#9d9bbf
- tab.unfocusedInactiveForeground#817cab
- terminal.ansiBlack#343348
- terminal.ansiBlue#69b7ed
- terminal.ansiBrightBlack#47455e
- terminal.ansiBrightBlue#81bfee
- terminal.ansiBrightCyan#6bd0c4
- terminal.ansiBrightGreen#93c799
- terminal.ansiBrightMagenta#dd96cc
- terminal.ansiBrightRed#e67f7e
- terminal.ansiBrightWhite#e1e1f4
- terminal.ansiBrightYellow#d4bb76
- terminal.ansiCyan#4dccb8
- terminal.ansiGreen#80c182
- terminal.ansiMagenta#bda6f6
- terminal.ansiRed#e76761
- terminal.ansiWhite#d4d4e8
- terminal.ansiYellow#d1b157
- terminal.background#10101c
- terminal.border#343348
- terminal.findMatchBackground#eda26a66
- terminal.findMatchHighlightBackground#d1b15738
- terminal.foreground#d4d4e8
- terminal.inactiveSelectionBackground#8d85b72e
- terminal.selectionBackground#8d85b74d
- terminal.tab.activeBorder#4dccb8
- terminalCommandDecoration.defaultBackground#47455e
- terminalCommandDecoration.errorBackground#e76761
- terminalCommandDecoration.successBackground#80c182
- terminalCursor.background#10101c
- terminalCursor.foreground#4dccb8
- testing.iconErrored#e76761
- testing.iconFailed#e76761
- testing.iconPassed#80c182
- testing.iconQueued#d1b157
- testing.iconSkipped#47455e
- testing.iconUnset#47455e
- testing.message.error.decorationForeground#e76761
- testing.message.info.decorationForeground#817cab
- testing.runAction#80c182
- textBlockQuote.background#10101c
- textBlockQuote.border#4dccb8
- textCodeBlock.background#10101c
- textLink.activeForeground#4dccb8
- textLink.foreground#69b7ed
- textPreformat.background#262537
- textPreformat.foreground#eda26a
- textSeparator.foreground#343348
- titleBar.activeBackground#0c0c16
- titleBar.activeForeground#d4d4e8
- titleBar.border#0c0c16
- titleBar.inactiveBackground#0c0c16
- titleBar.inactiveForeground#817cab
- tree.inactiveIndentGuidesStroke#34334880
- tree.indentGuidesStroke#343348
- walkThrough.embeddedEditorBackground#0c0c16
- welcomePage.background#161523
- welcomePage.progress.background#343348
- welcomePage.progress.foreground#4dccb8
- welcomePage.tileBackground#10101c
- welcomePage.tileBorder#343348
- welcomePage.tileHoverBackground#262537
- widget.border#343348
- widget.shadow#00000066
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #817cab | italic |
| comment.block.documentation storage.type.class, keyword.other.phpdoc, storage.type.annotation.java | #9d9bbf | italic |
| source, variable, variable.other, variable.other.readwrite, meta.definition.variable.name, support.variable, entity.name.variable | #d4d4e8 | — |
| variable.parameter, meta.function.parameters variable, entity.name.variable.parameter, variable.other.jsdoc | #9d9bbf | italic |
| variable.language, variable.language.this, variable.language.super, variable.language.special.self, keyword.other.this | #f495a1 | — |
| variable.other.constant, variable.other.enummember, constant.other.caps, constant.other.placeholder, entity.name.constant | #eda26a | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, keyword.other.unit, meta.preprocessor.numeric | #eda26a | — |
| constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.infinity, constant.language.nan, support.constant | #dd8ec7 | — |
| string, string.quoted, string.template, string.other.link, meta.attribute-selector string | #80c182 | — |
| punctuation.definition.string | #80a592 | — |
| constant.character.escape, constant.other.character-class.escape, punctuation.definition.template-expression, punctuation.section.embedded, meta.embedded | #eda26a | — |
| string.regexp, constant.other.character-class.set.regexp, constant.character.escape.backslash.regexp, keyword.control.anchor.regexp, keyword.operator.quantifier.regexp, punctuation.definition.group.regexp | #dd8ec7 | — |
| keyword, keyword.control, keyword.other, keyword.operator.new, keyword.operator.expression, keyword.operator.delete, keyword.operator.logical, keyword.operator.instanceof, keyword.operator.in, keyword.operator.of, storage, storage.type, storage.modifier, keyword.declaration | #bda6f6 | — |
| keyword.control.flow, keyword.control.return, keyword.control.trycatch, keyword.control.conditional, keyword.control.loop | #bda6f6 | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.default, keyword.control.as | #dd8ec7 | — |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.relational, keyword.operator.bitwise, keyword.operator.ternary, keyword.operator.spread, keyword.operator.type.annotation | #9d9bbf | — |
| storage.type.function.arrow, meta.arrow storage.type.function | #bda6f6 | — |
| punctuation, punctuation.separator, punctuation.terminator, punctuation.accessor, punctuation.definition.parameters, meta.brace | #9d9bbf | — |
| entity.name.function, meta.function-call entity.name.function, support.function, meta.function-call.generic, variable.function, entity.name.method, meta.method-call entity.name.function | #4dccb8 | — |
| support.function.builtin, support.function.magic, support.macro, entity.name.function.macro | #4dccb8 | — |
| meta.decorator, meta.decorator entity.name.function, meta.decorator punctuation.decorator, entity.name.function.decorator, punctuation.definition.annotation | #4dccb8 | italic |
| entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, entity.other.inherited-class, support.type, support.class, storage.type.class, entity.name.type.interface, entity.name.type.enum, entity.name.type.struct, entity.name.type.trait, entity.name.type.module, meta.type.annotation entity.name.type | #d1b157 | — |
| support.type.primitive, storage.type.primitive, keyword.type, entity.name.type.primitive | #d1b157 | — |
| meta.type.parameters entity.name.type, entity.name.type.parameter | #d2ba7b | — |
| variable.other.property, variable.other.object.property, support.type.property-name, meta.object-literal.key, variable.object.property, entity.name.tag.yaml | #69b7ed | — |
| variable.other.object, support.class.dom, support.variable.object | #d4d4e8 | — |
| entity.name.tag, entity.name.tag.html, entity.name.tag.other, meta.tag entity.name.tag, support.class.component | #f495a1 | — |
| support.class.component.jsx, support.class.component.tsx, entity.name.tag.namespace | #d1b157 | — |
| entity.other.attribute-name, entity.other.attribute-name.html, meta.tag entity.other.attribute-name | #69b7ed | — |
| punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end | #c08aa6 | — |
| entity.other.attribute-name.class, entity.other.attribute-name.class.css, entity.other.attribute-name.parent-selector | #d1b157 | — |
| entity.other.attribute-name.id, entity.other.attribute-name.id.css | #eda26a | — |
| entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element, meta.selector | #dd8ec7 | — |
| support.type.property-name.css, meta.property-name | #69b7ed | — |
| support.constant.property-value, support.constant.font-name, support.constant.color, meta.property-value | #4dccb8 | — |
| keyword.control.at-rule, punctuation.definition.keyword.css | #bda6f6 | — |
| variable.css, variable.argument.css, support.type.custom-property | #dd8ec7 | — |
| markup.heading, entity.name.section.markdown | #4dccb8 | bold |
| punctuation.definition.heading.markdown, markup.heading.setext | #62acb3 | — |
| markup.bold | #eda26a | bold |
| markup.italic | #dd8ec7 | italic |
| markup.strikethrough | #817cab | strikethrough |
| markup.underline.link, string.other.link.title | #69b7ed | — |
| string.other.link.description | #bda6f6 | — |
| markup.inline.raw, markup.fenced_code, markup.raw | #80c182 | — |
| markup.quote | #9d9bbf | italic |
| markup.list, punctuation.definition.list.begin | #f495a1 | — |
| meta.separator.markdown | #47455e | — |
| markup.inserted, meta.diff.header.to-file | #80c182 | — |
| markup.deleted, meta.diff.header.from-file | #e76761 | — |
| markup.changed | #d1b157 | — |
| meta.diff.range, punctuation.definition.range.diff | #dd8ec7 | — |
| support.type.property-name.json | #69b7ed | — |
| source.json meta.structure.dictionary.json support.type.property-name.json | #69b7ed | — |
| entity.name.type.anchor.yaml, variable.other.alias.yaml | #dd8ec7 | — |
| entity.name.section.toml, entity.name.tag.ini | #d1b157 | — |
| keyword.other.definition.ini, variable.other.env | #69b7ed | — |
| support.function.builtin.shell, entity.name.function.shell | #4dccb8 | — |
| variable.other.normal.shell, punctuation.definition.variable.shell | #dd8ec7 | — |
| constant.other.option, variable.parameter.option | #eda26a | — |
| support.function.magic.python, meta.function.decorator.python | #4dccb8 | italic |
| variable.parameter.function.language.special.self.python | #f495a1 | — |
| storage.modifier.lifetime.rust, entity.name.lifetime.rust, meta.attribute.rust | #dd8ec7 | — |
| entity.name.package.go, variable.other.receiver.go | #d1b157 | — |
| keyword.control.directive, meta.preprocessor, punctuation.definition.directive | #dd8ec7 | — |
| keyword.other.DML, keyword.other.DDL | #bda6f6 | — |
| variable.graphql, meta.selection-set.graphql variable | #69b7ed | — |
| invalid, invalid.illegal | #e76761 | — |
| invalid.deprecated | #d1b157 | strikethrough |
| invalid.broken, invalid.unimplemented | #e76761 | — |
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.activeBackground#08797014
- activityBar.activeBorder#087970
- activityBar.background#e4e4f1
- activityBar.border#d6d6e6
- activityBar.foreground#087970
- activityBar.inactiveForeground#6d6996
- activityBarBadge.background#087970
- activityBarBadge.foreground#f9f9fd
- activityBarTop.activeBorder#087970
- activityBarTop.foreground#087970
- activityBarTop.inactiveForeground#6d6996
- badge.background#087970
- badge.foreground#f9f9fd
- banner.background#e9e9f3
- banner.foreground#2a2a47
- banner.iconForeground#087970
- breadcrumb.activeSelectionForeground#087970
- breadcrumb.background#f9f9fd
- breadcrumb.focusForeground#2a2a47
- breadcrumb.foreground#6d6996
- breadcrumbPicker.background#f4f4fa
- button.background#087970
- button.border#b1b1c900
- button.foreground#f9f9fd
- button.hoverBackground#096965
- button.secondaryBackground#d6d6e6
- button.secondaryForeground#2a2a47
- button.secondaryHoverBackground#b1b1c9
- charts.blue#126aa4
- charts.foreground#2a2a47
- charts.green#33753d
- charts.lines#b1b1c9
- charts.orange#a8572d
- charts.purple#6b58ad
- charts.red#a01819
- charts.yellow#856103
- checkbox.background#f4f4fa
- checkbox.border#d6d6e6
- checkbox.foreground#087970
- commandCenter.activeBackground#f4f4fa
- commandCenter.activeBorder#08797080
- commandCenter.activeForeground#2a2a47
- commandCenter.background#e9e9f3
- commandCenter.border#d6d6e6
- commandCenter.foreground#575676
- commandCenter.inactiveBorder#d6d6e699
- commandCenter.inactiveForeground#6d6996
- debugConsole.errorForeground#a01819
- debugConsole.infoForeground#126aa4
- debugConsole.sourceForeground#6d6996
- debugConsole.warningForeground#856103
- debugConsoleInputIcon.foreground#087970
- debugIcon.breakpointCurrentStackframeForeground#856103
- debugIcon.breakpointDisabledForeground#a0181980
- debugIcon.breakpointForeground#a01819
- debugIcon.breakpointStackframeForeground#087970
- debugIcon.breakpointUnverifiedForeground#b1b1c9
- debugIcon.continueForeground#6b58ad
- debugIcon.disconnectForeground#a01819
- debugIcon.pauseForeground#126aa4
- debugIcon.restartForeground#087970
- debugIcon.startForeground#33753d
- debugIcon.stepBackForeground#6b58ad
- debugIcon.stepIntoForeground#6b58ad
- debugIcon.stepOutForeground#6b58ad
- debugIcon.stepOverForeground#6b58ad
- debugIcon.stopForeground#a01819
- debugTokenExpression.boolean#933f74
- debugTokenExpression.error#a01819
- debugTokenExpression.name#126aa4
- debugTokenExpression.number#a8572d
- debugTokenExpression.string#33753d
- debugTokenExpression.value#575676
- debugToolBar.background#f4f4fa
- debugToolBar.border#d6d6e6
- descriptionForeground#6d6996
- diffEditor.border#d6d6e6
- diffEditor.diagonalFill#d6d6e699
- diffEditor.insertedLineBackground#33753d15
- diffEditor.insertedTextBackground#33753d24
- diffEditor.removedLineBackground#a0181915
- diffEditor.removedTextBackground#a0181924
- diffEditor.unchangedCodeBackground#e9e9f366
- diffEditor.unchangedRegionBackground#f1f1f9
- diffEditorGutter.insertedLineBackground#33753d12
- diffEditorGutter.removedLineBackground#a0181912
- diffEditorOverview.insertedForeground#33753d99
- diffEditorOverview.removedForeground#a0181999
- disabledForeground#8685a3
- dropdown.background#f4f4fa
- dropdown.border#d6d6e6
- dropdown.foreground#2a2a47
- dropdown.listBackground#f4f4fa
- editor.background#f9f9fd
- editor.currentSearchMatchHighlightBackground#a8572d52
- editor.findMatchBackground#a8572d52
- editor.findMatchBorder#a8572dcc
- editor.findMatchHighlightBackground#8561032e
- editor.findMatchHighlightBorder#85610300
- editor.findRangeHighlightBackground#d6d6e680
- editor.focusedStackFrameHighlightBackground#33753d33
- editor.foreground#2a2a47
- editor.hoverHighlightBackground#126aa41f
- editor.inactiveSelectionBackground#7267ad1f
- editor.lineHighlightBackground#e9e9f3b3
- editor.lineHighlightBorder#e9e9f300
- editor.rangeHighlightBackground#d6d6e666
- editor.selectionBackground#7267ad38
- editor.selectionHighlightBackground#08797024
- editor.selectionHighlightBorder#08797000
- editor.stackFrameHighlightBackground#85610333
- editor.symbolHighlightBackground#08797033
- editor.wordHighlightBackground#126aa424
- editor.wordHighlightStrongBackground#08797033
- editor.wordHighlightTextBackground#126aa424
- editorBracketHighlight.foreground1#126164
- editorBracketHighlight.foreground2#584a8e
- editorBracketHighlight.foreground3#6a5117
- editorBracketHighlight.foreground4#195788
- editorBracketHighlight.foreground5#743967
- editorBracketHighlight.foreground6#305f40
- editorBracketHighlight.unexpectedBracket.foreground#a01819
- editorBracketMatch.background#0879702e
- editorBracketMatch.border#08797099
- editorCodeLens.foreground#6d6996
- editorCursor.background#f9f9fd
- editorCursor.foreground#087970
- editorError.background#a0181900
- editorError.foreground#a01819
- editorGhostText.foreground#6d6996
- editorGroup.border#d6d6e6
- editorGroup.dropBackground#6b58ad33
- editorGroupHeader.border#d6d6e600
- editorGroupHeader.noTabsBackground#e4e4f1
- editorGroupHeader.tabsBackground#e4e4f1
- editorGroupHeader.tabsBorder#d6d6e6
- editorGutter.addedBackground#33753dd9
- editorGutter.background#f9f9fd
- editorGutter.commentRangeForeground#b1b1c9
- editorGutter.deletedBackground#a01819d9
- editorGutter.foldingControlForeground#575676
- editorGutter.modifiedBackground#126aa4d9
- editorHint.foreground#087970
- editorHoverWidget.background#f4f4fa
- editorHoverWidget.border#d6d6e6
- editorHoverWidget.foreground#2a2a47
- editorHoverWidget.highlightForeground#087970
- editorIndentGuide.activeBackground1#8685a3
- editorIndentGuide.background1#d6d6e6
- editorInfo.background#126aa400
- editorInfo.foreground#126aa4
- editorInlayHint.background#d6d6e680
- editorInlayHint.foreground#6d6996
- editorInlayHint.parameterBackground#d6d6e680
- editorInlayHint.parameterForeground#6d6996
- editorInlayHint.typeBackground#d6d6e680
- editorInlayHint.typeForeground#6d6996
- editorLightBulb.foreground#856103
- editorLightBulbAutoFix.foreground#087970
- editorLineNumber.activeForeground#087970
- editorLineNumber.dimmedForeground#b1b1c999
- editorLineNumber.foreground#8685a3
- editorLink.activeForeground#087970
- editorMarkerNavigation.background#f4f4fa
- editorMarkerNavigationError.background#a01819
- editorMarkerNavigationInfo.background#126aa4
- editorMarkerNavigationWarning.background#856103
- editorMultiCursor.primary.foreground#087970
- editorMultiCursor.secondary.foreground#6b58ad
- editorOverviewRuler.addedForeground#33753d99
- editorOverviewRuler.background#f9f9fd
- editorOverviewRuler.border#e4e4f100
- editorOverviewRuler.bracketMatchForeground#08797080
- editorOverviewRuler.deletedForeground#a0181999
- editorOverviewRuler.errorForeground#a01819
- editorOverviewRuler.findMatchForeground#a8572d99
- editorOverviewRuler.infoForeground#126aa4
- editorOverviewRuler.modifiedForeground#126aa499
- editorOverviewRuler.rangeHighlightForeground#b1b1c999
- editorOverviewRuler.selectionHighlightForeground#08797066
- editorOverviewRuler.warningForeground#856103
- editorOverviewRuler.wordHighlightForeground#126aa466
- editorOverviewRuler.wordHighlightStrongForeground#08797080
- editorPane.background#f9f9fd
- editorRuler.foreground#d6d6e6cc
- editorStickyScroll.background#f1f1f9
- editorStickyScrollHover.background#e9e9f3
- editorSuggestWidget.background#f4f4fa
- editorSuggestWidget.border#d6d6e6
- editorSuggestWidget.focusHighlightForeground#087970
- editorSuggestWidget.foreground#2a2a47
- editorSuggestWidget.highlightForeground#087970
- editorSuggestWidget.selectedBackground#d6d6e6
- editorSuggestWidget.selectedForeground#111127
- editorSuggestWidget.selectedIconForeground#087970
- editorSuggestWidgetStatus.foreground#6d6996
- editorUnicodeHighlight.background#8561031f
- editorUnicodeHighlight.border#856103
- editorWarning.background#85610300
- editorWarning.foreground#856103
- editorWhitespace.foreground#b1b1c980
- editorWidget.background#f4f4fa
- editorWidget.border#d6d6e6
- editorWidget.foreground#2a2a47
- editorWidget.resizeBorder#087970
- errorForeground#a01819
- extensionBadge.remoteBackground#087970
- extensionBadge.remoteForeground#f9f9fd
- extensionButton.background#087970
- extensionButton.foreground#f9f9fd
- extensionButton.hoverBackground#096965
- extensionButton.prominentBackground#087970
- extensionButton.prominentForeground#f9f9fd
- extensionButton.prominentHoverBackground#096965
- extensionIcon.preReleaseForeground#933f74
- extensionIcon.sponsorForeground#a74955
- extensionIcon.starForeground#856103
- extensionIcon.verifiedForeground#087970
- focusBorder#087970b3
- foreground#2a2a47
- gitDecoration.addedResourceForeground#33753d
- gitDecoration.conflictingResourceForeground#933f74
- gitDecoration.deletedResourceForeground#a01819
- gitDecoration.ignoredResourceForeground#8685a3
- gitDecoration.modifiedResourceForeground#856103
- gitDecoration.renamedResourceForeground#087970
- gitDecoration.stageDeletedResourceForeground#a01819
- gitDecoration.stageModifiedResourceForeground#087970
- gitDecoration.submoduleResourceForeground#6b58ad
- gitDecoration.untrackedResourceForeground#126aa4
- icon.foreground#575676
- input.background#e9e9f3
- input.border#d6d6e6
- input.foreground#2a2a47
- input.placeholderForeground#6d6996
- inputOption.activeBackground#08797040
- inputOption.activeBorder#08797080
- inputOption.activeForeground#087970
- inputValidation.errorBackground#e7cccf
- inputValidation.errorBorder#a01819
- inputValidation.errorForeground#2a2a47
- inputValidation.infoBackground#cbdceb
- inputValidation.infoBorder#126aa4
- inputValidation.infoForeground#2a2a47
- inputValidation.warningBackground#e2dbcb
- inputValidation.warningBorder#856103
- inputValidation.warningForeground#2a2a47
- keybindingLabel.background#d6d6e699
- keybindingLabel.border#b1b1c966
- keybindingLabel.bottomBorder#b1b1c999
- keybindingLabel.foreground#2a2a47
- keybindingTable.headerBackground#e9e9f3
- keybindingTable.rowsBackground#f1f1f9
- list.activeSelectionBackground#d6d6e6
- list.activeSelectionForeground#111127
- list.deemphasizedForeground#6d6996
- list.dropBackground#6b58ad33
- list.errorForeground#a01819
- list.focusBackground#d6d6e6
- list.focusForeground#111127
- list.focusHighlightForeground#087970
- list.focusOutline#08797000
- list.highlightForeground#087970
- list.hoverBackground#d6d6e680
- list.hoverForeground#2a2a47
- list.inactiveSelectionBackground#e9e9f3
- list.inactiveSelectionForeground#2a2a47
- list.warningForeground#856103
- listFilterWidget.background#f4f4fa
- listFilterWidget.noMatchesOutline#a01819
- listFilterWidget.outline#087970
- menu.background#f4f4fa
- menu.border#d6d6e6
- menu.foreground#2a2a47
- menu.selectionBackground#d6d6e6
- menu.selectionBorder#08797000
- menu.selectionForeground#111127
- menu.separatorBackground#d6d6e6
- menubar.selectionBackground#e9e9f3
- menubar.selectionBorder#08797000
- menubar.selectionForeground#2a2a47
- merge.border#d6d6e600
- merge.commonContentBackground#b1b1c91f
- merge.commonHeaderBackground#b1b1c94d
- merge.currentContentBackground#0879701f
- merge.currentHeaderBackground#0879704d
- merge.incomingContentBackground#126aa41f
- merge.incomingHeaderBackground#126aa44d
- mergeEditor.change.background#33753d24
- mergeEditor.change.word.background#33753d3d
- mergeEditor.conflict.handledFocused.border#33753dcc
- mergeEditor.conflict.handledUnfocused.border#33753d66
- mergeEditor.conflict.unhandledFocused.border#856103
- mergeEditor.conflict.unhandledUnfocused.border#85610380
- notebook.cellBorderColor#d6d6e6
- notebook.cellEditorBackground#f9f9fd
- notebook.cellHoverBackground#e9e9f366
- notebook.editorBackground#f9f9fd
- notebook.focusedCellBackground#e9e9f380
- notebook.focusedCellBorder#08797099
- notebook.focusedEditorBorder#08797099
- notebook.inactiveFocusedCellBorder#d6d6e6
- notebook.outputContainerBackgroundColor#f1f1f980
- notebook.selectedCellBackground#e9e9f380
- notebook.selectedCellBorder#d6d6e6
- notebookStatusErrorIcon.foreground#a01819
- notebookStatusRunningIcon.foreground#126aa4
- notebookStatusSuccessIcon.foreground#33753d
- notificationCenter.border#d6d6e6
- notificationCenterHeader.background#e9e9f3
- notificationCenterHeader.foreground#2a2a47
- notificationLink.foreground#126aa4
- notifications.background#f4f4fa
- notifications.border#d6d6e6
- notifications.foreground#2a2a47
- notificationsErrorIcon.foreground#a01819
- notificationsInfoIcon.foreground#126aa4
- notificationsWarningIcon.foreground#856103
- notificationToast.border#d6d6e6
- panel.background#f1f1f9
- panel.border#d6d6e6
- panel.dropBorder#087970
- panelInput.border#d6d6e6
- panelSection.border#d6d6e6
- panelSectionHeader.background#f1f1f9
- panelSectionHeader.foreground#2a2a47
- panelTitle.activeBorder#087970
- panelTitle.activeForeground#111127
- panelTitle.inactiveForeground#6d6996
- peekView.border#087970
- peekViewEditor.background#e9e9f3
- peekViewEditor.matchHighlightBackground#a8572d52
- peekViewEditor.matchHighlightBorder#a8572d00
- peekViewEditorGutter.background#e9e9f3
- peekViewResult.background#f1f1f9
- peekViewResult.fileForeground#111127
- peekViewResult.lineForeground#6d6996
- peekViewResult.matchHighlightBackground#a8572d2e
- peekViewResult.selectionBackground#e9e9f3
- peekViewResult.selectionForeground#111127
- peekViewTitle.background#f4f4fa
- peekViewTitleDescription.foreground#6d6996
- peekViewTitleLabel.foreground#111127
- pickerGroup.border#d6d6e6cc
- pickerGroup.foreground#087970
- problemsErrorIcon.foreground#a01819
- problemsInfoIcon.foreground#126aa4
- problemsWarningIcon.foreground#856103
- progressBar.background#087970
- quickInput.background#f4f4fa
- quickInput.foreground#2a2a47
- quickInputList.focusBackground#d6d6e6
- quickInputList.focusForeground#111127
- quickInputList.focusIconForeground#087970
- quickInputTitle.background#e9e9f3
- sash.hoverBorder#087970
- scmGraph.foreground1#087970
- scmGraph.foreground2#6b58ad
- scmGraph.foreground3#856103
- scmGraph.foreground4#126aa4
- scmGraph.foreground5#933f74
- scmGraph.historyItemHoverLabelForeground#e4e4f1
- scrollbar.shadow#1111271f
- scrollbarSlider.activeBackground#08797080
- scrollbarSlider.background#b1b1c966
- scrollbarSlider.hoverBackground#b1b1c999
- search.resultsInfoForeground#6d6996
- searchEditor.findMatchBackground#a8572d2e
- selection.background#7267ad38
- settings.checkboxBackground#f4f4fa
- settings.checkboxBorder#d6d6e6
- settings.checkboxForeground#087970
- settings.dropdownBackground#f4f4fa
- settings.dropdownBorder#d6d6e6
- settings.dropdownForeground#2a2a47
- settings.dropdownListBorder#d6d6e6
- settings.focusedRowBackground#e9e9f399
- settings.focusedRowBorder#0879704d
- settings.headerBorder#d6d6e6
- settings.headerForeground#111127
- settings.modifiedItemIndicator#087970
- settings.numberInputBackground#e9e9f3
- settings.numberInputBorder#d6d6e6
- settings.numberInputForeground#a8572d
- settings.sashBorder#d6d6e6
- settings.textInputBackground#e9e9f3
- settings.textInputBorder#d6d6e6
- settings.textInputForeground#2a2a47
- sideBar.background#f1f1f9
- sideBar.border#d6d6e6
- sideBar.foreground#575676
- sideBarSectionHeader.background#f1f1f9
- sideBarSectionHeader.border#d6d6e699
- sideBarSectionHeader.foreground#2a2a47
- sideBarStickyScroll.background#f1f1f9
- sideBarTitle.background#f1f1f9
- sideBarTitle.foreground#6d6996
- statusBar.background#e4e4f1
- statusBar.border#d6d6e6
- statusBar.debuggingBackground#a8572d
- statusBar.debuggingBorder#a8572d00
- statusBar.debuggingForeground#f9f9fd
- statusBar.foreground#575676
- statusBar.noFolderBackground#e4e4f1
- statusBar.noFolderForeground#6d6996
- statusBarItem.activeBackground#b1b1c980
- statusBarItem.compactHoverBackground#b1b1c9
- statusBarItem.errorBackground#a0181900
- statusBarItem.errorForeground#a01819
- statusBarItem.focusBorder#087970
- statusBarItem.hoverBackground#d6d6e699
- statusBarItem.prominentBackground#d6d6e6
- statusBarItem.prominentForeground#111127
- statusBarItem.prominentHoverBackground#b1b1c9
- statusBarItem.remoteBackground#087970
- statusBarItem.remoteForeground#f9f9fd
- statusBarItem.warningBackground#85610300
- statusBarItem.warningForeground#856103
- symbolIcon.arrayForeground#a8572d
- symbolIcon.booleanForeground#933f74
- symbolIcon.classForeground#856103
- symbolIcon.colorForeground#933f74
- symbolIcon.constantForeground#a8572d
- symbolIcon.constructorForeground#087970
- symbolIcon.enumeratorForeground#856103
- symbolIcon.enumeratorMemberForeground#a8572d
- symbolIcon.eventForeground#933f74
- symbolIcon.fieldForeground#126aa4
- symbolIcon.fileForeground#2a2a47
- symbolIcon.folderForeground#2a2a47
- symbolIcon.functionForeground#087970
- symbolIcon.interfaceForeground#856103
- symbolIcon.keyForeground#126aa4
- symbolIcon.keywordForeground#6b58ad
- symbolIcon.methodForeground#087970
- symbolIcon.moduleForeground#856103
- symbolIcon.namespaceForeground#856103
- symbolIcon.nullForeground#933f74
- symbolIcon.numberForeground#a8572d
- symbolIcon.objectForeground#856103
- symbolIcon.operatorForeground#6b58ad
- symbolIcon.packageForeground#856103
- symbolIcon.propertyForeground#126aa4
- symbolIcon.referenceForeground#126aa4
- symbolIcon.snippetForeground#33753d
- symbolIcon.stringForeground#33753d
- symbolIcon.structForeground#856103
- symbolIcon.textForeground#2a2a47
- symbolIcon.typeParameterForeground#856103
- symbolIcon.unitForeground#933f74
- symbolIcon.variableForeground#2a2a47
- tab.activeBackground#f9f9fd
- tab.activeBorder#f9f9fd00
- tab.activeBorderTop#087970
- tab.activeForeground#111127
- tab.activeModifiedBorder#856103
- tab.border#d6d6e6
- tab.hoverBackground#f4f4fa
- tab.hoverForeground#2a2a47
- tab.inactiveBackground#e4e4f1
- tab.inactiveForeground#6d6996
- tab.inactiveModifiedBorder#85610380
- tab.lastPinnedBorder#d6d6e6
- tab.unfocusedActiveBackground#f9f9fd
- tab.unfocusedActiveBorderTop#08797066
- tab.unfocusedActiveForeground#575676
- tab.unfocusedInactiveForeground#6d6996
- terminal.ansiBlack#b1b1c9
- terminal.ansiBlue#126aa4
- terminal.ansiBrightBlack#b1b1c9
- terminal.ansiBrightBlue#12588b
- terminal.ansiBrightCyan#0a6461
- terminal.ansiBrightGreen#2c6139
- terminal.ansiBrightMagenta#863a6c
- terminal.ansiBrightRed#83171c
- terminal.ansiBrightWhite#111127
- terminal.ansiBrightYellow#6e510a
- terminal.ansiCyan#087970
- terminal.ansiGreen#33753d
- terminal.ansiMagenta#6b58ad
- terminal.ansiRed#a01819
- terminal.ansiWhite#2a2a47
- terminal.ansiYellow#856103
- terminal.background#f1f1f9
- terminal.border#d6d6e6
- terminal.findMatchBackground#a8572d52
- terminal.findMatchHighlightBackground#8561032e
- terminal.foreground#2a2a47
- terminal.inactiveSelectionBackground#7267ad1f
- terminal.selectionBackground#7267ad38
- terminal.tab.activeBorder#087970
- terminalCommandDecoration.defaultBackground#b1b1c9
- terminalCommandDecoration.errorBackground#a01819
- terminalCommandDecoration.successBackground#33753d
- terminalCursor.background#f1f1f9
- terminalCursor.foreground#087970
- testing.iconErrored#a01819
- testing.iconFailed#a01819
- testing.iconPassed#33753d
- testing.iconQueued#856103
- testing.iconSkipped#b1b1c9
- testing.iconUnset#b1b1c9
- testing.message.error.decorationForeground#a01819
- testing.message.info.decorationForeground#6d6996
- testing.runAction#33753d
- textBlockQuote.background#f1f1f9
- textBlockQuote.border#087970
- textCodeBlock.background#f1f1f9
- textLink.activeForeground#087970
- textLink.foreground#126aa4
- textPreformat.background#e9e9f3
- textPreformat.foreground#a8572d
- textSeparator.foreground#d6d6e6
- titleBar.activeBackground#e4e4f1
- titleBar.activeForeground#2a2a47
- titleBar.border#d6d6e6
- titleBar.inactiveBackground#e4e4f1
- titleBar.inactiveForeground#6d6996
- tree.inactiveIndentGuidesStroke#d6d6e680
- tree.indentGuidesStroke#d6d6e6
- walkThrough.embeddedEditorBackground#e4e4f1
- welcomePage.background#f9f9fd
- welcomePage.progress.background#d6d6e6
- welcomePage.progress.foreground#087970
- welcomePage.tileBackground#f1f1f9
- welcomePage.tileBorder#d6d6e6
- welcomePage.tileHoverBackground#e9e9f3
- widget.border#d6d6e6
- widget.shadow#1111271f
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #6d6996 | italic |
| comment.block.documentation storage.type.class, keyword.other.phpdoc, storage.type.annotation.java | #575676 | italic |
| source, variable, variable.other, variable.other.readwrite, meta.definition.variable.name, support.variable, entity.name.variable | #2a2a47 | — |
| variable.parameter, meta.function.parameters variable, entity.name.variable.parameter, variable.other.jsdoc | #575676 | italic |
| variable.language, variable.language.this, variable.language.super, variable.language.special.self, keyword.other.this | #a74955 | — |
| variable.other.constant, variable.other.enummember, constant.other.caps, constant.other.placeholder, entity.name.constant | #a8572d | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, keyword.other.unit, meta.preprocessor.numeric | #a8572d | — |
| constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.infinity, constant.language.nan, support.constant | #933f74 | — |
| string, string.quoted, string.template, string.other.link, meta.attribute-selector string | #33753d | — |
| punctuation.definition.string | #4a7061 | — |
| constant.character.escape, constant.other.character-class.escape, punctuation.definition.template-expression, punctuation.section.embedded, meta.embedded | #a8572d | — |
| string.regexp, constant.other.character-class.set.regexp, constant.character.escape.backslash.regexp, keyword.control.anchor.regexp, keyword.operator.quantifier.regexp, punctuation.definition.group.regexp | #933f74 | — |
| keyword, keyword.control, keyword.other, keyword.operator.new, keyword.operator.expression, keyword.operator.delete, keyword.operator.logical, keyword.operator.instanceof, keyword.operator.in, keyword.operator.of, storage, storage.type, storage.modifier, keyword.declaration | #6b58ad | — |
| keyword.control.flow, keyword.control.return, keyword.control.trycatch, keyword.control.conditional, keyword.control.loop | #6b58ad | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.default, keyword.control.as | #933f74 | — |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.relational, keyword.operator.bitwise, keyword.operator.ternary, keyword.operator.spread, keyword.operator.type.annotation | #575676 | — |
| storage.type.function.arrow, meta.arrow storage.type.function | #6b58ad | — |
| punctuation, punctuation.separator, punctuation.terminator, punctuation.accessor, punctuation.definition.parameters, meta.brace | #575676 | — |
| entity.name.function, meta.function-call entity.name.function, support.function, meta.function-call.generic, variable.function, entity.name.method, meta.method-call entity.name.function | #087970 | — |
| support.function.builtin, support.function.magic, support.macro, entity.name.function.macro | #087970 | — |
| meta.decorator, meta.decorator entity.name.function, meta.decorator punctuation.decorator, entity.name.function.decorator, punctuation.definition.annotation | #087970 | italic |
| entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, entity.other.inherited-class, support.type, support.class, storage.type.class, entity.name.type.interface, entity.name.type.enum, entity.name.type.struct, entity.name.type.trait, entity.name.type.module, meta.type.annotation entity.name.type | #856103 | — |
| support.type.primitive, storage.type.primitive, keyword.type, entity.name.type.primitive | #856103 | — |
| meta.type.parameters entity.name.type, entity.name.type.parameter | #6e5314 | — |
| variable.other.property, variable.other.object.property, support.type.property-name, meta.object-literal.key, variable.object.property, entity.name.tag.yaml | #126aa4 | — |
| variable.other.object, support.class.dom, support.variable.object | #2a2a47 | — |
| entity.name.tag, entity.name.tag.html, entity.name.tag.other, meta.tag entity.name.tag, support.class.component | #a74955 | — |
| support.class.component.jsx, support.class.component.tsx, entity.name.tag.namespace | #856103 | — |
| entity.other.attribute-name, entity.other.attribute-name.html, meta.tag entity.other.attribute-name | #126aa4 | — |
| punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end | #8d5772 | — |
| entity.other.attribute-name.class, entity.other.attribute-name.class.css, entity.other.attribute-name.parent-selector | #856103 | — |
| entity.other.attribute-name.id, entity.other.attribute-name.id.css | #a8572d | — |
| entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element, meta.selector | #933f74 | — |
| support.type.property-name.css, meta.property-name | #126aa4 | — |
| support.constant.property-value, support.constant.font-name, support.constant.color, meta.property-value | #087970 | — |
| keyword.control.at-rule, punctuation.definition.keyword.css | #6b58ad | — |
| variable.css, variable.argument.css, support.type.custom-property | #933f74 | — |
| markup.heading, entity.name.section.markdown | #087970 | bold |
| punctuation.definition.heading.markdown, markup.heading.setext | #30737f | — |
| markup.bold | #a8572d | bold |
| markup.italic | #933f74 | italic |
| markup.strikethrough | #6d6996 | strikethrough |
| markup.underline.link, string.other.link.title | #126aa4 | — |
| string.other.link.description | #6b58ad | — |
| markup.inline.raw, markup.fenced_code, markup.raw | #33753d | — |
| markup.quote | #575676 | italic |
| markup.list, punctuation.definition.list.begin | #a74955 | — |
| meta.separator.markdown | #b1b1c9 | — |
| markup.inserted, meta.diff.header.to-file | #33753d | — |
| markup.deleted, meta.diff.header.from-file | #a01819 | — |
| markup.changed | #856103 | — |
| meta.diff.range, punctuation.definition.range.diff | #933f74 | — |
| support.type.property-name.json | #126aa4 | — |
| source.json meta.structure.dictionary.json support.type.property-name.json | #126aa4 | — |
| entity.name.type.anchor.yaml, variable.other.alias.yaml | #933f74 | — |
| entity.name.section.toml, entity.name.tag.ini | #856103 | — |
| keyword.other.definition.ini, variable.other.env | #126aa4 | — |
| support.function.builtin.shell, entity.name.function.shell | #087970 | — |
| variable.other.normal.shell, punctuation.definition.variable.shell | #933f74 | — |
| constant.other.option, variable.parameter.option | #a8572d | — |
| support.function.magic.python, meta.function.decorator.python | #087970 | italic |
| variable.parameter.function.language.special.self.python | #a74955 | — |
| storage.modifier.lifetime.rust, entity.name.lifetime.rust, meta.attribute.rust | #933f74 | — |
| entity.name.package.go, variable.other.receiver.go | #856103 | — |
| keyword.control.directive, meta.preprocessor, punctuation.definition.directive | #933f74 | — |
| keyword.other.DML, keyword.other.DDL | #6b58ad | — |
| variable.graphql, meta.selection-set.graphql variable | #126aa4 | — |
| invalid, invalid.illegal | #a01819 | — |
| invalid.deprecated | #856103 | strikethrough |
| invalid.broken, invalid.unimplemented | #a01819 | — |
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.activeBackground#45c6b214
- activityBar.activeBorder#45c6b2
- activityBar.background#151523
- activityBar.border#151523
- activityBar.foreground#45c6b2
- activityBar.inactiveForeground#8985ad
- activityBarBadge.background#45c6b2
- activityBarBadge.foreground#151523
- activityBarTop.activeBorder#45c6b2
- activityBarTop.foreground#45c6b2
- activityBarTop.inactiveForeground#8985ad
- badge.background#45c6b2
- badge.foreground#151523
- banner.background#343348
- banner.foreground#dbdbeb
- banner.iconForeground#45c6b2
- breadcrumb.activeSelectionForeground#45c6b2
- breadcrumb.background#222133
- breadcrumb.focusForeground#dbdbeb
- breadcrumb.foreground#8985ad
- breadcrumbPicker.background#2a293d
- button.background#45c6b2
- button.border#55536e00
- button.foreground#151523
- button.hoverBackground#5dcbbc
- button.secondaryBackground#424158
- button.secondaryForeground#dbdbeb
- button.secondaryHoverBackground#55536e
- charts.blue#63b0e6
- charts.foreground#dbdbeb
- charts.green#7aba7c
- charts.lines#55536e
- charts.orange#e79c64
- charts.purple#b7a0f0
- charts.red#df655f
- charts.yellow#c5a64c
- checkbox.background#2a293d
- checkbox.border#424158
- checkbox.foreground#45c6b2
- commandCenter.activeBackground#2a293d
- commandCenter.activeBorder#45c6b280
- commandCenter.activeForeground#dbdbeb
- commandCenter.background#1b1b2a
- commandCenter.border#424158
- commandCenter.foreground#a8a6c4
- commandCenter.inactiveBorder#42415899
- commandCenter.inactiveForeground#8985ad
- debugConsole.errorForeground#df655f
- debugConsole.infoForeground#63b0e6
- debugConsole.sourceForeground#8985ad
- debugConsole.warningForeground#c5a64c
- debugConsoleInputIcon.foreground#45c6b2
- debugIcon.breakpointCurrentStackframeForeground#c5a64c
- debugIcon.breakpointDisabledForeground#df655f80
- debugIcon.breakpointForeground#df655f
- debugIcon.breakpointStackframeForeground#45c6b2
- debugIcon.breakpointUnverifiedForeground#55536e
- debugIcon.continueForeground#b7a0f0
- debugIcon.disconnectForeground#df655f
- debugIcon.pauseForeground#63b0e6
- debugIcon.restartForeground#45c6b2
- debugIcon.startForeground#7aba7c
- debugIcon.stepBackForeground#b7a0f0
- debugIcon.stepIntoForeground#b7a0f0
- debugIcon.stepOutForeground#b7a0f0
- debugIcon.stepOverForeground#b7a0f0
- debugIcon.stopForeground#df655f
- debugTokenExpression.boolean#d788c0
- debugTokenExpression.error#df655f
- debugTokenExpression.name#63b0e6
- debugTokenExpression.number#e79c64
- debugTokenExpression.string#7aba7c
- debugTokenExpression.value#a8a6c4
- debugToolBar.background#2a293d
- debugToolBar.border#424158
- descriptionForeground#8985ad
- diffEditor.border#424158
- diffEditor.diagonalFill#42415899
- diffEditor.insertedLineBackground#6da37118
- diffEditor.insertedTextBackground#6da37129
- diffEditor.removedLineBackground#c35b5818
- diffEditor.removedTextBackground#c35b5829
- diffEditor.unchangedCodeBackground#34334866
- diffEditor.unchangedRegionBackground#1b1b2a
- diffEditorGutter.insertedLineBackground#6da37114
- diffEditorGutter.removedLineBackground#c35b5814
- diffEditorOverview.insertedForeground#6da37199
- diffEditorOverview.removedForeground#c35b5899
- disabledForeground#6e6c99
- dropdown.background#2a293d
- dropdown.border#424158
- dropdown.foreground#dbdbeb
- dropdown.listBackground#2a293d
- editor.background#222133
- editor.currentSearchMatchHighlightBackground#e79c6466
- editor.findMatchBackground#e79c6466
- editor.findMatchBorder#e79c64cc
- editor.findMatchHighlightBackground#c5a64c38
- editor.findMatchHighlightBorder#c5a64c00
- editor.findRangeHighlightBackground#42415880
- editor.focusedStackFrameHighlightBackground#7aba7c33
- editor.foreground#dbdbeb
- editor.hoverHighlightBackground#63b0e61f
- editor.inactiveSelectionBackground#9790bb2e
- editor.lineHighlightBackground#343348
- editor.lineHighlightBorder#34334800
- editor.rangeHighlightBackground#42415866
- editor.selectionBackground#9790bb4d
- editor.selectionHighlightBackground#45c6b229
- editor.selectionHighlightBorder#45c6b200
- editor.stackFrameHighlightBackground#c5a64c33
- editor.symbolHighlightBackground#45c6b233
- editor.wordHighlightBackground#63b0e629
- editor.wordHighlightStrongBackground#45c6b238
- editor.wordHighlightTextBackground#63b0e629
- editorBracketHighlight.foreground1#72ccc3
- editorBracketHighlight.foreground2#c2b2ef
- editorBracketHighlight.foreground3#ccb67c
- editorBracketHighlight.foreground4#87bde8
- editorBracketHighlight.foreground5#d8a1cd
- editorBracketHighlight.foreground6#97c49d
- editorBracketHighlight.unexpectedBracket.foreground#df655f
- editorBracketMatch.background#45c6b22e
- editorBracketMatch.border#45c6b299
- editorCodeLens.foreground#8985ad
- editorCursor.background#222133
- editorCursor.foreground#45c6b2
- editorError.background#df655f00
- editorError.foreground#df655f
- editorGhostText.foreground#8985ad
- editorGroup.border#151523
- editorGroup.dropBackground#b7a0f033
- editorGroupHeader.border#42415800
- editorGroupHeader.noTabsBackground#151523
- editorGroupHeader.tabsBackground#151523
- editorGroupHeader.tabsBorder#151523
- editorGutter.addedBackground#6da371e6
- editorGutter.background#222133
- editorGutter.commentRangeForeground#55536e
- editorGutter.deletedBackground#c35b58e6
- editorGutter.foldingControlForeground#a8a6c4
- editorGutter.modifiedBackground#63b0e6e6
- editorHint.foreground#45c6b2
- editorHoverWidget.background#2a293d
- editorHoverWidget.border#424158
- editorHoverWidget.foreground#dbdbeb
- editorHoverWidget.highlightForeground#45c6b2
- editorIndentGuide.activeBackground1#6e6c99
- editorIndentGuide.background1#424158
- editorInfo.background#63b0e600
- editorInfo.foreground#63b0e6
- editorInlayHint.background#42415880
- editorInlayHint.foreground#8985ad
- editorInlayHint.parameterBackground#42415880
- editorInlayHint.parameterForeground#8985ad
- editorInlayHint.typeBackground#42415880
- editorInlayHint.typeForeground#8985ad
- editorLightBulb.foreground#c5a64c
- editorLightBulbAutoFix.foreground#45c6b2
- editorLineNumber.activeForeground#45c6b2
- editorLineNumber.dimmedForeground#55536e99
- editorLineNumber.foreground#6e6c99
- editorLink.activeForeground#45c6b2
- editorMarkerNavigation.background#2a293d
- editorMarkerNavigationError.background#df655f
- editorMarkerNavigationInfo.background#63b0e6
- editorMarkerNavigationWarning.background#c5a64c
- editorMultiCursor.primary.foreground#45c6b2
- editorMultiCursor.secondary.foreground#b7a0f0
- editorOverviewRuler.addedForeground#6da37199
- editorOverviewRuler.background#222133
- editorOverviewRuler.border#15152300
- editorOverviewRuler.bracketMatchForeground#45c6b280
- editorOverviewRuler.deletedForeground#c35b5899
- editorOverviewRuler.errorForeground#df655f
- editorOverviewRuler.findMatchForeground#e79c6499
- editorOverviewRuler.infoForeground#63b0e6
- editorOverviewRuler.modifiedForeground#63b0e699
- editorOverviewRuler.rangeHighlightForeground#55536e99
- editorOverviewRuler.selectionHighlightForeground#45c6b266
- editorOverviewRuler.warningForeground#c5a64c
- editorOverviewRuler.wordHighlightForeground#63b0e666
- editorOverviewRuler.wordHighlightStrongForeground#45c6b280
- editorPane.background#222133
- editorRuler.foreground#424158cc
- editorStickyScroll.background#1b1b2a
- editorStickyScrollHover.background#343348
- editorSuggestWidget.background#2a293d
- editorSuggestWidget.border#424158
- editorSuggestWidget.focusHighlightForeground#45c6b2
- editorSuggestWidget.foreground#dbdbeb
- editorSuggestWidget.highlightForeground#45c6b2
- editorSuggestWidget.selectedBackground#424158
- editorSuggestWidget.selectedForeground#e6e6f5
- editorSuggestWidget.selectedIconForeground#45c6b2
- editorSuggestWidgetStatus.foreground#8985ad
- editorUnicodeHighlight.background#c5a64c1f
- editorUnicodeHighlight.border#c5a64c
- editorWarning.background#c5a64c00
- editorWarning.foreground#c5a64c
- editorWhitespace.foreground#55536e80
- editorWidget.background#2a293d
- editorWidget.border#424158
- editorWidget.foreground#dbdbeb
- editorWidget.resizeBorder#45c6b2
- errorForeground#df655f
- extensionBadge.remoteBackground#45c6b2
- extensionBadge.remoteForeground#151523
- extensionButton.background#45c6b2
- extensionButton.foreground#151523
- extensionButton.hoverBackground#5dcbbc
- extensionButton.prominentBackground#45c6b2
- extensionButton.prominentForeground#151523
- extensionButton.prominentHoverBackground#5dcbbc
- extensionIcon.preReleaseForeground#d788c0
- extensionIcon.sponsorForeground#ed8e9b
- extensionIcon.starForeground#c5a64c
- extensionIcon.verifiedForeground#45c6b2
- focusBorder#45c6b2b3
- foreground#dbdbeb
- gitDecoration.addedResourceForeground#7aba7c
- gitDecoration.conflictingResourceForeground#d788c0
- gitDecoration.deletedResourceForeground#df655f
- gitDecoration.ignoredResourceForeground#6e6c99
- gitDecoration.modifiedResourceForeground#c5a64c
- gitDecoration.renamedResourceForeground#45c6b2
- gitDecoration.stageDeletedResourceForeground#df655f
- gitDecoration.stageModifiedResourceForeground#45c6b2
- gitDecoration.submoduleResourceForeground#b7a0f0
- gitDecoration.untrackedResourceForeground#63b0e6
- icon.foreground#a8a6c4
- input.background#151523
- input.border#424158
- input.foreground#dbdbeb
- input.placeholderForeground#8985ad
- inputOption.activeBackground#45c6b240
- inputOption.activeBorder#45c6b280
- inputOption.activeForeground#45c6b2
- inputValidation.errorBackground#482f3c
- inputValidation.errorBorder#df655f
- inputValidation.errorForeground#dbdbeb
- inputValidation.infoBackground#2f3e57
- inputValidation.infoBorder#63b0e6
- inputValidation.infoForeground#dbdbeb
- inputValidation.warningBackground#433c38
- inputValidation.warningBorder#c5a64c
- inputValidation.warningForeground#dbdbeb
- keybindingLabel.background#42415899
- keybindingLabel.border#55536e66
- keybindingLabel.bottomBorder#55536e99
- keybindingLabel.foreground#dbdbeb
- keybindingTable.headerBackground#343348
- keybindingTable.rowsBackground#1b1b2a
- list.activeSelectionBackground#343348
- list.activeSelectionForeground#e6e6f5
- list.deemphasizedForeground#8985ad
- list.dropBackground#b7a0f033
- list.errorForeground#df655f
- list.focusBackground#343348
- list.focusForeground#e6e6f5
- list.focusHighlightForeground#45c6b2
- list.focusOutline#45c6b200
- list.highlightForeground#45c6b2
- list.hoverBackground#42415880
- list.hoverForeground#dbdbeb
- list.inactiveSelectionBackground#2a293d
- list.inactiveSelectionForeground#dbdbeb
- list.warningForeground#c5a64c
- listFilterWidget.background#2a293d
- listFilterWidget.noMatchesOutline#df655f
- listFilterWidget.outline#45c6b2
- menu.background#2a293d
- menu.border#424158
- menu.foreground#dbdbeb
- menu.selectionBackground#424158
- menu.selectionBorder#45c6b200
- menu.selectionForeground#e6e6f5
- menu.separatorBackground#424158
- menubar.selectionBackground#343348
- menubar.selectionBorder#45c6b200
- menubar.selectionForeground#dbdbeb
- merge.border#42415800
- merge.commonContentBackground#55536e1f
- merge.commonHeaderBackground#55536e4d
- merge.currentContentBackground#45c6b21f
- merge.currentHeaderBackground#45c6b24d
- merge.incomingContentBackground#63b0e61f
- merge.incomingHeaderBackground#63b0e64d
- mergeEditor.change.background#6da37129
- mergeEditor.change.word.background#6da37142
- mergeEditor.conflict.handledFocused.border#7aba7ccc
- mergeEditor.conflict.handledUnfocused.border#7aba7c66
- mergeEditor.conflict.unhandledFocused.border#c5a64c
- mergeEditor.conflict.unhandledUnfocused.border#c5a64c80
- notebook.cellBorderColor#424158
- notebook.cellEditorBackground#1b1b2a
- notebook.cellHoverBackground#34334866
- notebook.editorBackground#222133
- notebook.focusedCellBackground#34334880
- notebook.focusedCellBorder#45c6b299
- notebook.focusedEditorBorder#45c6b299
- notebook.inactiveFocusedCellBorder#424158
- notebook.outputContainerBackgroundColor#1b1b2a80
- notebook.selectedCellBackground#34334880
- notebook.selectedCellBorder#424158
- notebookStatusErrorIcon.foreground#df655f
- notebookStatusRunningIcon.foreground#63b0e6
- notebookStatusSuccessIcon.foreground#7aba7c
- notificationCenter.border#424158
- notificationCenterHeader.background#343348
- notificationCenterHeader.foreground#dbdbeb
- notificationLink.foreground#63b0e6
- notifications.background#2a293d
- notifications.border#424158
- notifications.foreground#dbdbeb
- notificationsErrorIcon.foreground#df655f
- notificationsInfoIcon.foreground#63b0e6
- notificationsWarningIcon.foreground#c5a64c
- notificationToast.border#424158
- panel.background#1b1b2a
- panel.border#151523
- panel.dropBorder#45c6b2
- panelInput.border#424158
- panelSection.border#151523
- panelSectionHeader.background#1b1b2a
- panelSectionHeader.foreground#dbdbeb
- panelTitle.activeBorder#45c6b2
- panelTitle.activeForeground#e6e6f5
- panelTitle.inactiveForeground#8985ad
- peekView.border#45c6b2
- peekViewEditor.background#151523
- peekViewEditor.matchHighlightBackground#e79c6466
- peekViewEditor.matchHighlightBorder#e79c6400
- peekViewEditorGutter.background#151523
- peekViewResult.background#1b1b2a
- peekViewResult.fileForeground#e6e6f5
- peekViewResult.lineForeground#8985ad
- peekViewResult.matchHighlightBackground#e79c6438
- peekViewResult.selectionBackground#343348
- peekViewResult.selectionForeground#e6e6f5
- peekViewTitle.background#2a293d
- peekViewTitleDescription.foreground#8985ad
- peekViewTitleLabel.foreground#e6e6f5
- pickerGroup.border#424158cc
- pickerGroup.foreground#45c6b2
- problemsErrorIcon.foreground#df655f
- problemsInfoIcon.foreground#63b0e6
- problemsWarningIcon.foreground#c5a64c
- progressBar.background#45c6b2
- quickInput.background#2a293d
- quickInput.foreground#dbdbeb
- quickInputList.focusBackground#424158
- quickInputList.focusForeground#e6e6f5
- quickInputList.focusIconForeground#45c6b2
- quickInputTitle.background#343348
- sash.hoverBorder#45c6b2
- scmGraph.foreground1#45c6b2
- scmGraph.foreground2#b7a0f0
- scmGraph.foreground3#c5a64c
- scmGraph.foreground4#63b0e6
- scmGraph.foreground5#d788c0
- scmGraph.historyItemHoverLabelForeground#151523
- scrollbar.shadow#00000066
- scrollbarSlider.activeBackground#45c6b280
- scrollbarSlider.background#55536e66
- scrollbarSlider.hoverBackground#55536e99
- search.resultsInfoForeground#8985ad
- searchEditor.findMatchBackground#e79c6438
- selection.background#9790bb4d
- settings.checkboxBackground#2a293d
- settings.checkboxBorder#424158
- settings.checkboxForeground#45c6b2
- settings.dropdownBackground#2a293d
- settings.dropdownBorder#424158
- settings.dropdownForeground#dbdbeb
- settings.dropdownListBorder#424158
- settings.focusedRowBackground#34334899
- settings.focusedRowBorder#45c6b24d
- settings.headerBorder#424158
- settings.headerForeground#e6e6f5
- settings.modifiedItemIndicator#45c6b2
- settings.numberInputBackground#151523
- settings.numberInputBorder#424158
- settings.numberInputForeground#e79c64
- settings.sashBorder#424158
- settings.textInputBackground#151523
- settings.textInputBorder#424158
- settings.textInputForeground#dbdbeb
- sideBar.background#1b1b2a
- sideBar.border#1b1b2a
- sideBar.foreground#a8a6c4
- sideBarSectionHeader.background#1b1b2a
- sideBarSectionHeader.border#42415899
- sideBarSectionHeader.foreground#dbdbeb
- sideBarStickyScroll.background#1b1b2a
- sideBarTitle.background#1b1b2a
- sideBarTitle.foreground#8985ad
- statusBar.background#151523
- statusBar.border#151523
- statusBar.debuggingBackground#e79c64
- statusBar.debuggingBorder#e79c6400
- statusBar.debuggingForeground#151523
- statusBar.foreground#a8a6c4
- statusBar.noFolderBackground#151523
- statusBar.noFolderForeground#8985ad
- statusBarItem.activeBackground#55536e80
- statusBarItem.compactHoverBackground#55536e
- statusBarItem.errorBackground#df655f00
- statusBarItem.errorForeground#df655f
- statusBarItem.focusBorder#45c6b2
- statusBarItem.hoverBackground#42415899
- statusBarItem.prominentBackground#424158
- statusBarItem.prominentForeground#e6e6f5
- statusBarItem.prominentHoverBackground#55536e
- statusBarItem.remoteBackground#45c6b2
- statusBarItem.remoteForeground#151523
- statusBarItem.warningBackground#c5a64c00
- statusBarItem.warningForeground#c5a64c
- symbolIcon.arrayForeground#e79c64
- symbolIcon.booleanForeground#d788c0
- symbolIcon.classForeground#c5a64c
- symbolIcon.colorForeground#d788c0
- symbolIcon.constantForeground#e79c64
- symbolIcon.constructorForeground#45c6b2
- symbolIcon.enumeratorForeground#c5a64c
- symbolIcon.enumeratorMemberForeground#e79c64
- symbolIcon.eventForeground#d788c0
- symbolIcon.fieldForeground#63b0e6
- symbolIcon.fileForeground#dbdbeb
- symbolIcon.folderForeground#dbdbeb
- symbolIcon.functionForeground#45c6b2
- symbolIcon.interfaceForeground#c5a64c
- symbolIcon.keyForeground#63b0e6
- symbolIcon.keywordForeground#b7a0f0
- symbolIcon.methodForeground#45c6b2
- symbolIcon.moduleForeground#c5a64c
- symbolIcon.namespaceForeground#c5a64c
- symbolIcon.nullForeground#d788c0
- symbolIcon.numberForeground#e79c64
- symbolIcon.objectForeground#c5a64c
- symbolIcon.operatorForeground#b7a0f0
- symbolIcon.packageForeground#c5a64c
- symbolIcon.propertyForeground#63b0e6
- symbolIcon.referenceForeground#63b0e6
- symbolIcon.snippetForeground#7aba7c
- symbolIcon.stringForeground#7aba7c
- symbolIcon.structForeground#c5a64c
- symbolIcon.textForeground#dbdbeb
- symbolIcon.typeParameterForeground#c5a64c
- symbolIcon.unitForeground#d788c0
- symbolIcon.variableForeground#dbdbeb
- tab.activeBackground#222133
- tab.activeBorder#22213300
- tab.activeBorderTop#45c6b2
- tab.activeForeground#e6e6f5
- tab.activeModifiedBorder#c5a64c
- tab.border#151523
- tab.hoverBackground#2a293d
- tab.hoverForeground#dbdbeb
- tab.inactiveBackground#151523
- tab.inactiveForeground#8985ad
- tab.inactiveModifiedBorder#c5a64c80
- tab.lastPinnedBorder#424158
- tab.unfocusedActiveBackground#222133
- tab.unfocusedActiveBorderTop#45c6b266
- tab.unfocusedActiveForeground#a8a6c4
- tab.unfocusedInactiveForeground#8985ad
- terminal.ansiBlack#424158
- terminal.ansiBlue#63b0e6
- terminal.ansiBrightBlack#55536e
- terminal.ansiBrightBlue#7dbbe9
- terminal.ansiBrightCyan#65ccbf
- terminal.ansiBrightGreen#90c394
- terminal.ansiBrightMagenta#d991c5
- terminal.ansiBrightRed#e07f7d
- terminal.ansiBrightWhite#e6e6f5
- terminal.ansiBrightYellow#ccb36e
- terminal.ansiCyan#45c6b2
- terminal.ansiGreen#7aba7c
- terminal.ansiMagenta#b7a0f0
- terminal.ansiRed#df655f
- terminal.ansiWhite#dbdbeb
- terminal.ansiYellow#c5a64c
- terminal.background#1b1b2a
- terminal.border#424158
- terminal.findMatchBackground#e79c6466
- terminal.findMatchHighlightBackground#c5a64c38
- terminal.foreground#dbdbeb
- terminal.inactiveSelectionBackground#9790bb2e
- terminal.selectionBackground#9790bb4d
- terminal.tab.activeBorder#45c6b2
- terminalCommandDecoration.defaultBackground#55536e
- terminalCommandDecoration.errorBackground#df655f
- terminalCommandDecoration.successBackground#7aba7c
- terminalCursor.background#1b1b2a
- terminalCursor.foreground#45c6b2
- testing.iconErrored#df655f
- testing.iconFailed#df655f
- testing.iconPassed#7aba7c
- testing.iconQueued#c5a64c
- testing.iconSkipped#55536e
- testing.iconUnset#55536e
- testing.message.error.decorationForeground#df655f
- testing.message.info.decorationForeground#8985ad
- testing.runAction#7aba7c
- textBlockQuote.background#1b1b2a
- textBlockQuote.border#45c6b2
- textCodeBlock.background#1b1b2a
- textLink.activeForeground#45c6b2
- textLink.foreground#63b0e6
- textPreformat.background#343348
- textPreformat.foreground#e79c64
- textSeparator.foreground#424158
- titleBar.activeBackground#151523
- titleBar.activeForeground#dbdbeb
- titleBar.border#151523
- titleBar.inactiveBackground#151523
- titleBar.inactiveForeground#8985ad
- tree.inactiveIndentGuidesStroke#42415880
- tree.indentGuidesStroke#424158
- walkThrough.embeddedEditorBackground#151523
- welcomePage.background#222133
- welcomePage.progress.background#424158
- welcomePage.progress.foreground#45c6b2
- welcomePage.tileBackground#1b1b2a
- welcomePage.tileBorder#424158
- welcomePage.tileHoverBackground#343348
- widget.border#424158
- widget.shadow#00000066
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #8985ad | italic |
| comment.block.documentation storage.type.class, keyword.other.phpdoc, storage.type.annotation.java | #a8a6c4 | italic |
| source, variable, variable.other, variable.other.readwrite, meta.definition.variable.name, support.variable, entity.name.variable | #dbdbeb | — |
| variable.parameter, meta.function.parameters variable, entity.name.variable.parameter, variable.other.jsdoc | #a8a6c4 | italic |
| variable.language, variable.language.this, variable.language.super, variable.language.special.self, keyword.other.this | #ed8e9b | — |
| variable.other.constant, variable.other.enummember, constant.other.caps, constant.other.placeholder, entity.name.constant | #e79c64 | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, keyword.other.unit, meta.preprocessor.numeric | #e79c64 | — |
| constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.infinity, constant.language.nan, support.constant | #d788c0 | — |
| string, string.quoted, string.template, string.other.link, meta.attribute-selector string | #7aba7c | — |
| punctuation.definition.string | #80a590 | — |
| constant.character.escape, constant.other.character-class.escape, punctuation.definition.template-expression, punctuation.section.embedded, meta.embedded | #e79c64 | — |
| string.regexp, constant.other.character-class.set.regexp, constant.character.escape.backslash.regexp, keyword.control.anchor.regexp, keyword.operator.quantifier.regexp, punctuation.definition.group.regexp | #d788c0 | — |
| keyword, keyword.control, keyword.other, keyword.operator.new, keyword.operator.expression, keyword.operator.delete, keyword.operator.logical, keyword.operator.instanceof, keyword.operator.in, keyword.operator.of, storage, storage.type, storage.modifier, keyword.declaration | #b7a0f0 | — |
| keyword.control.flow, keyword.control.return, keyword.control.trycatch, keyword.control.conditional, keyword.control.loop | #b7a0f0 | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.default, keyword.control.as | #d788c0 | — |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.relational, keyword.operator.bitwise, keyword.operator.ternary, keyword.operator.spread, keyword.operator.type.annotation | #a8a6c4 | — |
| storage.type.function.arrow, meta.arrow storage.type.function | #b7a0f0 | — |
| punctuation, punctuation.separator, punctuation.terminator, punctuation.accessor, punctuation.definition.parameters, meta.brace | #a8a6c4 | — |
| entity.name.function, meta.function-call entity.name.function, support.function, meta.function-call.generic, variable.function, entity.name.method, meta.method-call entity.name.function | #45c6b2 | — |
| support.function.builtin, support.function.magic, support.macro, entity.name.function.macro | #45c6b2 | — |
| meta.decorator, meta.decorator entity.name.function, meta.decorator punctuation.decorator, entity.name.function.decorator, punctuation.definition.annotation | #45c6b2 | italic |
| entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, entity.other.inherited-class, support.type, support.class, storage.type.class, entity.name.type.interface, entity.name.type.enum, entity.name.type.struct, entity.name.type.trait, entity.name.type.module, meta.type.annotation entity.name.type | #c5a64c | — |
| support.type.primitive, storage.type.primitive, keyword.type, entity.name.type.primitive | #c5a64c | — |
| meta.type.parameters entity.name.type, entity.name.type.parameter | #cbb374 | — |
| variable.other.property, variable.other.object.property, support.type.property-name, meta.object-literal.key, variable.object.property, entity.name.tag.yaml | #63b0e6 | — |
| variable.other.object, support.class.dom, support.variable.object | #dbdbeb | — |
| entity.name.tag, entity.name.tag.html, entity.name.tag.other, meta.tag entity.name.tag, support.class.component | #ed8e9b | — |
| support.class.component.jsx, support.class.component.tsx, entity.name.tag.namespace | #c5a64c | — |
| entity.other.attribute-name, entity.other.attribute-name.html, meta.tag entity.other.attribute-name | #63b0e6 | — |
| punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end | #c08aa3 | — |
| entity.other.attribute-name.class, entity.other.attribute-name.class.css, entity.other.attribute-name.parent-selector | #c5a64c | — |
| entity.other.attribute-name.id, entity.other.attribute-name.id.css | #e79c64 | — |
| entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element, meta.selector | #d788c0 | — |
| support.type.property-name.css, meta.property-name | #63b0e6 | — |
| support.constant.property-value, support.constant.font-name, support.constant.color, meta.property-value | #45c6b2 | — |
| keyword.control.at-rule, punctuation.definition.keyword.css | #b7a0f0 | — |
| variable.css, variable.argument.css, support.type.custom-property | #d788c0 | — |
| markup.heading, entity.name.section.markdown | #45c6b2 | bold |
| punctuation.definition.heading.markdown, markup.heading.setext | #60acb0 | — |
| markup.bold | #e79c64 | bold |
| markup.italic | #d788c0 | italic |
| markup.strikethrough | #8985ad | strikethrough |
| markup.underline.link, string.other.link.title | #63b0e6 | — |
| string.other.link.description | #b7a0f0 | — |
| markup.inline.raw, markup.fenced_code, markup.raw | #7aba7c | — |
| markup.quote | #a8a6c4 | italic |
| markup.list, punctuation.definition.list.begin | #ed8e9b | — |
| meta.separator.markdown | #55536e | — |
| markup.inserted, meta.diff.header.to-file | #7aba7c | — |
| markup.deleted, meta.diff.header.from-file | #df655f | — |
| markup.changed | #c5a64c | — |
| meta.diff.range, punctuation.definition.range.diff | #d788c0 | — |
| support.type.property-name.json | #63b0e6 | — |
| source.json meta.structure.dictionary.json support.type.property-name.json | #63b0e6 | — |
| entity.name.type.anchor.yaml, variable.other.alias.yaml | #d788c0 | — |
| entity.name.section.toml, entity.name.tag.ini | #c5a64c | — |
| keyword.other.definition.ini, variable.other.env | #63b0e6 | — |
| support.function.builtin.shell, entity.name.function.shell | #45c6b2 | — |
| variable.other.normal.shell, punctuation.definition.variable.shell | #d788c0 | — |
| constant.other.option, variable.parameter.option | #e79c64 | — |
| support.function.magic.python, meta.function.decorator.python | #45c6b2 | italic |
| variable.parameter.function.language.special.self.python | #ed8e9b | — |
| storage.modifier.lifetime.rust, entity.name.lifetime.rust, meta.attribute.rust | #d788c0 | — |
| entity.name.package.go, variable.other.receiver.go | #c5a64c | — |
| keyword.control.directive, meta.preprocessor, punctuation.definition.directive | #d788c0 | — |
| keyword.other.DML, keyword.other.DDL | #b7a0f0 | — |
| variable.graphql, meta.selection-set.graphql variable | #63b0e6 | — |
| invalid, invalid.illegal | #df655f | — |
| invalid.deprecated | #c5a64c | strikethrough |
| invalid.broken, invalid.unimplemented | #df655f | — |