Monokai Rainstorm
Publisher: Michelle MoundeThemes in package: 11
A collection of light and dark themes with grey-blue backgrounds, water highlights, and Sweet Dracula Monokai syntax highlighting.
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.
- actionBar.toggledBackground#a8c0e066
- activityBar.activeBorder#dce2e8
- activityBar.background#8ba7b9
- activityBar.dropBorder#dce2e8
- activityBar.foreground#3d5f7a
- activityBar.inactiveForeground#51697a
- activityBarBadge.background#66fffd
- activityBarBadge.foreground#000000
- badge.background#66fffd
- badge.foreground#000000
- banner.background#7b98b0
- banner.foreground#5c6d7b
- banner.iconForeground#2d67aa
- breadcrumb.activeSelectionForeground#22313f
- breadcrumb.background#b3c2d0
- breadcrumb.focusForeground#22313f
- breadcrumb.foreground#314455cc
- breadcrumbPicker.background#b1c0cf
- button.background#507db7
- button.foreground#4b4f55
- button.hoverBackground#7598c6
- button.secondaryBackground#b7bdc6
- button.secondaryForeground#22313f
- button.secondaryHoverBackground#b8c6d5
- button.separator#ffffff66
- charts.blue#3794ff
- charts.foreground#444950
- charts.green#89d185
- charts.lines#dce2e880
- charts.orange#d18616
- charts.purple#b180d7
- charts.red#f14c4c
- charts.yellow#cca700
- chat.requestBorder#ffffff1a
- chat.slashCommandBackground#a8c0e0
- chat.slashCommandForeground#22313f
- checkbox.background#c5d2df
- checkbox.border#c5d2df
- checkbox.foreground#314455
- checkbox.selectBackground#48535f
- checkbox.selectBorder#c5c5c5
- commandCenter.activeBackground#ffffff14
- commandCenter.activeBorder#cccccc4d
- commandCenter.activeForeground#64676b
- commandCenter.background#ffffff0d
- commandCenter.border#cccccc33
- commandCenter.foreground#64676b
- commandCenter.inactiveBorder#cccccc26
- commandCenter.inactiveForeground#64676b99
- commentsView.resolvedIcon#64676b80
- commentsView.unresolvedIcon#556273
- debugConsole.errorForeground#744b46
- debugConsole.infoForeground#2d67aa
- debugConsole.sourceForeground#444950
- debugConsole.warningForeground#645819
- debugConsoleInputIcon.foreground#444950
- debugExceptionWidget.background#420b0d
- debugExceptionWidget.border#a31515
- debugIcon.breakpointCurrentStackframeForeground#786719
- debugIcon.breakpointDisabledForeground#5b5d60
- debugIcon.breakpointForeground#bd1708
- debugIcon.breakpointStackframeForeground#49694e
- debugIcon.breakpointUnverifiedForeground#5b5d60
- debugIcon.continueForeground#41617f
- debugIcon.disconnectForeground#744b46
- debugIcon.pauseForeground#41617f
- debugIcon.restartForeground#49694e
- debugIcon.startForeground#49694e
- debugIcon.stepBackForeground#41617f
- debugIcon.stepIntoForeground#41617f
- debugIcon.stepOutForeground#41617f
- debugIcon.stepOverForeground#41617f
- debugIcon.stopForeground#744b46
- debugTokenExpression.boolean#4e94ce
- debugTokenExpression.error#744b46
- debugTokenExpression.name#c586c0
- debugTokenExpression.number#b5cea8
- debugTokenExpression.string#ce9178
- debugTokenExpression.value#cccccc99
- debugToolBar.background#333333
- debugView.exceptionLabelBackground#6c2022
- debugView.exceptionLabelForeground#444950
- debugView.stateLabelBackground#5e606244
- debugView.stateLabelForeground#444950
- debugView.valueChangedHighlight#569cd6
- descriptionForeground#314455
- diffEditor.diagonalFill#cccccc33
- diffEditor.insertedLineBackground#9bb95533
- diffEditor.insertedTextBackground#9ccc2c33
- diffEditor.move.border#8b8b8b9c
- diffEditor.moveActive.border#ffa500
- diffEditor.removedLineBackground#ff000033
- diffEditor.removedTextBackground#ff000033
- diffEditor.unchangedCodeBackground#74747429
- diffEditor.unchangedRegionBackground#3e3e3e
- diffEditor.unchangedRegionForeground#53565a
- disabledForeground#64676b80
- dropdown.background#c3d2e0
- dropdown.border#c5d2df
- dropdown.foreground#4a5f72
- editor.background#f0f5f8
- editor.findMatchBackground#515c6a
- editor.findMatchHighlightBackground#ea5c0055
- editor.findRangeHighlightBackground#3a3d4166
- editor.focusedStackFrameHighlightBackground#7abd7a4d
- editor.foldBackground#355b8c1a
- editor.foreground#1E232A
- editor.hoverHighlightBackground#acc6db22
- editor.inactiveSelectionBackground#355b8c2b
- editor.inlineValuesBackground#ffc80033
- editor.inlineValuesForeground#4b4f5580
- editor.lineHighlightBackground#d2dfe9
- editor.linkedEditingBackground#d207084d
- editor.rangeHighlightBackground#ffffff0b
- editor.selectionBackground#acc6db55
- editor.selectionHighlightBackground#2b4a7333
- editor.snippetFinalTabstopHighlightBorder#525252
- editor.snippetTabstopHighlightBackground#7c7c7c4d
- editor.stackFrameHighlightBackground#ffff0033
- editor.symbolHighlightBackground#ea5c0055
- editor.wordHighlightBackground#e3bd1422
- editor.wordHighlightStrongBackground#507db722
- editor.wordHighlightTextBackground#e3bd1422
- editorActiveLineNumber.foreground#616468
- editorBracketHighlight.foreground1#786b19
- editorBracketHighlight.foreground2#8f5191
- editorBracketHighlight.foreground3#1a6daa
- editorBracketHighlight.foreground4#00000000
- editorBracketHighlight.foreground5#00000000
- editorBracketHighlight.foreground6#00000000
- editorBracketHighlight.unexpectedBracket.foreground#d21517cc
- editorBracketMatch.background#a8c0e044
- editorBracketMatch.border#c7c7c7
- editorBracketPairGuide.activeBackground1#00000000
- editorBracketPairGuide.activeBackground2#00000000
- editorBracketPairGuide.activeBackground3#00000000
- editorBracketPairGuide.activeBackground4#00000000
- editorBracketPairGuide.activeBackground5#00000000
- editorBracketPairGuide.activeBackground6#00000000
- editorBracketPairGuide.background1#00000000
- editorBracketPairGuide.background2#00000000
- editorBracketPairGuide.background3#00000000
- editorBracketPairGuide.background4#00000000
- editorBracketPairGuide.background5#00000000
- editorBracketPairGuide.background6#00000000
- editorCodeLens.foreground#686a6d
- editorCommentsWidget.rangeActiveBackground#a8c0e01a
- editorCommentsWidget.rangeBackground#a8c0e01a
- editorCommentsWidget.resolvedBorder#cccccc80
- editorCommentsWidget.unresolvedBorder#a8c0e0
- editorCursor.foreground#22313f
- editorError.foreground#9d3c3e
- editorGhostText.foreground#4b4f5556
- editorGroup.border#444444
- editorGroup.dropBackground#53595d80
- editorGroup.dropIntoPromptBackground#48535f
- editorGroup.dropIntoPromptForeground#444950
- editorGroupHeader.noTabsBackground#b3c2d0
- editorGroupHeader.tabsBackground#dce8f2
- editorGutter.addedBackground#a7da1e
- editorGutter.background#b9c4d0
- editorGutter.commentGlyphForeground#444950
- editorGutter.commentRangeForeground#5c6d7b
- editorGutter.commentUnresolvedGlyphForeground#444950
- editorGutter.deletedBackground#e61f44
- editorGutter.foldingControlForeground#616468
- editorGutter.modifiedBackground#f7b83d
- editorHint.foreground#484c51b3
- editorHoverWidget.background#d5e1eb
- editorHoverWidget.border#5e6d7c
- editorHoverWidget.foreground#22313f
- editorHoverWidget.highlightForeground#23597f
- editorHoverWidget.statusBarBackground#566472
- editorIndentGuide.activeBackground#48535f
- editorIndentGuide.activeBackground1#48535f
- editorIndentGuide.activeBackground2#00000000
- editorIndentGuide.activeBackground3#00000000
- editorIndentGuide.activeBackground4#00000000
- editorIndentGuide.activeBackground5#00000000
- editorIndentGuide.activeBackground6#00000000
- editorIndentGuide.background1#48535f
- editorIndentGuide.background2#00000000
- editorIndentGuide.background3#00000000
- editorIndentGuide.background4#00000000
- editorIndentGuide.background5#00000000
- editorIndentGuide.background6#00000000
- editorInfo.foreground#2d67aa
- editorInlayHint.background#a8c0e01a
- editorInlayHint.foreground#66686b
- editorInlayHint.parameterBackground#a8c0e01a
- editorInlayHint.parameterForeground#66686b
- editorInlayHint.typeBackground#a8c0e01a
- editorInlayHint.typeForeground#66686b
- editorLightBulb.foreground#786719
- editorLightBulbAutoFix.foreground#41617f
- editorLineNumber.activeForeground#616468
- editorLineNumber.foreground#5e6d7c
- editorLink.activeForeground#556273
- editorMarkerNavigation.background#b3c2d0
- editorMarkerNavigationError.background#9d3c3e
- editorMarkerNavigationError.headerBackground#9d3c3e1a
- editorMarkerNavigationInfo.background#3794ff
- editorMarkerNavigationInfo.headerBackground#3794ff1a
- editorMarkerNavigationWarning.background#645819
- editorMarkerNavigationWarning.headerBackground#6458191a
- editorOverviewRuler.addedForeground#556c25
- editorOverviewRuler.border#7f7f7f4d
- editorOverviewRuler.bracketMatchForeground#525559
- editorOverviewRuler.commentForeground#5a636c
- editorOverviewRuler.commentUnresolvedForeground#5a636c
- editorOverviewRuler.commonContentForeground#60606066
- editorOverviewRuler.currentContentForeground#2c655f80
- editorOverviewRuler.deletedForeground#be203f
- editorOverviewRuler.errorForeground#be203f
- editorOverviewRuler.findMatchForeground#466b9b55
- editorOverviewRuler.incomingContentForeground#2c577f80
- editorOverviewRuler.infoForeground#8433d2
- editorOverviewRuler.modifiedForeground#755f32
- editorOverviewRuler.rangeHighlightForeground#0669ac99
- editorOverviewRuler.selectionHighlightForeground#525559cc
- editorOverviewRuler.warningForeground#755f32
- editorOverviewRuler.wordHighlightForeground#525559cc
- editorOverviewRuler.wordHighlightStrongForeground#5f5566cc
- editorOverviewRuler.wordHighlightTextForeground#525559cc
- editorPane.background#f0f5f8
- editorRuler.foreground#48535f
- editorStickyScroll.background#eef4f8
- editorStickyScrollHover.background#2a2d2e
- editorSuggestWidget.background#d5e1eb
- editorSuggestWidget.border#5e6d7c
- editorSuggestWidget.focusHighlightForeground#23597f
- editorSuggestWidget.foreground#1E232A
- editorSuggestWidget.highlightForeground#556273
- editorSuggestWidget.selectedBackground#5e6d7c
- editorSuggestWidget.selectedForeground#22313f
- editorSuggestWidgetStatus.foreground#44495080
- editorUnicodeHighlight.background#bd9b0326
- editorUnicodeHighlight.border#bd9b03
- editorUnnecessaryCode.opacity#000000aa
- editorWarning.foreground#645819
- editorWhitespace.foreground#48535f
- editorWidget.background#b7c2ce
- editorWidget.border#5e6d7c
- editorWidget.foreground#22313f
- editorWidget.resizeBorder#66fffd
- errorForeground#744b46
- extensionBadge.remoteBackground#a8c0e0
- extensionBadge.remoteForeground#4b4f55
- extensionButton.background#507db7
- extensionButton.foreground#4b4f55
- extensionButton.hoverBackground#7598c6
- extensionButton.prominentBackground#a8c0e0
- extensionButton.prominentForeground#4b4f55
- extensionButton.prominentHoverBackground#cedbed
- extensionButton.separator#ffffff66
- extensionIcon.preReleaseForeground#1d6655
- extensionIcon.sponsorForeground#8d437c
- extensionIcon.starForeground#784e19
- extensionIcon.verifiedForeground#2d67aa
- focusBorder#66fffd50
- foreground#1E232A
- gitDecoration.addedResourceForeground#465f51
- gitDecoration.conflictingResourceForeground#8433d2
- gitDecoration.deletedResourceForeground#be203f
- gitDecoration.ignoredResourceForeground#535e6b
- gitDecoration.modifiedResourceForeground#755f32
- gitDecoration.renamedResourceForeground#406553
- gitDecoration.stageDeletedResourceForeground#a54536
- gitDecoration.stageModifiedResourceForeground#6c6252
- gitDecoration.submoduleResourceForeground#4a5f74
- gitDecoration.untrackedResourceForeground#556c25
- gitlens.closedAutolinkedIssueIconColor#6e52a5
- gitlens.closedPullRequestIconColor#a13f3d
- gitlens.decorations.addedForegroundColor#465f51
- gitlens.decorations.branchAheadForegroundColor#2c7849
- gitlens.decorations.branchBehindForegroundColor#945233
- gitlens.decorations.branchDivergedForegroundColor#685b24
- gitlens.decorations.branchMissingUpstreamForegroundColor#a54536
- gitlens.decorations.branchUnpublishedForegroundColor#2c7849
- gitlens.decorations.branchUpToDateForegroundColor#444950
- gitlens.decorations.copiedForegroundColor#406553
- gitlens.decorations.deletedForegroundColor#be203f
- gitlens.decorations.ignoredForegroundColor#535e6b
- gitlens.decorations.modifiedForegroundColor#755f32
- gitlens.decorations.renamedForegroundColor#406553
- gitlens.decorations.untrackedForegroundColor#556c25
- gitlens.decorations.workspaceCurrentForegroundColor#2c7849
- gitlens.decorations.workspaceRepoMissingForegroundColor#626467
- gitlens.decorations.workspaceRepoOpenForegroundColor#2c7849
- gitlens.decorations.worktreeHasUncommittedChangesForegroundColor#6c6252
- gitlens.decorations.worktreeMissingForegroundColor#a54536
- gitlens.graphChangesColumnAddedColor#347d39
- gitlens.graphChangesColumnDeletedColor#c93c37
- gitlens.graphLane10Color#2ece9d
- gitlens.graphLane1Color#15a0bf
- gitlens.graphLane2Color#0669f7
- gitlens.graphLane3Color#8e00c2
- gitlens.graphLane4Color#c517b6
- gitlens.graphLane5Color#d90171
- gitlens.graphLane6Color#cd0101
- gitlens.graphLane7Color#f25d2e
- gitlens.graphLane8Color#f2ca33
- gitlens.graphLane9Color#7bd938
- gitlens.graphMinimapMarkerHeadColor#05e617
- gitlens.graphMinimapMarkerHighlightsColor#fbff0a
- gitlens.graphMinimapMarkerLocalBranchesColor#3087cf
- gitlens.graphMinimapMarkerRemoteBranchesColor#2b5e88
- gitlens.graphMinimapMarkerStashesColor#b34db3
- gitlens.graphMinimapMarkerTagsColor#6b562e
- gitlens.graphMinimapMarkerUpstreamColor#09ae17
- gitlens.graphScrollMarkerHeadColor#05e617
- gitlens.graphScrollMarkerHighlightsColor#fbff0a
- gitlens.graphScrollMarkerLocalBranchesColor#3087cf
- gitlens.graphScrollMarkerRemoteBranchesColor#2b5e88
- gitlens.graphScrollMarkerStashesColor#b34db3
- gitlens.graphScrollMarkerTagsColor#6b562e
- gitlens.graphScrollMarkerUpstreamColor#09ae17
- gitlens.gutterBackgroundColor#ffffff13
- gitlens.gutterForegroundColor#5e6165
- gitlens.gutterUncommittedForegroundColor#12607a99
- gitlens.lineHighlightBackgroundColor#00bcf233
- gitlens.lineHighlightOverviewRulerColor#00bcf299
- gitlens.mergedPullRequestIconColor#6e52a5
- gitlens.openAutolinkedIssueIconColor#2b5f39
- gitlens.openPullRequestIconColor#2b5f39
- gitlens.trailingLineBackgroundColor#00000000
- gitlens.trailingLineForegroundColor#686a6d59
- gitlens.unpublishedChangesIconColor#2c7849
- gitlens.unpublishedCommitIconColor#2c7849
- gitlens.unpulledChangesIconColor#945233
- icon.foreground#616468
- inlineChat.background#d5e1eb
- inlineChat.border#5e6d7c
- inlineChat.regionHighlight#a8c0e022
- inlineChat.shadow#0000005c
- inlineChatDiff.inserted#9ccc2c1a
- inlineChatDiff.removed#ff00001a
- inlineChatInput.background#d7e4ef
- inlineChatInput.border#5e6d7c
- inlineChatInput.focusBorder#a8c0e0
- inlineChatInput.placeholderForeground#5a6876
- input.background#c9d6e3
- input.border#53606e
- input.foreground#1E232A
- input.placeholderForeground#5a6876
- inputOption.activeBackground#a8c0e066
- inputOption.activeBorder#507db7
- inputOption.activeForeground#4b4f55
- inputOption.hoverBackground#5a5d5e80
- inputValidation.errorBackground#5a1d1d
- inputValidation.errorBorder#be1100
- inputValidation.infoBackground#063b49
- inputValidation.infoBorder#007acc
- inputValidation.warningBackground#352a05
- inputValidation.warningBorder#7a6711
- interactive.activeCodeBorder#a8c0e0
- interactive.inactiveCodeBorder#b7c6d6
- keybindingLabel.background#595b5e2b
- keybindingLabel.border#33333399
- keybindingLabel.bottomBorder#44444499
- keybindingLabel.foreground#64676b
- keybindingTable.headerBackground#dce2e80a
- keybindingTable.rowsBackground#dce2e80a
- list.activeSelectionBackground#a5b8c8
- list.activeSelectionForeground#2c4f54
- list.deemphasizedForeground#606265
- list.dropBackground#062f4a
- list.errorForeground#754846
- list.filterMatchBackground#ea5c0055
- list.focusBackground#acc0cf
- list.focusHighlightForeground#23597f
- list.focusOutline#212931
- list.highlightForeground#23597f
- list.hoverBackground#b5c4d3
- list.inactiveSelectionBackground#b9c4d0
- list.invalidItemForeground#7a6711
- list.warningForeground#645819
- listFilterWidget.background#b7c2ce
- listFilterWidget.noMatchesOutline#be1100
- listFilterWidget.outline#00000000
- listFilterWidget.shadow#0000005c
- menu.background#eef4f8
- menu.foreground#22313f
- menu.selectionBackground#507db7
- menu.selectionForeground#4b4f55
- menu.separatorBackground#606060
- menubar.selectionBackground#5a5d5e50
- menubar.selectionForeground#64676b
- merge.commonContentBackground#60606029
- merge.commonHeaderBackground#60606066
- merge.currentContentBackground#40c8ae33
- merge.currentHeaderBackground#40c8ae80
- merge.incomingContentBackground#40a6ff33
- merge.incomingHeaderBackground#40a6ff80
- mergeEditor.change.background#9bb95533
- mergeEditor.change.word.background#9ccc2c33
- mergeEditor.changeBase.background#4b1818
- mergeEditor.changeBase.word.background#6f1313
- mergeEditor.conflict.handled.minimapOverViewRuler#adaca8ee
- mergeEditor.conflict.handledFocused.border#c1c1c1cc
- mergeEditor.conflict.handledUnfocused.border#86868649
- mergeEditor.conflict.input1.background#40c8ae33
- mergeEditor.conflict.input2.background#40a6ff33
- mergeEditor.conflict.unhandled.minimapOverViewRuler#fcba03
- mergeEditor.conflict.unhandledFocused.border#ffa600
- mergeEditor.conflict.unhandledUnfocused.border#ffa6007a
- mergeEditor.conflictingLines.background#ffea0047
- minimap.errorHighlight#d21517b3
- minimap.findMatchHighlight#d18616
- minimap.foregroundOpacity#000000
- minimap.selectionHighlight#264f78
- minimap.selectionOccurrenceHighlight#676767
- minimap.warningHighlight#645819
- minimapGutter.addedBackground#a7da1e
- minimapGutter.deletedBackground#e61f44
- minimapGutter.modifiedBackground#f7b83d
- minimapSlider.activeBackground#a8c0e055
- minimapSlider.background#5e6d7c55
- minimapSlider.hoverBackground#a8c0e02b
- notebook.cellBorderColor#b3c2d0
- notebook.cellEditorBackground#d7e4ef
- notebook.cellInsertionIndicator#a8c0e0
- notebook.cellStatusBarItemHoverBackground#ffffff26
- notebook.cellToolbarSeparator#80808059
- notebook.editorBackground#d7e4ef
- notebook.focusedCellBorder#a8c0e0
- notebook.focusedEditorBorder#a8c0e0
- notebook.inactiveFocusedCellBorder#b3c2d0
- notebook.selectedCellBackground#eef4f8
- notebook.selectedCellBorder#b3c2d0
- notebook.symbolHighlightBackground#ffffff0b
- notebookEditorOverviewRuler.runningCellForeground#49694e
- notebookScrollbarSlider.activeBackground#a8c0e0aa
- notebookScrollbarSlider.background#5e6d7caa
- notebookScrollbarSlider.hoverBackground#a8c0e055
- notebookStatusErrorIcon.foreground#744b46
- notebookStatusRunningIcon.foreground#444950
- notebookStatusSuccessIcon.foreground#49694e
- notificationCenterHeader.background#5d6c7b
- notificationLink.foreground#2d67aa
- notifications.background#eef4f8
- notifications.border#5d6c7b
- notifications.foreground#22313f
- notificationsErrorIcon.foreground#9d3c3e
- notificationsInfoIcon.foreground#2d67aa
- notificationsWarningIcon.foreground#645819
- panel.background#b7c6d6
- panel.border#a7b7c6
- panel.dropBorder#e7e7e7
- panelInput.border#53606e
- panelSection.border#5e6d7c
- panelSection.dropBackground#53595d80
- panelSectionHeader.background#80808033
- panelTitle.activeBorder#2c4f54
- panelTitle.activeForeground#464a50
- panelTitle.inactiveForeground#5b6672
- peekView.border#a8c0e0
- peekViewEditor.background#c9d7e3
- peekViewEditor.matchHighlightBackground#507db755
- peekViewEditorGutter.background#c1d0db
- peekViewEditorStickyScroll.background#e1ebf3
- peekViewResult.background#b5c5d3
- peekViewResult.fileForeground#656b73
- peekViewResult.lineForeground#5e656e
- peekViewResult.matchHighlightBackground#507db755
- peekViewResult.selectionBackground#b9c4d0
- peekViewResult.selectionForeground#22313f
- peekViewTitle.background#c3d2e0
- peekViewTitleDescription.foreground#666c74
- peekViewTitleLabel.foreground#314455
- pickerGroup.border#3f3f46
- pickerGroup.foreground#2d67aa
- ports.iconRunningProcessForeground#556273
- problemsErrorIcon.foreground#9d3c3e
- problemsInfoIcon.foreground#2d67aa
- problemsWarningIcon.foreground#645819
- profileBadge.background#4d4d4d
- profileBadge.foreground#4b4f55
- progressBar.background#66fffd
- quickInput.background#d5e1eb
- quickInput.foreground#22313f
- quickInputList.focusBackground#507db7
- quickInputList.focusForeground#4b4f55
- quickInputTitle.background#4b4f551b
- sash.hoverBorder#a8c0e0
- scm.providerBorder#454545
- scrollbar.shadow#bbc7d3
- scrollbarSlider.activeBackground#a9b8c5aa
- scrollbarSlider.background#a9b8c5aa
- scrollbarSlider.hoverBackground#a9b8c555
- search.resultsInfoForeground#314455cc
- searchEditor.findMatchBackground#ea5c0038
- searchEditor.textInputBorder#53606e
- settings.checkboxBackground#c5d2df
- settings.checkboxBorder#c5d2df
- settings.checkboxForeground#1E232A
- settings.dropdownBackground#c5d2df
- settings.dropdownBorder#c5d2df
- settings.dropdownForeground#1E232A
- settings.dropdownListBorder#5e6d7c
- settings.focusedRowBackground#39424b99
- settings.focusedRowBorder#a8c0e0
- settings.headerBorder#5e6d7c
- settings.headerForeground#464a50
- settings.modifiedItemIndicator#0c7d9d
- settings.numberInputBackground#d7e4ef
- settings.numberInputBorder#53606e
- settings.numberInputForeground#314455
- settings.rowHoverBackground#39424b4d
- settings.sashBorder#5e6d7c
- settings.settingsHeaderHoverForeground#464a50b3
- settings.textInputBackground#d7e4ef
- settings.textInputBorder#53606e
- settings.textInputForeground#314455
- sideBar.background#f0f5f8
- sideBar.dropBackground#53595d80
- sideBar.foreground#22313f
- sideBarSectionHeader.background#dbe4eb
- sideBarSectionHeader.foreground#314455
- sideBarTitle.foreground#314455
- sideBySideEditor.horizontalBorder#444444
- sideBySideEditor.verticalBorder#444444
- simpleFindWidget.sashBorder#454545
- statusBar.background#8ba7b9
- statusBar.debuggingBackground#cc6633
- statusBar.debuggingForeground#4b4f55
- statusBar.focusBorder#ffffff
- statusBar.foreground#22313f
- statusBar.noFolderBackground#357897
- statusBar.noFolderForeground#4b4f55
- statusBarItem.activeBackground#ffffff2e
- statusBarItem.compactHoverBackground#ffffff33
- statusBarItem.errorBackground#c72e0f
- statusBarItem.errorForeground#4b4f55
- statusBarItem.errorHoverBackground#4b4f551f
- statusBarItem.errorHoverForeground#4b4f55
- statusBarItem.focusBorder#ffffff
- statusBarItem.hoverBackground#ffffff1f
- statusBarItem.hoverForeground#4b4f55
- statusBarItem.offlineBackground#6c1717
- statusBarItem.offlineForeground#4b4f55
- statusBarItem.offlineHoverBackground#ffffff1f
- statusBarItem.offlineHoverForeground#4b4f55
- statusBarItem.prominentBackground#00000080
- statusBarItem.prominentForeground#4b4f55
- statusBarItem.prominentHoverBackground#0000004d
- statusBarItem.prominentHoverForeground#4b4f55
- statusBarItem.remoteBackground#66fffd
- statusBarItem.remoteForeground#000000
- statusBarItem.remoteHoverBackground#ffffff1f
- statusBarItem.remoteHoverForeground#4b4f55
- statusBarItem.warningBackground#7a6400
- statusBarItem.warningForeground#4b4f55
- statusBarItem.warningHoverBackground#4b4f551f
- statusBarItem.warningHoverForeground#4b4f55
- symbolIcon.arrayForeground#444950
- symbolIcon.booleanForeground#444950
- symbolIcon.classForeground#715429
- symbolIcon.colorForeground#444950
- symbolIcon.constantForeground#444950
- symbolIcon.constructorForeground#765b92
- symbolIcon.enumeratorForeground#715429
- symbolIcon.enumeratorMemberForeground#41617f
- symbolIcon.eventForeground#715429
- symbolIcon.fieldForeground#41617f
- symbolIcon.fileForeground#444950
- symbolIcon.folderForeground#444950
- symbolIcon.functionForeground#765b92
- symbolIcon.interfaceForeground#41617f
- symbolIcon.keyForeground#444950
- symbolIcon.keywordForeground#444950
- symbolIcon.methodForeground#765b92
- symbolIcon.moduleForeground#444950
- symbolIcon.namespaceForeground#444950
- symbolIcon.nullForeground#444950
- symbolIcon.numberForeground#444950
- symbolIcon.objectForeground#444950
- symbolIcon.operatorForeground#444950
- symbolIcon.packageForeground#444950
- symbolIcon.propertyForeground#444950
- symbolIcon.referenceForeground#444950
- symbolIcon.snippetForeground#444950
- symbolIcon.stringForeground#444950
- symbolIcon.structForeground#444950
- symbolIcon.textForeground#444950
- symbolIcon.typeParameterForeground#444950
- symbolIcon.unitForeground#444950
- symbolIcon.variableForeground#41617f
- tab.activeBackground#d7e4ef
- tab.activeForeground#22313f
- tab.activeModifiedBorder#3399cc
- tab.border#252526
- tab.inactiveBackground#b7c6d6
- tab.inactiveForeground#4d555e
- tab.inactiveModifiedBorder#3399cc80
- tab.lastPinnedBorder#585858
- tab.unfocusedActiveBackground#d7e4ef
- tab.unfocusedActiveForeground#22313f80
- tab.unfocusedActiveModifiedBorder#3399cc80
- tab.unfocusedInactiveBackground#3b444e
- tab.unfocusedInactiveForeground#4d555e80
- tab.unfocusedInactiveModifiedBorder#3399cc40
- terminal.ansiBlack#3d4750
- terminal.ansiBlue#245fcc
- terminal.ansiBrightBlack#777e84
- terminal.ansiBrightBlue#51b9ff
- terminal.ansiBrightCyan#8aeaea
- terminal.ansiBrightGreen#abeaac
- terminal.ansiBrightMagenta#ff5be6
- terminal.ansiBrightRed#ff5f38
- terminal.ansiBrightWhite#fffff7
- terminal.ansiBrightYellow#f9ec2a
- terminal.ansiCyan#00d8c6
- terminal.ansiGreen#c4ff02
- terminal.ansiMagenta#cc00ff
- terminal.ansiRed#ff002b
- terminal.ansiWhite#c5c5c0
- terminal.ansiYellow#ffa200
- terminal.background#e8f1f8
- terminal.border#5e6d7c
- terminal.dropBackground#53595d80
- terminal.findMatchBackground#515c6a
- terminal.findMatchHighlightBackground#ea5c0055
- terminal.foreground#1E232A
- terminal.hoverHighlightBackground#a8c0e011
- terminal.inactiveSelectionBackground#355b8c2b
- terminal.selectionBackground#355b8c55
- terminalCommandDecoration.defaultBackground#ffffff40
- terminalCommandDecoration.errorBackground#9d3c3e
- terminalCommandDecoration.successBackground#1b81a8
- terminalOverviewRuler.cursorForeground#525559cc
- terminalOverviewRuler.findMatchForeground#466b9b55
- testing.iconErrored#9d3c3e
- testing.iconFailed#9d3c3e
- testing.iconPassed#406553
- testing.iconQueued#645819
- testing.iconSkipped#5b5d60
- testing.iconUnset#5b5d60
- testing.message.error.decorationForeground#9d3c3e
- testing.message.error.lineBackground#d2070833
- testing.message.info.decorationForeground#44495080
- testing.peekBorder#f14c4c
- testing.peekHeaderBackground#f14c4c1a
- testing.runAction#73c991
- textBlockQuote.background#7f7f7f1a
- textBlockQuote.border#007acc80
- textCodeBlock.background#0a0a0a66
- textLink.activeForeground#2d67aa
- textLink.foreground#2d67aa
- textPreformat.foreground#685f4b
- textSeparator.foreground#4b4f552e
- titleBar.activeBackground#b3c2d1
- titleBar.activeForeground#64676b
- titleBar.inactiveBackground#c1cdd9
- titleBar.inactiveForeground#64676b99
- toolbar.activeBackground#63666750
- toolbar.hoverBackground#5a5d5e50
- tree.inactiveIndentGuidesStroke#58585866
- tree.indentGuidesStroke#585858
- tree.tableColumnsBorder#cccccc20
- tree.tableOddRowsBackground#dce2e80a
- walkThrough.embeddedEditorBackground#00000066
- walkthrough.stepTitle.foreground#4b4f55
- welcomePage.progress.background#272d33
- welcomePage.progress.foreground#2d67aa
- welcomePage.tileBackground#48535f
- welcomePage.tileBorder#ffffff1a
- welcomePage.tileHoverBackground#566472
- widget.shadow#0000005c
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| emphasis | — | italic |
| strong | — | bold |
| header | #7b3aa0 | — |
| source | #22313f | — |
| entity.name.type.class, entity.name.type.cpp | #5a8c1f | underline bold |
| entity.name.namespace | — | italic |
| storage.type | #2b7fa6 | italic bold |
| keyword.other.this, variable.language, variable.parameter.function.language.special | #b85c0f | bold |
| entity.other.inherited-class | #5a8c1f | italic underline |
| support.class.builtin | #5a8c1f | bold |
| comment, punctuation.definition.comment, unused.comment, wildcard.comment | #6272A4 | — |
| comment keyword.codetag.notation, comment.block.documentation keyword, comment.block.documentation storage.type.class | #2b7fa6 | bold |
| comment.block.documentation variable | #b85c0f | — |
| constant | #7b3aa0 | — |
| variable.other.constant | #7b3aa0 | — |
| constant.character.escape, constant.character.string.escape, constant.regexp | #7b3aa0 | — |
| constant.other.date, constant.other.timestamp | #b85c0f | — |
| support.variable, variable.other.predefined | #7b3aa0 | — |
| meta.definition.function, meta.definition.method | #5a8c1f | — |
| entity.name.variable.parameter, meta.at-rule.function variable, meta.at-rule.mixin variable, variable.parameter | #b85c0f | italic bold |
| entity.name.function, meta.function-call.generic, meta.function-call.object, meta.function-call.php, meta.function-call.static, meta.method-call.java meta.method, meta.method.groovy, support.function.any-method.lua, keyword.operator.function.infix, support.function.gradient.css, support.function.misc.css, support.function.url.css, support.function.timing-function.css, support.function.transform.css | #5a8c1f | bold |
| meta.decorator variable.other.readwrite, meta.decorator variable.other.property, meta.decorator variable.other.object | #5a8c1f | — |
| support.function.magic | #2b7fa6 | — |
| keyword, punctuation.definition.keyword | #b5216c | bold |
| keyword.control.new, keyword.operator.new | — | bold |
| entity.other.attribute-name.placeholder punctuation, entity.other.attribute-name.pseudo-class punctuation, entity.other.attribute-name.pseudo-element punctuation, meta.object-binding-pattern-variable punctuation.destructuring, punctuation.definition.entity.other.inherited-class, punctuation.separator.dictionary.key-value, punctuation.separator.hash, punctuation.separator.inheritance, punctuation.separator.key-value, punctuation.separator.namespace, punctuation.separator.pointer-access, punctuation.separator.slice, string.unquoted.heredoc punctuation.definition.string, punctuation.separator.annotation, punctuation.accessor | #b5216c | — |
| meta.string-contents.quoted.double punctuation.definition.variable, punctuation.definition.interpolation.begin, punctuation.definition.interpolation.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded.begin, punctuation.section.embedded.end | #b5216c | — |
| string, punctuation.definition.string.begin, punctuation.definition.string.end, punctuation.definition.string.end source.js-ignored-vscode, punctuation.definition.string.end source.css-ignored-vscode, meta.embedded.line.css source.css | #9a9328 | — |
| support.type.property-name, punctuation.support.type.property-name.begin, punctuation.support.type.property-name.end | #2b7fa6 | bold |
| storage | #b5216c | — |
| entity.name.type | #2b7fa6 | bold |
| entity.name.type.type-parameter, meta.indexer.mappedtype.declaration entity.name.type, meta.type.parameters entity.name.type | #b85c0f | bold |
| storage.modifier | #b5216c | — |
| variable, support.variable.property | #22313f | — |
| meta.import variable.other.readwrite, meta.object-binding-pattern-variable variable.object.property | #b85c0f | — |
| meta.import variable.other.readwrite.alias | #22313f | — |
| storage.type.c | #2b7fa6 | bold |
| punctuation.section.embedded.coffee | #b5216c | — |
| meta.variable.assignment.destructured.object.coffee variable | #b85c0f | — |
| meta.variable.assignment.destructured.object.coffee variable variable | #22313f | — |
| punctuation.definition.tag.cs | #22313f | — |
| keyword.type.cs, storage.type.cs | #2b7fa6 | bold |
| meta.diff, meta.diff.header | #6272A4 | — |
| markup.inserted | #5a8c1f | — |
| markup.deleted | #F44747 | — |
| markup.changed | #b85c0f | — |
| invalid | #F44747 | underline italic |
| invalid.deprecated | #22313f | underline italic |
| entity.name.filename | #9a9328 | — |
| markup.error | #F44747 | — |
| entity.name.function.elixir | #5a8c1f | bold |
| constant.other.symbol.elixir, constant.language.symbol.elixir | #2b7fa6 | bold |
| entity.name.type.module.elixir | #5a8c1f | bold |
| variable.other.readwrite.module.elixir, variable.other.readwrite.module.elixir punctuation.definition.variable.elixir | #b85c0f | — |
| punctuation.separator.method.elixir | #b5216c | — |
| punctuation.section.embedded.elixir | #b5216c | — |
| variable.other.anonymous.elixir punctuation.definition.variable.elixir | #b5216c | — |
| punctuation.other.period.go, punctuation.other.colon.go | #b5216c | — |
| source.go storage.type | #2b7fa6 | bold |
| entity.name.type.go | #7b3aa0 | bold |
| entity.name.function.go | #5a8c1f | bold |
| support.function.go | #2b7fa6 | — |
| punctuation.colon.graphql | #b5216c | — |
| variable.graphql, variable.arguments.graphql | #9a9328 | — |
| support.type.graphql, support.type.builtin.graphql, support.type.enum.graphql, entity.scalar.graphql | #2b7fa6 | bold |
| entity.name.function.graphql | #5a8c1f | bold |
| meta.selectionset.graphql variable.graphql, variable.parameter.graphql | #b85c0f | bold |
| source.groovy storage.type.def | #b5216c | bold |
| source.groovy storage.type, storage.type.groovy | #2b7fa6 | bold |
| keyword.operator.navigation.groovy | #F8F8F2 | bold |
| storage.type.haskell | #2b7fa6 | bold |
| meta.preprocessor.haskell | #6272A4 | — |
| constant.language.empty-list.haskell | #22313f | bold |
| punctuation.definition.tag.begin.js, punctuation.definition.tag.end.js, punctuation.definition.tag.begin.tsx, punctuation.definition.tag.end.tsx | #b5216c | — |
| entity.name.tag | #b5216c | — |
| text.html.derivative | #22313f | — |
| punctuation.definition.tag | #6272A4 | — |
| entity.name.tag support.class.component.js, entity.name.tag support.class.component.tsx | #22313f | bold |
| meta.selector | #b5216c | — |
| entity.other.attribute-name.parent-selector | #b5216c | — |
| meta.attribute-selector.scss | #9a9328 | — |
| punctuation.definition.attribute-selector.end.bracket.square.scss, punctuation.definition.attribute-selector.begin.bracket.square.scss | #22313f | — |
| entity.other.attribute-name | #5a8c1f | — |
| punctuation.section.embedded.begin.tsx, punctuation.section.embedded.end.tsx, punctuation.section.embedded.begin.jsx, punctuation.section.embedded.end.jsx, punctuation.separator.list.comma.css | #22313f | — |
| support.constant.property-value.css | #2b7fa6 | — |
| keyword.control.at-rule.media.scss, keyword.control.at-rule.media.scss punctuation.definition.keyword.scss | #5a8c1f | bold |
| storage.type.generic.java | #22313f | bold |
| source.java storage.type | #2b7fa6 | bold |
| keyword.operator.dereference.java, storage.modifier.import | #22313f | bold |
| support.variable.property.js | #7b3aa0 | — |
| variable.other.constant.js | #2b7fa6 | — |
| support.class.console.js, support.type.object.module.js, support.class.promise.js, support.constant.json.js | #5a8c1f | bold |
| support.class.js | #5a8c1f | bold |
| meta.object-literal.key.js entity.name.function.js, meta.var.expr.js meta.definition.variable.js entity.name.function.js, meta.definition.property.js entity.name.function.js | #5a8c1f | bold |
| meta.function-call.js | #2b7fa6 | — |
| punctuation.definition.variable.makefile | #b5216c | — |
| entity.name.function.target.makefile | #2b7fa6 | bold |
| meta.scope.prerequisites.makefile | #9a9328 | — |
| markup.underline | — | underline |
| markup.bold | #b85c0f | bold |
| markup.heading | #7b3aa0 | bold |
| markup.italic | #9a9328 | italic bold |
| beginning.punctuation.definition.list.markdown, beginning.punctuation.definition.quote.markdown, punctuation.definition.link.restructuredtext | #2b7fa6 | — |
| markup.inline.raw, markup.raw.restructuredtext | #5a8c1f | — |
| markup.underline.link, markup.underline.link.image | #2b7fa6 | — |
| meta.link.reference.def.restructuredtext, punctuation.definition.directive.restructuredtext, string.other.link.description, string.other.link.title | #b5216c | — |
| entity.name.directive.restructuredtext, markup.quote | #9a9328 | italic |
| meta.separator.markdown | #6272A4 | — |
| fenced_code.block.language, markup.raw.inner.restructuredtext, markup.fenced_code.block.markdown punctuation.definition.markdown | #5a8c1f | — |
| punctuation.definition.constant.restructuredtext | #7b3aa0 | — |
| markup.heading.markdown punctuation.definition.string.begin, markup.heading.markdown punctuation.definition.string.end | #7b3aa0 | bold |
| meta.paragraph.markdown punctuation.definition.string.begin, meta.paragraph.markdown punctuation.definition.string.end | #22313f | — |
| markup.quote.markdown meta.paragraph.markdown punctuation.definition.string.begin, markup.quote.markdown meta.paragraph.markdown punctuation.definition.string.end | #9a9328 | — |
| meta.implementation storage.type.objc, meta.interface-or-protocol storage.type.objc | #b5216c | bold |
| meta.protocol-list.objc, meta.return-type.objc, storage.type.objc | #2b7fa6 | bold |
| storage.type.ocaml | #2b7fa6 | bold |
| constant.other.key.perl | #22313f | — |
| variable.language punctuation.definition.variable.php | #7b3aa0 | — |
| meta.function.arguments variable.other.php | #5a8c1f | — |
| punctuation.section.embedded.end source.php | #b5216c | — |
| storage.type.php | #2b7fa6 | bold |
| keyword.operator.other.powershell, keyword.other.statement-separator.powershell | #22313f | bold |
| source.powershell entity.other.attribute-name | #2b7fa6 | — |
| support.constant | #7b3aa0 | — |
| source.python storage.type | #2b7fa6 | bold |
| support.type.python | #2b7fa6 | italic bold |
| meta.function-call.python support.type.python, meta.function-call.python support.function.builtin.python | #2b7fa6 | bold |
| punctuation.separator.period.python, punctuation.separator.colon.python, punctuation.separator.dict.python, punctuation.section.function.begin.python | #b5216c | — |
| string.regexp, constant.other.character-class.set.regexp, constant.character.escape.backslash.regexp | #9a9328 | — |
| support.other.parenthesis.regexp, support.other.escape.special.regexp | #2b7fa6 | — |
| keyword.operator.lookahead, keyword.operator.lookbehind | #F44747 | bold |
| punctuation.definition.group.capture.regexp | #b5216c | — |
| string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end | #2b7fa6 | italic |
| punctuation.definition.character-class.regexp | #2b7fa6 | — |
| punctuation.definition.group.regexp | #b85c0f | — |
| punctuation.definition.group.assertion.regexp, keyword.operator.negation.regexp | #F44747 | bold |
| meta.assertion.look-ahead.regexp | #5a8c1f | — |
| variable.other.readwrite.instance.ruby, variable.other.readwrite.instance.ruby punctuation.definition.variable.ruby | #b85c0f | — |
| variable.other.readwrite.class.ruby, variable.other.readwrite.class.ruby punctuation.definition.variable.ruby | #b85c0f | — |
| variable.other.constant.ruby | #7b3aa0 | — |
| entity.name.type.module.ruby | #5a8c1f | bold |
| entity.name.type.class.ruby | #5a8c1f | bold |
| entity.other.inherited-class.ruby | #7b3aa0 | — |
| support.class.ruby | #7b3aa0 | bold |
| meta.function.method.with-arguments.ruby entity.name.function.ruby, meta.function.method.without-arguments.ruby entity.name.function.ruby | #5a8c1f | bold |
| variable.parameter.function.ruby | #22313f | bold |
| variable.other.block.ruby | #22313f | — |
| meta.function-call.ruby entity.name.function.ruby, support.function.kernel.ruby | #22313f | bold |
| punctuation.separator.method.ruby | #b5216c | — |
| punctuation.section.embedded.end source.ruby | #b5216c | — |
| constant.language.symbol.hashkey.ruby, constant.language.symbol.hashkey.parameter.function.ruby, constant.language.symbol.ruby, constant.other.symbol.hashkey.ruby, constant.other.symbol.ruby, punctuation.definition.constant.ruby, punctuation.definition.constant.hashkey.ruby | #2b7fa6 | bold |
| storage.class.std.rust, storage.type.core.rust | #2b7fa6 | bold |
| source.shell variable.other | #7b3aa0 | — |
| keyword.expressions-and-types.swift | #7b3aa0 | bold |
| punctuation.function.swift | #b5216c | — |
| keyword.primitive-datatypes.swift, storage.type.attribute.swift | #2b7fa6 | bold |
| meta.group.double.toml, meta.group.toml | #b5216c | — |
| entity.name.section.toml, entity.name.tag.yaml, variable.other.key.toml | #2b7fa6 | — |
| support.variable.property.ts, support.variable.property.tsx | #7b3aa0 | — |
| variable.other.constant.ts, variable.other.constant.tsx | #2b7fa6 | — |
| support.class.console.ts, support.type.object.module.ts, support.class.promise.ts, support.constant.json.ts, support.class.console.tsx, support.type.object.module.tsx, support.class.promise.tsx, support.constant.json.tsx | #5a8c1f | bold |
| support.class.ts, support.class.tsx | #5a8c1f | bold |
| meta.object-literal.key.ts entity.name.function.ts, meta.var.expr.ts meta.definition.variable.ts entity.name.function.ts, meta.definition.property.ts entity.name.function.ts, meta.object-literal.key.tsx entity.name.function.tsx, meta.var.expr.tsx meta.definition.variable.tsx entity.name.function.tsx, meta.definition.property.tsx entity.name.function.tsx | #5a8c1f | bold |
| meta.function-call.ts, meta.function-call.tsx | #2b7fa6 | — |
| entity.name.type.alias.ts, entity.name.type.interface.ts, entity.name.type.enum.ts, entity.name.type.alias.tsx, entity.name.type.interface.tsx, entity.name.type.enum.tsx | #5a8c1f | bold |
| support.type.primitive.ts, support.type.builtin.ts, entity.name.type.ts, support.type.primitive.tsx, support.type.builtin.tsx, entity.name.type.tsx | #2b7fa6 | bold |
| meta.type.parameters.ts support.type.primitive.ts, meta.type.parameters.ts entity.name.type.ts, meta.type.parameters.tsx support.type.primitive.tsx, meta.type.parameters.tsx entity.name.type.tsx | #b85c0f | bold |
| punctuation.definition.typeparameters.begin.ts, punctuation.definition.typeparameters.end.ts, punctuation.definition.typeparameters.begin.tsx, punctuation.definition.typeparameters.end.tsx | #b5216c | — |
| punctuation.definition.block.scalar.folded.yaml, punctuation.definition.block.scalar.literal.yaml, punctuation.definition.block.sequence.item.yaml, punctuation.separator.key-value.mapping.yaml, support.other.chomping-indicator.yaml | #b5216c | — |
| entity.name.tag.yaml | #2b7fa6 | — |
| variable.other.alias.yaml | #5a8c1f | underline |
| support.function | #2b7fa6 | — |
| entity.name.function.preprocessor | #2b7fa6 | bold |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |