Oil theme
Publisher: Brody MacLeanThemes in package: 1
A visually appealing dark theme designed for clarity, created by Brody MacLean. Enhancing the coding experience with a well-thought-out color palette.
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.
- actionBar.toggledBackground#CDD6F430
- activityBar.activeBorder#585B70
- activityBar.background#11111B
- activityBar.border#11111B
- activityBar.dropBorder#8D40DD
- activityBar.foreground#9399B2
- activityBar.inactiveForeground#45475A
- activityBarBadge.background#392EA5
- activityBarBadge.foreground#FAF6FE
- activityBarTop.activeBorder#8D40DD
- activityBarTop.dropBorder#8D40DD
- activityBarTop.foreground#CDD6F4
- activityBarTop.inactiveForeground#585B70
- badge.background#313244
- badge.foreground#FAF6FE
- banner.background#313244
- banner.foreground#FAF6FE
- banner.iconForeground#74D4C8
- breadcrumb.activeSelectionForeground#FAF6FE
- breadcrumb.background#11111B
- breadcrumb.focusForeground#FAF6FE
- breadcrumb.foreground#6C7086
- breadcrumbPicker.background#11111B
- button.background#8D40DDcc
- button.foreground#FAF6FEcc
- button.hoverBackground#8D40DD
- button.secondaryBackground#313244
- button.secondaryForeground#FAF6FE
- button.secondaryHoverBackground#45475A
- button.separator#FAF6FE66
- charts.foreground#CDD6F4
- charts.green#68C860
- charts.lines#CDD6F480
- charts.orange#EFA530
- charts.purple#BD8DF3
- charts.red#CE656570
- charts.yellow#F7D79070
- chat.avatarBackground#313244
- chat.avatarForeground#BD8DF3
- chat.requestBackground#1E1E2E
- chat.requestBorder#313244
- chat.slashCommandBackground#313244
- chat.slashCommandForeground#74D4C8
- checkbox.background#11111B
- checkbox.border#313244
- checkbox.foreground#CDD6F4
- checkbox.selectBackground#1E1E2E
- checkbox.selectBorder#9399B2
- commandCenter.activeBackground#313244
- commandCenter.activeBorder#8D40DD
- commandCenter.activeForeground#FAF6FE
- commandCenter.background#11111B
- commandCenter.border#313244
- commandCenter.debuggingBackground#8D40DD42
- commandCenter.foreground#9399B2
- commandCenter.inactiveBorder#585B7040
- commandCenter.inactiveForeground#585B70
- commentsView.resolvedIcon#9399B280
- commentsView.unresolvedIcon#FAF6FE00
- contrastBorder#313244
- debugConsole.errorForeground#CE6565
- debugConsole.infoForeground#74C7EC
- debugConsole.sourceForeground#CDD6F4
- debugConsole.warningForeground#F7D790
- debugConsoleInputIcon.foreground#CDD6F4
- debugExceptionWidget.background#11111B
- debugExceptionWidget.border#313244
- debugIcon.breakpointCurrentStackframeForeground#F7D790
- debugIcon.breakpointDisabledForeground#585B70
- debugIcon.breakpointForeground#E74C7B
- debugIcon.breakpointStackframeForeground#68C860
- debugIcon.breakpointUnverifiedForeground#585B70
- debugIcon.continueForeground#89B4FA
- debugIcon.disconnectForeground#CE6565
- debugIcon.pauseForeground#89B4FA
- debugIcon.restartForeground#68C860
- debugIcon.startForeground#68C860
- debugIcon.stepBackForeground#89B4FA
- debugIcon.stepIntoForeground#89B4FA
- debugIcon.stepOutForeground#89B4FA
- debugIcon.stepOverForeground#89B4FA
- debugIcon.stopForeground#CE6565
- debugTokenExpression.boolean#89B4FA
- debugTokenExpression.error#CE6565
- debugTokenExpression.name#BD8DF3
- debugTokenExpression.number#A6E3A1
- debugTokenExpression.string#F7D790
- debugTokenExpression.value#9399B299
- debugToolBar.background#11111B
- debugView.exceptionLabelBackground#6c2022
- debugView.exceptionLabelForeground#CDD6F4
- debugView.stateLabelBackground#58585844
- debugView.stateLabelForeground#CDD6F4
- debugView.valueChangedHighlight#89B4FA
- descriptionForeground#CDD6F4B3
- diffEditor.diagonalFill#31324433
- diffEditor.insertedLineBackground#68C86033
- diffEditor.insertedTextBackground#68C86023
- diffEditor.move.border#8D8D8D9C
- diffEditor.moveActive.border#EFA530
- diffEditor.removedLineBackground#CE656533
- diffEditor.removedTextBackground#CE656533
- diffEditor.unchangedCodeBackground#31324429
- diffEditor.unchangedRegionBackground#1E1E2E
- diffEditor.unchangedRegionForeground#CDD6F4
- diffEditor.unchangedRegionShadow#11111B
- disabledForeground#9399B280
- dropdown.background#11111B
- dropdown.border#313244
- dropdown.foreground#FAF6FEcc
- dropdown.listBackground#11111B
- editor.background#11111B
- editor.findMatchBackground#31324479
- editor.findMatchBorder#8D40DD
- editor.findMatchHighlightBackground#6B77EB5d
- editor.findMatchHighlightBorder#FAF6FE60
- editor.findRangeHighlightBackground#F7D79030
- editor.focusedStackFrameHighlightBackground#68C8604d
- editor.foldBackground#31324418
- editor.foreground#CDD6F4
- editor.hoverHighlightBackground#8D40DD4a
- editor.inactiveSelectionBackground#8D40DD4a
- editor.inlineValuesBackground#F7D79033
- editor.inlineValuesForeground#FAF6FE80
- editor.lineHighlightBackground#1E1E2E
- editor.linkedEditingBackground#E74C7B4d
- editor.rangeHighlightBackground#8D40DD4a
- editor.selectionBackground#54247F
- editor.selectionHighlightBackground#31324479
- editor.snippetFinalTabstopHighlightBorder#313244
- editor.snippetTabstopHighlightBackground#7F849C4d
- editor.stackFrameHighlightBackground#F7D79033
- editor.symbolHighlightBackground#31324450
- editor.wordHighlightBackground#F5C2E733
- editor.wordHighlightStrongBackground#CBA6F733
- editor.wordHighlightTextBackground#F5C2E730
- editorBracketHighlight.foreground1#F7D790
- editorBracketHighlight.foreground2#BD8DF3
- editorBracketHighlight.foreground3#89B4FA
- editorBracketHighlight.foreground4#74D4C8
- editorBracketHighlight.foreground5#A6E3A1
- editorBracketHighlight.foreground6#F38BA8
- editorBracketHighlight.unexpectedBracket.foreground#CE6565cc
- editorBracketMatch.background#11111B
- editorBracketMatch.border#F7D79050
- editorBracketPairGuide.activeBackground1#F7D79050
- editorBracketPairGuide.activeBackground2#BD8DF350
- editorBracketPairGuide.activeBackground3#89B4FA50
- editorBracketPairGuide.activeBackground4#74D4C850
- editorBracketPairGuide.activeBackground5#A6E3A150
- editorBracketPairGuide.activeBackground6#F38BA850
- editorBracketPairGuide.background1#F7D79025
- editorBracketPairGuide.background2#BD8DF325
- editorBracketPairGuide.background3#89B4FA25
- editorBracketPairGuide.background4#74D4C825
- editorBracketPairGuide.background5#A6E3A125
- editorBracketPairGuide.background6#F38BA825
- editorCodeLens.foreground#6B77EBb4
- editorCommentsWidget.rangeActiveBackground#FAF6FE00
- editorCommentsWidget.rangeBackground#FAF6FE00
- editorCommentsWidget.replyInputBackground#1E1E2E05
- editorCommentsWidget.resolvedBorder#9399B280
- editorCommentsWidget.unresolvedBorder#FAF6FE00
- editorCursor.foreground#9399B2
- editorError.foreground#CE6565
- editorGhostText.foreground#FAF6FE56
- editorGroup.border#11111B
- editorGroup.dropBackground#8D40DD73
- editorGroup.dropIntoPromptBackground#1E1E2E
- editorGroup.dropIntoPromptForeground#CDD6F4
- editorGroup.emptyBackground#11111B
- editorGroupHeader.noTabsBackground#11111B
- editorGroupHeader.tabsBackground#11111B
- editorGroupHeader.tabsBorder#313244
- editorGutter.addedBackground#68C860
- editorGutter.background#11111B
- editorGutter.commentGlyphForeground#CDD6F4
- editorGutter.commentRangeForeground#1E1E2E
- editorGutter.commentUnresolvedGlyphForeground#CDD6F4
- editorGutter.deletedBackground#CE6565
- editorGutter.foldingControlForeground#9399B2
- editorGutter.modifiedBackground#EFA530
- editorHint.foreground#CDD6F4B3
- editorHoverWidget.background#11111B
- editorHoverWidget.border#313244
- editorHoverWidget.foreground#CDD6F4
- editorHoverWidget.highlightForeground#8D40DD
- editorHoverWidget.statusBarBackground#181825
- editorIndentGuide.activeBackground1#9399B2
- editorIndentGuide.activeBackground2#00000000
- editorIndentGuide.activeBackground3#00000000
- editorIndentGuide.activeBackground4#00000000
- editorIndentGuide.activeBackground5#00000000
- editorIndentGuide.activeBackground6#00000000
- editorIndentGuide.background1#6B77EB52
- editorIndentGuide.background2#00000000
- editorIndentGuide.background3#00000000
- editorIndentGuide.background4#00000000
- editorIndentGuide.background5#00000000
- editorIndentGuide.background6#00000000
- editorInlayHint.background#00000005
- editorInlayHint.foreground#7F849C
- editorInlayHint.parameterBackground#00000005
- editorInlayHint.parameterForeground#7F849C
- editorInlayHint.typeBackground#00000005
- editorInlayHint.typeForeground#7F849C
- editorLightBulb.foreground#F7D790
- editorLightBulbAi.foreground#F7D790
- editorLightBulbAutoFix.foreground#89B4FA
- editorLineNumber.activeForeground#CDD6F4
- editorLineNumber.foreground#585B70
- editorLink.activeForeground#CDD6F4
- editorMarkerNavigation.background#313244
- editorMarkerNavigationError.background#CE6565
- editorMarkerNavigationError.headerBackground#CE65650b
- editorMarkerNavigationWarning.background#EFA530
- editorMarkerNavigationWarning.headerBackground#EFA5300b
- editorMultiCursor.primary.foreground#9399B2
- editorMultiCursor.secondary.foreground#9399B2
- editorOverviewRuler.addedForeground#68C8603a
- editorOverviewRuler.border#11111B
- editorOverviewRuler.bracketMatchForeground#9399B2
- editorOverviewRuler.commentForeground#1E1E2E
- editorOverviewRuler.commentUnresolvedForeground#1E1E2E
- editorOverviewRuler.commonContentForeground#8D40DD
- editorOverviewRuler.currentContentForeground#8D40DD
- editorOverviewRuler.deletedForeground#CE65653a
- editorOverviewRuler.errorForeground#CE656540
- editorOverviewRuler.incomingContentForeground#8D40DD
- editorOverviewRuler.inlineChatInserted#68C86013
- editorOverviewRuler.inlineChatRemoved#CE656513
- editorOverviewRuler.rangeHighlightForeground#8D40DD99
- editorOverviewRuler.selectionHighlightForeground#9399B2cc
- editorOverviewRuler.warningForeground#EFA53040
- editorOverviewRuler.wordHighlightForeground#9399B2cc
- editorOverviewRuler.wordHighlightStrongForeground#BD8DF3cc
- editorOverviewRuler.wordHighlightTextForeground#9399B2cc
- editorPane.background#11111B
- editorRuler.foreground#6B77EB52
- editorStickyScroll.background#11111B
- editorStickyScroll.shadow#11111B30
- editorStickyScrollHover.background#1E1E2E
- editorSuggestWidget.background#313244
- editorSuggestWidget.border#313244
- editorSuggestWidget.focusHighlightForeground#8D40DD
- editorSuggestWidget.foreground#CDD6F4
- editorSuggestWidget.highlightForeground#FAF6FE
- editorSuggestWidget.selectedBackground#313244
- editorSuggestWidget.selectedForeground#FAF6FE
- editorSuggestWidgetStatus.foreground#CDD6F480
- editorUnicodeHighlight.border#EFA53070
- editorUnnecessaryCode.opacity#000000aa
- editorWarning.foreground#CB7868
- editorWatermark.foreground#CDD6F499
- editorWidget.background#11111B
- editorWidget.border#313244
- editorWidget.foreground#CDD6F4
- editorWidget.resizeBorder#8D40DD
- errorForeground#CE6565
- errorLens.errorBackground#CE65651b
- errorLens.errorBackgroundLight#CE656520
- errorLens.errorForeground#CE6565
- errorLens.errorForegroundLight#CE6565
- errorLens.errorMessageBackground#CE656519
- errorLens.errorRangeBackground#CE656519
- errorLens.hintBackground#74D4C820
- errorLens.hintBackgroundLight#74D4C820
- errorLens.hintForeground#68C860
- errorLens.hintForegroundLight#68C860
- errorLens.hintMessageBackground#74D4C819
- errorLens.hintRangeBackground#74D4C819
- errorLens.infoBackground#74C7EC20
- errorLens.infoBackgroundLight#74C7EC20
- errorLens.infoForeground#74C7EC
- errorLens.infoForegroundLight#74C7EC
- errorLens.infoMessageBackground#74C7EC19
- errorLens.infoRangeBackground#74C7EC19
- errorLens.statusBarErrorForeground#CE6565
- errorLens.statusBarHintForeground#68C860
- errorLens.statusBarIconErrorForeground#CE6565
- errorLens.statusBarIconWarningForeground#EFA530
- errorLens.statusBarInfoForeground#74C7EC
- errorLens.statusBarWarningForeground#EFA530
- errorLens.warningBackground#EFA5301b
- errorLens.warningBackgroundLight#EFA53020
- errorLens.warningForeground#EFA530
- errorLens.warningForegroundLight#EFA530
- errorLens.warningMessageBackground#EFA53019
- errorLens.warningRangeBackground#EFA53019
- extensionBadge.remoteBackground#8D40DD
- extensionBadge.remoteForeground#CDD6F4
- extensionButton.background#31324450
- extensionButton.foreground#FAF6FE
- extensionButton.hoverBackground#45475A50
- extensionButton.prominentBackground#8D40DDcc
- extensionButton.prominentForeground#FAF6FEcc
- extensionButton.prominentHoverBackground#8D40DD
- extensionButton.separator#FAF6FE66
- focusBorder#313244
- foreground#CDD6F4
- gitDecoration.addedResourceForeground#68C860
- gitDecoration.conflictingResourceForeground#F7D790cc
- gitDecoration.deletedResourceForeground#CE656590
- gitDecoration.ignoredResourceForeground#45475A
- gitDecoration.modifiedResourceForeground#B4BEFE
- gitDecoration.renamedResourceForeground#A6E3A1
- gitDecoration.stageDeletedResourceForeground#CE6565
- gitDecoration.stageModifiedResourceForeground#F7D790
- gitDecoration.submoduleResourceForeground#89B4FA
- gitDecoration.untrackedResourceForeground#bada55
- icon.foreground#9399B2
- inlineChat.background#1E1E2E
- inlineChat.border#313244
- inlineChat.shadow#11111B
- inlineChatDiff.inserted#68C86023
- inlineChatDiff.removed#CE656533
- inlineChatInput.background#181825
- inlineChatInput.border#313244
- inlineChatInput.focusBorder#8D40DD
- inlineChatInput.placeholderForeground#313244
- input.background#181825
- input.border#313244
- input.foreground#FAF6FEcc
- input.placeholderForeground#585B70
- inputOption.activeBackground#8D40DD40
- inputOption.activeBorder#FAF6FEcc
- inputOption.activeForeground#FAF6FE
- inputOption.hoverBackground#313244
- inputValidation.errorBorder#CE6565
- inputValidation.infoBackground#2A7DB5F2
- inputValidation.infoBorder#74C7EC
- inputValidation.warningBackground#8A6B1FF2
- inputValidation.warningBorder#EFA530
- interactive.activeCodeBorder#8D40DD
- interactive.inactiveCodeBorder#313244
- issues.closed#CE6565
- issues.newIssueDecoration#FAF6FE48
- issues.open#68C860
- keybindingLabel.background#313244
- keybindingLabel.border#313244
- keybindingLabel.bottomBorder#313244
- keybindingLabel.foreground#CDD6F4
- keybindingTable.headerBackground#CDD6F40a
- keybindingTable.rowsBackground#CDD6F40a
- list.activeSelectionBackground#3132448c
- list.activeSelectionForeground#FAF6FE
- list.deemphasizedForeground#7F849C
- list.dropBackground#11111B
- list.dropBetweenBackground#9399B2
- list.errorForeground#CE6565
- list.filterMatchBackground#31324450
- list.filterMatchBorder#FAF6FE50
- list.focusBackground#11111B
- list.focusForeground#FAF6FE
- list.focusHighlightForeground#8D40DD
- list.focusOutline#FAF6FE00
- list.highlightForeground#FAF6FE
- list.hoverBackground#11111B
- list.hoverForeground#FAF6FE
- list.inactiveSelectionBackground#181825
- list.inactiveSelectionForeground#585B70
- list.invalidItemForeground#7F849C
- list.warningForeground#EFA530
- listFilterWidget.background#11111B30
- listFilterWidget.noMatchesOutline#11111B30
- listFilterWidget.outline#11111B30
- listFilterWidget.shadow#11111B30
- menu.background#11111B
- menu.foreground#CDD6F4
- menu.selectionBackground#31324450
- menu.selectionBorder#11111B30
- menu.selectionForeground#FAF6FE
- menu.separatorBackground#313244
- menubar.selectionBackground#31324430
- menubar.selectionBorder#11111B30
- menubar.selectionForeground#FAF6FE
- merge.commonContentBackground#31324429
- merge.commonHeaderBackground#31324466
- merge.currentContentBackground#74D4C833
- merge.currentHeaderBackground#31324468
- merge.incomingContentBackground#8D40DD33
- merge.incomingHeaderBackground#8D40DD4a
- mergeEditor.change.background#68C86033
- mergeEditor.change.word.background#68C86033
- mergeEditor.changeBase.background#4b1818
- mergeEditor.changeBase.word.background#6f1313
- mergeEditor.conflict.handled.minimapOverViewRuler#9399B2ee
- mergeEditor.conflict.handledFocused.border#9399B2cc
- mergeEditor.conflict.handledUnfocused.border#58585849
- mergeEditor.conflict.input1.background#74D4C833
- mergeEditor.conflict.input2.background#8D40DD33
- mergeEditor.conflict.unhandled.minimapOverViewRuler#EFA530
- mergeEditor.conflict.unhandledFocused.border#EFA530
- mergeEditor.conflict.unhandledUnfocused.border#EFA5307a
- mergeEditor.conflictingLines.background#F7D79047
- minimap.background#11111B
- minimap.errorHighlight#CE656580
- minimap.findMatchHighlight#6B77EB80
- minimap.foregroundOpacity#000000
- minimap.selectionHighlight#8D40DD80
- minimap.warningHighlight#EFA53080
- minimapGutter.addedBackground#68C860
- minimapGutter.deletedBackground#CE6565
- minimapGutter.modifiedBackground#EFA530
- minimapSlider.activeBackground#8D40DD28
- minimapSlider.background#CDD6F410
- minimapSlider.hoverBackground#CDD6F408
- multiDiffEditor.border#313244
- multiDiffEditor.headerBackground#1E1E2E
- notebook.cellBorderColor#313244
- notebook.cellEditorBackground#1E1E2E
- notebook.cellHoverBackground#1E1E2E
- notebook.cellInsertionIndicator#8D40DD
- notebook.cellStatusBarItemHoverBackground#313244
- notebook.cellToolbarSeparator#313244
- notebook.editorBackground#11111B
- notebook.focusedCellBackground#1E1E2E
- notebook.focusedCellBorder#8D40DD
- notebook.focusedEditorBorder#8D40DD
- notebook.inactiveFocusedCellBorder#313244
- notebook.outputContainerBackgroundColor#1E1E2E
- notebook.selectedCellBackground#31324433
- notebook.selectedCellBorder#8D40DD80
- notebook.symbolHighlightBackground#FAF6FE0b
- notebookEditorOverviewRuler.runningCellForeground#68C860
- notebookScrollbarSlider.activeBackground#313244
- notebookScrollbarSlider.background#313244
- notebookScrollbarSlider.hoverBackground#313244
- notebookStatusErrorIcon.foreground#CE6565
- notebookStatusRunningIcon.foreground#74D4C8
- notebookStatusSuccessIcon.foreground#68C860
- notificationCenter.border#313244
- notificationCenterHeader.background#1E1E2E
- notificationLink.foreground#74D4C8
- notifications.background#11111B
- notifications.border#313244
- notifications.foreground#FAF6FEcc
- notificationsErrorIcon.foreground#CE656570
- notificationsWarningIcon.foreground#EFA53070
- notificationToast.border#313244
- panel.background#11111B
- panel.border#313244
- panel.dropBorder#FAF6FE
- panelInput.border#313244
- panelSection.border#313244
- panelSection.dropBackground#8D40DD80
- panelSectionHeader.background#31324433
- panelStickyScroll.background#1E1E2E
- panelStickyScroll.shadow#11111B30
- panelTitle.activeBorder#313244
- panelTitle.activeForeground#FAF6FEcc
- panelTitle.inactiveForeground#CDD6F480
- peekView.border#313244
- peekViewEditor.background#11111B
- peekViewEditor.matchHighlightBackground#8D40DD4a
- peekViewEditorGutter.background#1E1E2E05
- peekViewEditorStickyScroll.background#11111B
- peekViewResult.background#11111B
- peekViewResult.fileForeground#313244
- peekViewResult.lineForeground#313244
- peekViewResult.matchHighlightBackground#FAF6FEcc
- peekViewResult.selectionBackground#313244
- peekViewResult.selectionForeground#313244
- peekViewTitle.background#11111B
- peekViewTitleDescription.foreground#313244
- peekViewTitleLabel.foreground#313244
- pickerGroup.border#11111B
- pickerGroup.foreground#CBA6F7
- ports.iconRunningProcessForeground#8D40DD
- problemsErrorIcon.foreground#CE656570
- problemsWarningIcon.foreground#EFA53070
- profileBadge.background#8D40DD
- profileBadge.foreground#FAF6FE
- progressBar.background#8D40DD
- pullRequests.closed#CE6565
- pullRequests.draft#7F849C
- pullRequests.merged#BD8DF3
- pullRequests.open#68C860
- quickInput.background#11111B
- quickInput.foreground#CDD6F4
- quickInputList.focusBackground#313244
- quickInputList.focusForeground#FAF6FE
- quickInputList.focusIconForeground#FAF6FE
- quickInputTitle.background#1E1E2E
- sash.hoverBorder#8D40DD50
- scrollbar.shadow#11111B
- scrollbarSlider.activeBackground#313244
- scrollbarSlider.background#313244
- scrollbarSlider.hoverBackground#313244
- search.resultsInfoForeground#CDD6F4a6
- searchEditor.findMatchBackground#31324435
- searchEditor.findMatchBorder#FAF6FE35
- searchEditor.textInputBorder#313244
- selection.background#3F73F2
- settings.checkboxBackground#11111B
- settings.checkboxBorder#313244
- settings.checkboxForeground#CDD6F4
- settings.dropdownBackground#11111B
- settings.dropdownBorder#313244
- settings.dropdownForeground#CDD6F4
- settings.dropdownListBorder#313244
- settings.focusedRowBackground#31324433
- settings.focusedRowBorder#8D40DD80
- settings.headerBorder#313244
- settings.headerForeground#FAF6FE
- settings.modifiedItemIndicator#8D40DD
- settings.numberInputBackground#181825
- settings.numberInputBorder#313244
- settings.numberInputForeground#CDD6F4
- settings.rowHoverBackground#1E1E2E
- settings.sashBorder#313244
- settings.settingsHeaderHoverForeground#8D40DDb3
- settings.textInputBackground#181825
- settings.textInputBorder#313244
- settings.textInputForeground#CDD6F4
- sideBar.background#11111B
- sideBar.border#1E1E2E
- sideBar.dropBackground#8D40DD80
- sideBar.foreground#9399B2
- sideBarActivityBarTop.border#313244
- sideBarSectionHeader.background#11111B
- sideBarSectionHeader.border#313244
- sideBarSectionHeader.foreground#585B70
- sideBarStickyScroll.background#1E1E2E
- sideBarStickyScroll.shadow#11111B30
- sideBarTitle.background#11111B
- sideBarTitle.foreground#6C7086
- sideBySideEditor.horizontalBorder#11111B30
- sideBySideEditor.verticalBorder#11111B30
- simpleFindWidget.sashBorder#313244
- statusBar.background#11111B
- statusBar.border#313244
- statusBar.debuggingBackground#1E1E2E
- statusBar.debuggingBorder#1E1E2E
- statusBar.debuggingForeground#CDD6F4
- statusBar.focusBorder#313244
- statusBar.foreground#6C7086
- statusBar.noFolderBackground#11111B
- statusBar.noFolderBorder#1E1E2E
- statusBar.noFolderForeground#313244
- statusBarItem.activeBackground#1E1E2E
- statusBarItem.compactHoverBackground#FAF6FE33
- statusBarItem.errorBackground#CE6565
- statusBarItem.errorForeground#FAF6FE
- statusBarItem.errorHoverBackground#1E1E2E20
- statusBarItem.errorHoverForeground#6C7086
- statusBarItem.focusBorder#313244
- statusBarItem.hoverBackground#1E1E2E
- statusBarItem.hoverForeground#6C7086
- statusBarItem.offlineBackground#6c1717
- statusBarItem.offlineForeground#11111B
- statusBarItem.offlineHoverBackground#1E1E2E20
- statusBarItem.offlineHoverForeground#6C7086
- statusBarItem.prominentBackground#1E1E2E
- statusBarItem.prominentForeground#313244
- statusBarItem.prominentHoverBackground#1E1E2E
- statusBarItem.prominentHoverForeground#6C7086
- statusBarItem.remoteBackground#8D40DD
- statusBarItem.remoteForeground#11111B
- statusBarItem.remoteHoverBackground#1E1E2E20
- statusBarItem.remoteHoverForeground#6C7086
- statusBarItem.warningBackground#EFA53070
- statusBarItem.warningForeground#FAF6FE
- statusBarItem.warningHoverBackground#1E1E2E20
- statusBarItem.warningHoverForeground#6C7086
- symbolIcon.arrayForeground#CDD6F4
- symbolIcon.booleanForeground#CDD6F4
- symbolIcon.classForeground#F7D790
- symbolIcon.colorForeground#CDD6F4
- symbolIcon.constantForeground#CDD6F4
- symbolIcon.constructorForeground#BD8DF3
- symbolIcon.enumeratorForeground#F7D790
- symbolIcon.enumeratorMemberForeground#89B4FA
- symbolIcon.eventForeground#F7D790
- symbolIcon.fieldForeground#89B4FA
- symbolIcon.fileForeground#CDD6F4
- symbolIcon.folderForeground#CDD6F4
- symbolIcon.functionForeground#BD8DF3
- symbolIcon.interfaceForeground#89B4FA
- symbolIcon.keyForeground#CDD6F4
- symbolIcon.keywordForeground#CDD6F4
- symbolIcon.methodForeground#BD8DF3
- symbolIcon.moduleForeground#CDD6F4
- symbolIcon.namespaceForeground#CDD6F4
- symbolIcon.nullForeground#CDD6F4
- symbolIcon.numberForeground#CDD6F4
- symbolIcon.objectForeground#CDD6F4
- symbolIcon.operatorForeground#CDD6F4
- symbolIcon.packageForeground#CDD6F4
- symbolIcon.propertyForeground#CDD6F4
- symbolIcon.referenceForeground#CDD6F4
- symbolIcon.snippetForeground#CDD6F4
- symbolIcon.stringForeground#CDD6F4
- symbolIcon.structForeground#CDD6F4
- symbolIcon.textForeground#CDD6F4
- symbolIcon.typeParameterForeground#CDD6F4
- symbolIcon.unitForeground#CDD6F4
- symbolIcon.variableForeground#89B4FA
- tab.activeBackground#1E1E2E
- tab.activeBorder#313244
- tab.activeForeground#CDD6F4
- tab.activeModifiedBorder#585B70
- tab.border#313244
- tab.dragAndDropBorder#8D40DD
- tab.inactiveBackground#11111B
- tab.inactiveForeground#585B70
- tab.inactiveModifiedBorder#7F849C
- tab.lastPinnedBorder#313244
- tab.unfocusedActiveBackground#11111B
- tab.unfocusedActiveBorder#313244
- tab.unfocusedActiveForeground#585B70
- tab.unfocusedActiveModifiedBorder#9399B2
- tab.unfocusedInactiveBackground#11111B
- tab.unfocusedInactiveForeground#585B70
- tab.unfocusedInactiveModifiedBorder#7F849C
- terminal.ansiBlack#11111B
- terminal.ansiBlue#89B4FA
- terminal.ansiBrightBlack#313244
- terminal.ansiBrightBlue#89B4FA
- terminal.ansiBrightCyan#74D4C8
- terminal.ansiBrightGreen#2E9E95
- terminal.ansiBrightMagenta#BD8DF3
- terminal.ansiBrightRed#CE6565
- terminal.ansiBrightWhite#FAF6FE
- terminal.ansiBrightYellow#F7D790
- terminal.ansiCyan#47BAAE
- terminal.ansiGreen#2E9E95
- terminal.ansiMagenta#BD8DF3
- terminal.ansiRed#CE6565
- terminal.ansiWhite#FAF6FE
- terminal.ansiYellow#A6E3A1
- terminal.background#11111B
- terminal.border#313244
- terminal.dropBackground#8D40DD80
- terminal.findMatchBackground#F7D790fa
- terminal.findMatchBorder#F7D790fa
- terminal.findMatchHighlightBackground#F7D790dd
- terminal.foreground#CDD6F4
- terminal.hoverHighlightBackground#8D40DD20
- terminal.inactiveSelectionBackground#31324428
- terminal.selectionBackground#4CB7E44d
- terminal.tab.activeBorder#8D40DD
- terminalCommandDecoration.defaultBackground#FAF6FE40
- terminalCommandDecoration.errorBackground#CE6565
- terminalCommandDecoration.successBackground#74C7EC
- terminalCursor.background#313244
- terminalCursor.foreground#F7D790
- terminalOverviewRuler.cursorForeground#9399B2cc
- terminalOverviewRuler.findMatchForeground#74D4C8
- terminalStickyScrollHover.background#1E1E2E
- testing.coverCountBadgeBackground#11111B30
- testing.coverCountBadgeForeground#585B70
- testing.coveredBackground#68C86020
- testing.coveredBorder#68C86018
- testing.coveredGutterBackground#68C86013
- testing.iconErrored#CE6565
- testing.iconErrored.retired#CE6565b3
- testing.iconFailed#CE6565
- testing.iconFailed.retired#CE6565b3
- testing.iconPassed#A6E3A1
- testing.iconPassed.retired#A6E3A1b3
- testing.iconQueued#EFA530
- testing.iconQueued.retired#EFA530b3
- testing.iconSkipped#585B70
- testing.iconSkipped.retired#585B70b3
- testing.iconUnset#585B70
- testing.iconUnset.retired#585B70b3
- testing.message.error.lineBackground#CE656533
- testing.message.info.decorationForeground#CDD6F480
- testing.peekBorder#CE656570
- testing.peekHeaderBackground#CE65650b
- testing.runAction#A6E3A1
- testing.uncoveredBackground#CE656520
- testing.uncoveredBorder#CE656518
- testing.uncoveredBranchBackground#583f43
- testing.uncoveredGutterBackground#CE656530
- textBlockQuote.background#1E1E2E
- textBlockQuote.border#8D40DD80
- textCodeBlock.background#313244
- textLink.activeForeground#CDD6F4
- textLink.foreground#8D40DD
- textPreformat.background#313244
- textPreformat.foreground#A6E3A1
- textSeparator.foreground#FAF6FE2e
- titleBar.activeBackground#11111B
- titleBar.activeForeground#EEF1FF
- titleBar.border#313244
- titleBar.inactiveBackground#11111B
- titleBar.inactiveForeground#585B70
- toolbar.activeBackground#31324450
- toolbar.hoverBackground#31324450
- tree.inactiveIndentGuidesStroke#31324466
- tree.indentGuidesStroke#313244
- tree.tableColumnsBorder#9399B220
- tree.tableOddRowsBackground#CDD6F40a
- walkThrough.embeddedEditorBackground#11111B
- walkthrough.stepTitle.foreground#FAF6FE
- welcomePage.background#11111B
- welcomePage.progress.background#313244
- welcomePage.progress.foreground#8D40DD
- welcomePage.tileBackground#1E1E2E
- welcomePage.tileBorder#313244
- welcomePage.tileHoverBackground#313244
- widget.shadow#11111B
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| Global settings | #CDD6F4 | — |
| comment, punctuation.definition.comment | #585B70 | italic |
| comment.line.double-slash | #585B70 | — |
| string | #F7D790 | — |
| string.quoted, variable.other.readwrite.js | #F7D790 | — |
| string.regexp, string.regexp keyword.other | #4CB7E4 | — |
| string.template meta.template.expression | #B84A4A | — |
| string.template punctuation.definition.string | #CDD6F4 | — |
| constant.numeric, constant.character.numeric | #DE8B8B | |
| constant.language, punctuation.definition.constant, variable.other.constant | #89B4FA | — |
| constant.character, constant.other | #89B4FA | — |
| constant.character.escape | #DE8B8B | — |
| constant.other.color | #F7D790 | — |
| constant.other.color.rgb-value punctuation.definition.constant | #DE8B8B | — |
| support.constant.math | #A6E3A1 | — |
| constant.language.boolean | #E74C7B | — |
| constant.language.null | #E74C7B | — |
| variable | #A6E3A1 | — |
| variable.parameter.function | #74D4C8 | |
| variable.instance, variable.other.instance, variable.readwrite.instance, variable.other.readwrite.instance, variable.other.property | #AFE9F2 | — |
| variable.other.object.property | #F9E2AF | italic |
| variable.other.object.js | — | |
| variable.function | #89B4FA | — |
| variable.interpolation | #D75C75 | — |
| variable.language | #74D4C8 | — |
| variable.parameter | #F7D790 | — |
| punctuation.accessor, keyword | #BD8DF3 | italic |
| keyword.operator | #74D4C8 | |
| keyword.operator.relational | #BD8DF3 | italic |
| keyword.operator.assignment | #BD8DF3 | — |
| keyword.operator.arithmetic | #BD8DF3 | — |
| keyword.operator.bitwise | #BD8DF3 | — |
| keyword.operator.increment | #BD8DF3 | — |
| keyword.operator.ternary | #BD8DF3 | — |
| keyword.operator.logical | #BD8DF3 | |
| keyword.control.operator | #74D4C8 | — |
| keyword.other.unit | #F7D790 | — |
| storage, meta.var.expr, meta.class meta.method.declaration meta.var.expr storage.type.js, storage.type.property.js, storage.type.property.ts, storage.type.property.tsx | #BD8DF3 | italic |
| storage.type | #BD8DF3 | — |
| storage.type.function.arrow.js | — | |
| entity.name.function | #89B4FA | italic |
| meta.function-call | #89B4FA | — |
| support.function, support.constant | #89B4FA | — |
| support.function | #A6E3A1 | — |
| support.constant, keyword.other.special-method, keyword.other.new, keyword.other.debugger, keyword.control | #74D4C8 | — |
| meta.function punctuation.separator.comma | #313244 | — |
| entity.name.class, meta.class entity.name.type.class | #F7D790 | — |
| entity.other.inherited-class | #A6E3A1 | — |
| support.type, support.class | #A6E3A1 | — |
| support.variable.dom | #A6E3A1 | — |
| support.variable.property | #74D4C8 | — |
| support.constant.meta.property-value | #74D4C8 | — |
| entity.name.tag.custom | #DE8B8B | — |
| punctuation.definition.tag, meta.tag | #74D4C8 | — |
| entity.name.tag, meta.tag.other.html, meta.tag.other.js, meta.tag.other.tsx, entity.name.tag.tsx, entity.name.tag.js, meta.tag.js, meta.tag.tsx, meta.tag.html | #D3F4EE | |
| entity.other.attribute-name | #A6E3A1 | italic |
| entity.other.attribute-name.id | #F3BD56 | — |
| entity.name.tag.doctype, meta.tag.sgml.doctype | #BD8DF3 | italic |
| punctuation.definition.string | #E4F7E1 | — |
| punctuation.definition.string.begin.markdown | #E74C7B | — |
| punctuation.definition.parameters | #E4F7E1 | — |
| punctuation.section.embedded | #B84A4A | — |
| punctuation.terminator.expression, punctuation.definition.arguments, punctuation.definition.array, punctuation.section.array, meta.array | #CDD6F4 | — |
| punctuation.definition.list.begin, punctuation.definition.list.end, punctuation.separator.arguments, punctuation.definition.list | #E4F7E1 | — |
| meta.brace | #CDD6F4 | — |
| meta.delimiter.period | #BD8DF3 | italic |
| meta.selector | #BD8DF3 | italic |
| meta.property-name | #74D4C8 | — |
| object | #D4F4F9 | — |
| object.comma | #FAF6FE | — |
| invalid | #FAF6FE | — |
| invalid.deprecated | #FAF6FE | — |
| invalid.broken | #11111B | — |
| invalid.unimplemented | #FAF6FE | — |
| invalid.illegal | #FAF6FE | — |
| italic | #BD8DF3 | italic |
| bold | #A6E3A1 | bold |
| quote | #585B70 | italic |
| raw | #74D4C8 | — |
| markup.heading, markup.heading.setext.1, markup.heading.setext.2 | #89B4FA | — |
| markup.italic | #BD8DF3 | italic |
| markup.bold | #A6E3A1 | bold |
| markup.quote | #585B70 | italic |
| markup.inline.raw | #74D4C8 | — |
| markup.underline.link, markup.underline.link.image | #F38BA8 | — |
| string.other.link.title.markdown, string.other.link.description.markdown | #CDD6F4 | — |
| punctuation.definition.string.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, meta.link.inline.markdown punctuation.definition.string | #89B4FA | — |
| punctuation.definition.metadata.markdown | #74D4C8 | — |
| beginning.punctuation.definition.list.markdown | #89B4FA | — |
| markup.inline.raw.string.markdown | #A6E3A1 | — |
| markup.deleted | #E43F12 | — |
| markup.inserted | #255922 | — |
| markup.underline | — | underline |
| markup.changed, meta.diff.header.git, meta.diff.header.from-file, meta.diff.header.to-file | #B4BEFE | italic |
| markup.deleted.diff | #CE656590 | italic |
| markup.inserted.diff | #A6E3A1ff | italic |
| meta.class entity.name.type.class.js | #F7D790 | — |
| meta.method.declaration storage.type.js | #89B4FA | — |
| terminator.js | #CDD6F4 | — |
| meta.js punctuation.definition.js | #CDD6F4 | — |
| variable.other.meta.import.js, meta.import.js variable.other, variable.other.meta.export.js, meta.export.js variable.other | #CDD6F4 | — |
| variable.parameter.function.js | #7F85FA | — |
| variable.other.object.js, variable.other.object.jsx, variable.object.property.js, variable.object.property.jsx | #CDD6F4 | — |
| variable.js, variable.other.js | #CDD6F4 | — |
| entity.name.type.js, entity.name.type.module.js | #F7D790 | |
| support.class.js | #CDD6F4 | — |
| variable.other.object.js | #74D4C8 | italic |
| variable.language.this.js | #3ABCD6 | italic |
| variable.other.readwrite.js, variable.parameter | #CDD6F4 | — |
| keyword.operator.comparison, keyword.control.flow.js, keyword.control.flow.ts, keyword.control.flow.tsx, keyword.control.ruby, keyword.control.module.ruby, keyword.control.class.ruby, keyword.control.def.ruby, keyword.control.loop.js, keyword.control.loop.ts, keyword.control.import.js, keyword.control.import.ts, keyword.control.import.tsx, keyword.control.from.js, keyword.control.from.ts, keyword.control.from.tsx, keyword.operator.instanceof.js, keyword.operator.expression.instanceof.ts, keyword.operator.expression.instanceof.tsx | #BD8DF3 | italic |
| keyword.control.conditional.js, keyword.control.conditional.ts, keyword.control.switch.js, keyword.control.switch.ts | #BD8DF3 | |
| entity.name.type.instance.jsdoc, entity.name.type.instance.phpdoc | #313244 | — |
| variable.other.jsdoc, variable.other.phpdoc | #74C7EC | — |
| support.class.component.js, support.class.component.tsx | #DE8B8B | |
| meta.jsx.children, meta.jsx.children.js, meta.jsx.children.tsx | #CDD6F4 | — |
| variable.other.readwrite.alias.ts, variable.other.readwrite.alias.tsx, variable.other.readwrite.ts, variable.other.readwrite.tsx, variable.other.object.ts, variable.other.object.tsx, variable.object.property.ts, variable.object.property.tsx, variable.other.ts, variable.other.tsx, variable.tsx, variable.ts | #CDD6F4 | — |
| entity.name.type.ts, entity.name.type.tsx | #F7D790 | — |
| support.class.node.ts, support.class.node.tsx | #89B4FA | — |
| meta.type.parameters.ts entity.name.type, meta.type.parameters.tsx entity.name.type | #313244 | — |
| meta.import.ts punctuation.definition.block, meta.import.tsx punctuation.definition.block, meta.export.ts punctuation.definition.block, meta.export.tsx punctuation.definition.block | #CDD6F4 | — |
| meta.decorator punctuation.decorator.ts, meta.decorator punctuation.decorator.tsx | #89B4FA | — |
| meta.tag.js meta.jsx.children.tsx | #89B4FA | — |
| meta.class entity.name.type.class.tsx | #F7D790 | — |
| entity.name.type.tsx, entity.name.type.module.tsx | #F7D790 | — |
| meta.class.ts meta.var.expr.ts storage.type.ts, meta.class.tsx meta.var.expr.tsx storage.type.tsx | #BD8DF3 | — |
| meta.method.declaration storage.type.ts, meta.method.declaration storage.type.tsx | #89B4FA | — |
| entity.name.tag.css, entity.name.tag.less, entity.name.tag.custom.css, support.constant.property-value.css | #E74C7B | |
| entity.name.tag.wildcard.css, entity.name.tag.wildcard.less, entity.name.tag.wildcard.scss, entity.name.tag.wildcard.sass | #74D4C8 | — |
| keyword.other.unit.css, keyword.other.unit.less | #F7D790 | — |
| meta.attribute-selector.css entity.other.attribute-name.attribute, variable.other.readwrite.js | #DE8B8B | — |
| support.type.vendor.property-name, support.constant.vendor.property-value, support.type.property-name, meta.property-list entity.name.tag | #74D4C8 | |
| meta.property-list entity.name.tag.reference | #74C7EC | — |
| variable.scss, variable.sass, variable.parameter.url.scss, variable.parameter.url.sass | #A6E3A1 | — |
| source.css.scss meta.at-rule variable, source.css.sass meta.at-rule variable | #BAC2DE | — |
| meta.attribute-selector.scss entity.other.attribute-name.attribute, meta.attribute-selector.sass entity.other.attribute-name.attribute | #DE8B8B | — |
| entity.name.tag.scss, entity.name.tag.sass | #74D4C8 | — |
| keyword.other.unit.scss, keyword.other.unit.sass | #F7D790 | — |
| entity.name.tag.less | #74D4C8 | — |
| meta.attribute-selector.less entity.other.attribute-name.attribute | #DE8B8B | — |
| entity.other.attribute-name.id.html | #A6E3A1 | — |
| punctuation.definition.tag.html | #89DCEB | — |
| meta.tag.sgml.doctype.html | #BD8DF3 | italic |
| support.type.property-name.json | #74D4C8 | — |
| support.constant.json | #A6E3A1 | — |
| meta.structure.dictionary.value.json string.quoted.double | #BD8DF3 | — |
| string.quoted.double.json punctuation.definition.string.json | #89DCEB | — |
| meta.structure.dictionary.json meta.structure.dictionary.value constant.language | #E74C7B | — |
| entity.name.tag.yaml | #74D4C8 | — |
| constant.language.python | #E74C7B | — |
| variable.parameter.function.python, meta.function-call.arguments.python | #89B4FA | — |
| meta.function-call.python, meta.function-call.generic.python | #BAC2DE | — |
| punctuation.python | #CDD6F4 | — |
| entity.name.function.decorator.python | #A6E3A1 | — |
| source.python variable.language.special | #89B4FA | — |
| keyword.control | #BD8DF3 | italic |
| variable.other.ruby | #CDD6F4 | — |
| entity.name.type.class.ruby | #F7D790 | — |
| constant.language.symbol.hashkey.ruby | #74D4C8 | — |
| constant.language.symbol.ruby | #74D4C8 | — |
| source.go meta.function-call.go | #F5E0DC | — |
| source.go keyword.package.go, source.go keyword.import.go, source.go keyword.function.go, source.go keyword.type.go, source.go keyword.struct.go, source.go keyword.interface.go, source.go keyword.const.go, source.go keyword.var.go, source.go keyword.map.go, source.go keyword.channel.go, source.go keyword.control.go | #BD8DF3 | italic |
| source.go constant.language.go, source.go constant.other.placeholder.go | #E74C7B | — |
| entity.name.function.preprocessor.cpp, entity.scope.name.cpp | #74D4C8ff | — |
| meta.namespace-block.cpp | #F2CDCD | — |
| storage.type.language.primitive.cpp | #E74C7B | — |
| meta.preprocessor.macro.cpp | #CDD6F4 | — |
| variable.other.readwrite.cs | #CDD6F4 | — |
| entity.name.type.class.cs, storage.type.cs | #F7D790 | — |
| entity.name.type.namespace.cs | #BAC2DE | — |
| string.unquoted.preprocessor.message.cs | #CDD6F4 | — |
| punctuation.separator.hash.cs, keyword.preprocessor.region.cs, keyword.preprocessor.endregion.cs | #F7D790 | bold |
| variable.other.object.cs | #BAC2DE | — |
| entity.name.type.enum.cs | #A6E3A1 | — |
| variable.other.php, variable.other.property.php | #BAC2DE | — |
| support.class.php | #F7D790 | — |
| meta.function-call.php punctuation | #CDD6F4 | — |
| variable.other.global.php | #A6E3A1 | — |
| variable.other.global.php punctuation.definition.variable | #A6E3A1 | — |
| source.elixir support.type.elixir, source.elixir meta.module.elixir entity.name.class.elixir | #89B4FA | — |
| source.elixir entity.name.function | #A6E3A1 | — |
| source.elixir constant.other.symbol.elixir, source.elixir constant.other.keywords.elixir | #89B4FA | — |
| source.elixir punctuation.definition.string | #A6E3A1 | — |
| source.elixir variable.other.readwrite.module.elixir, source.elixir variable.other.readwrite.module.elixir punctuation.definition.variable.elixir | #A6E3A1 | — |
| source.elixir .punctuation.binary.elixir | #BD8DF3 | italic |
| string.interpolated.single.dart, string.interpolated.double.dart | #F7D790 | — |
| support.class.dart | #F7D790 | — |
| variable.assignment.coffee | #74D4C8 | — |
| variable.parameter.function.coffee | #CDD6F4 | — |
| constant.keyword.clojure | #74D4C8 | — |
| variable.other.readwrite.powershell | #89B4FA | — |
| support.function.powershell | #74D4C8ff | — |
| meta.property-list.css meta.property-value.css variable.other.less, meta.property-list.scss variable.scss, meta.property-list.sass variable.sass, meta.brace, keyword.operator.operator, keyword.operator.or.regexp, keyword.operator.expression.in, keyword.operator.relational, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.type, keyword.operator, keyword, punctuation.definintion.string, punctuation, variable.other.readwrite.js, storage.type, source.css, string.quoted | — | |
| constant.other.symbol | #74D4C8 | — |
| token.info-token | #89B4FA | — |
| token.warn-token | #EFA530 | — |
| token.error-token | #CE6565 | — |
| token.debug-token | #BD8DF3 | — |