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#017c9d66
- activityBar.activeBorder#ffffff
- activityBar.background#2a323d
- activityBar.dropBorder#ffffff
- activityBar.foreground#66fffd
- activityBar.inactiveForeground#ffffff66
- activityBarBadge.background#66fffd
- activityBarBadge.foreground#000000
- badge.background#66fffd
- badge.foreground#000000
- banner.background#187492
- banner.foreground#2a353f
- banner.iconForeground#3794ff
- breadcrumb.activeSelectionForeground#ffffff
- breadcrumb.background#2c343e
- breadcrumb.focusForeground#ffffff
- breadcrumb.foreground#ffffffcc
- breadcrumbPicker.background#39434d
- button.background#019d76
- button.foreground#ffffff
- button.hoverBackground#01bc8e
- button.secondaryBackground#32393f
- button.secondaryForeground#ffffff
- button.secondaryHoverBackground#45494e
- button.separator#ffffff66
- charts.blue#3794ff
- charts.foreground#ffffff
- charts.green#89d185
- charts.lines#ffffff80
- charts.orange#d18616
- charts.purple#b180d7
- charts.red#f14c4c
- charts.yellow#cca700
- chat.requestBorder#ffffff1a
- chat.slashCommandBackground#017c9d
- chat.slashCommandForeground#ffffff
- checkbox.background#262d36
- checkbox.border#263039
- checkbox.foreground#ffffff
- checkbox.selectBackground#3e4f5e
- checkbox.selectBorder#c5c5c5
- commandCenter.activeBackground#ffffff14
- commandCenter.activeBorder#cccccc4d
- commandCenter.activeForeground#cccccc
- commandCenter.background#ffffff0d
- commandCenter.border#cccccc33
- commandCenter.foreground#cccccc
- commandCenter.inactiveBorder#cccccc26
- commandCenter.inactiveForeground#cccccc99
- commentsView.resolvedIcon#cccccc80
- commentsView.unresolvedIcon#017c9d
- debugConsole.errorForeground#f48771
- debugConsole.infoForeground#3794ff
- debugConsole.sourceForeground#ffffff
- debugConsole.warningForeground#cca700
- debugConsoleInputIcon.foreground#ffffff
- debugExceptionWidget.background#420b0d
- debugExceptionWidget.border#a31515
- debugIcon.breakpointCurrentStackframeForeground#ffcc00
- debugIcon.breakpointDisabledForeground#848484
- debugIcon.breakpointForeground#e51400
- debugIcon.breakpointStackframeForeground#89d185
- debugIcon.breakpointUnverifiedForeground#848484
- debugIcon.continueForeground#75beff
- debugIcon.disconnectForeground#f48771
- debugIcon.pauseForeground#75beff
- debugIcon.restartForeground#89d185
- debugIcon.startForeground#89d185
- debugIcon.stepBackForeground#75beff
- debugIcon.stepIntoForeground#75beff
- debugIcon.stepOutForeground#75beff
- debugIcon.stepOverForeground#75beff
- debugIcon.stopForeground#f48771
- debugTokenExpression.boolean#4e94ce
- debugTokenExpression.error#f48771
- debugTokenExpression.name#c586c0
- debugTokenExpression.number#b5cea8
- debugTokenExpression.string#ce9178
- debugTokenExpression.value#cccccc99
- debugToolBar.background#333333
- debugView.exceptionLabelBackground#6c2022
- debugView.exceptionLabelForeground#ffffff
- debugView.stateLabelBackground#88888844
- debugView.stateLabelForeground#ffffff
- debugView.valueChangedHighlight#569cd6
- descriptionForeground#ffffffb3
- 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#a3a2a2
- disabledForeground#cccccc80
- dropdown.background#2e3741
- dropdown.border#263039
- dropdown.foreground#ffffff
- editor.background#2a3038
- editor.findMatchBackground#515c6a
- editor.findMatchHighlightBackground#ea5c0055
- editor.findRangeHighlightBackground#3a3d4166
- editor.focusedStackFrameHighlightBackground#7abd7a4d
- editor.foldBackground#017c9d1a
- editor.foreground#ffffff
- editor.hoverHighlightBackground#2f374422
- editor.inactiveSelectionBackground#017c9d2b
- editor.inlineValuesBackground#ffc80033
- editor.inlineValuesForeground#ffffff80
- editor.lineHighlightBackground#2d353c
- editor.lineHighlightBorder#282828
- editor.linkedEditingBackground#ff00004d
- editor.rangeHighlightBackground#ffffff0b
- editor.selectionBackground#2b333c55
- editor.selectionHighlightBackground#015e7833
- editor.snippetFinalTabstopHighlightBorder#525252
- editor.snippetTabstopHighlightBackground#7c7c7c4d
- editor.stackFrameHighlightBackground#ffff0033
- editor.symbolHighlightBackground#ea5c0055
- editor.wordHighlightBackground#15b8ae22
- editor.wordHighlightStrongBackground#019d7622
- editor.wordHighlightTextBackground#15b8ae22
- editorActiveLineNumber.foreground#c6c6c6
- editorBracketHighlight.foreground1#ffd700
- editorBracketHighlight.foreground2#da70d6
- editorBracketHighlight.foreground3#179fff
- editorBracketHighlight.foreground4#00000000
- editorBracketHighlight.foreground5#00000000
- editorBracketHighlight.foreground6#00000000
- editorBracketHighlight.unexpectedBracket.foreground#ff1212cc
- editorBracketMatch.background#017c9d44
- 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#999999
- editorCommentsWidget.rangeActiveBackground#017c9d1a
- editorCommentsWidget.rangeBackground#017c9d1a
- editorCommentsWidget.resolvedBorder#cccccc80
- editorCommentsWidget.unresolvedBorder#017c9d
- editorCursor.foreground#ffffff
- editorError.foreground#f14c4c
- editorGhostText.foreground#ffffff56
- editorGroup.border#444444
- editorGroup.dropBackground#53595d80
- editorGroup.dropIntoPromptBackground#3e4f5e
- editorGroup.dropIntoPromptForeground#ffffff
- editorGroupHeader.noTabsBackground#2a353f
- editorGroupHeader.tabsBackground#323940
- editorGutter.addedBackground#a7da1e
- editorGutter.background#2d343d
- editorGutter.commentGlyphForeground#ffffff
- editorGutter.commentRangeForeground#2a353f
- editorGutter.commentUnresolvedGlyphForeground#ffffff
- editorGutter.deletedBackground#e61f44
- editorGutter.foldingControlForeground#c5c5c5
- editorGutter.modifiedBackground#f7b83d
- editorHint.foreground#eeeeeeb3
- editorHoverWidget.background#3e4f5e
- editorHoverWidget.border#53687c
- editorHoverWidget.foreground#ffffff
- editorHoverWidget.highlightForeground#2aaaff
- editorHoverWidget.statusBarBackground#4a5f71
- editorIndentGuide.activeBackground#3e4f5e
- editorIndentGuide.activeBackground1#3e4f5e
- editorIndentGuide.activeBackground2#00000000
- editorIndentGuide.activeBackground3#00000000
- editorIndentGuide.activeBackground4#00000000
- editorIndentGuide.activeBackground5#00000000
- editorIndentGuide.activeBackground6#00000000
- editorIndentGuide.background1#3e4f5e
- editorIndentGuide.background2#00000000
- editorIndentGuide.background3#00000000
- editorIndentGuide.background4#00000000
- editorIndentGuide.background5#00000000
- editorIndentGuide.background6#00000000
- editorInfo.foreground#3794ff
- editorInlayHint.background#017c9d1a
- editorInlayHint.foreground#969696
- editorInlayHint.parameterBackground#017c9d1a
- editorInlayHint.parameterForeground#969696
- editorInlayHint.typeBackground#017c9d1a
- editorInlayHint.typeForeground#969696
- editorLightBulb.foreground#ffcc00
- editorLightBulbAutoFix.foreground#75beff
- editorLineNumber.activeForeground#c6c6c6
- editorLineNumber.foreground#53687c
- editorLink.activeForeground#017c9d
- editorMarkerNavigation.background#2a353f
- editorMarkerNavigationError.background#f14c4c
- editorMarkerNavigationError.headerBackground#f14c4c1a
- editorMarkerNavigationInfo.background#3794ff
- editorMarkerNavigationInfo.headerBackground#3794ff1a
- editorMarkerNavigationWarning.background#cca700
- editorMarkerNavigationWarning.headerBackground#cca7001a
- editorOverviewRuler.addedForeground#a7da1e
- editorOverviewRuler.border#7f7f7f4d
- editorOverviewRuler.bracketMatchForeground#a0a0a0
- editorOverviewRuler.commentForeground#2a353f
- editorOverviewRuler.commentUnresolvedForeground#2a353f
- editorOverviewRuler.commonContentForeground#60606066
- editorOverviewRuler.currentContentForeground#40c8ae80
- editorOverviewRuler.deletedForeground#e61f44
- editorOverviewRuler.errorForeground#e61f44
- editorOverviewRuler.findMatchForeground#019d7655
- editorOverviewRuler.incomingContentForeground#40a6ff80
- editorOverviewRuler.infoForeground#9d37fc
- editorOverviewRuler.modifiedForeground#f7b83d
- editorOverviewRuler.rangeHighlightForeground#007acc99
- editorOverviewRuler.selectionHighlightForeground#a0a0a0cc
- editorOverviewRuler.warningForeground#f7b83d
- editorOverviewRuler.wordHighlightForeground#a0a0a0cc
- editorOverviewRuler.wordHighlightStrongForeground#c0a0c0cc
- editorOverviewRuler.wordHighlightTextForeground#a0a0a0cc
- editorPane.background#2a353f
- editorRuler.foreground#3e4f5e
- editorStickyScroll.background#2a353f
- editorStickyScrollHover.background#2a2d2e
- editorSuggestWidget.background#3e4f5e
- editorSuggestWidget.border#53687c
- editorSuggestWidget.focusHighlightForeground#2aaaff
- editorSuggestWidget.foreground#ffffff
- editorSuggestWidget.highlightForeground#017c9d
- editorSuggestWidget.selectedBackground#53687c
- editorSuggestWidget.selectedForeground#2a353f
- editorSuggestWidgetStatus.foreground#ffffff80
- editorUnicodeHighlight.background#bd9b0326
- editorUnicodeHighlight.border#bd9b03
- editorUnnecessaryCode.opacity#000000aa
- editorWarning.foreground#cca700
- editorWhitespace.foreground#3e4f5e
- editorWidget.background#3b444f
- editorWidget.border#53687c
- editorWidget.foreground#ffffff
- editorWidget.resizeBorder#66fffd
- errorForeground#f48771
- extensionBadge.remoteBackground#017c9d
- extensionBadge.remoteForeground#ffffff
- extensionButton.background#019d76
- extensionButton.foreground#ffffff
- extensionButton.hoverBackground#01bc8e
- extensionButton.prominentBackground#017c9d
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#01a4d0
- extensionButton.separator#ffffff66
- extensionIcon.preReleaseForeground#1d9271
- extensionIcon.sponsorForeground#d758b3
- extensionIcon.starForeground#ff8e00
- extensionIcon.verifiedForeground#3794ff
- focusBorder#66fffd50
- foreground#ffffff
- gitDecoration.addedResourceForeground#81b88b
- gitDecoration.conflictingResourceForeground#9d37fc
- gitDecoration.deletedResourceForeground#e61f44
- gitDecoration.ignoredResourceForeground#68829a
- gitDecoration.modifiedResourceForeground#f7b83d
- gitDecoration.renamedResourceForeground#73c991
- gitDecoration.stageDeletedResourceForeground#c74e39
- gitDecoration.stageModifiedResourceForeground#e2c08d
- gitDecoration.submoduleResourceForeground#8db9e2
- gitDecoration.untrackedResourceForeground#a7da1e
- gitlens.closedAutolinkedIssueIconColor#a371f7
- gitlens.closedPullRequestIconColor#f85149
- gitlens.decorations.addedForegroundColor#81b88b
- gitlens.decorations.branchAheadForegroundColor#35b15e
- gitlens.decorations.branchBehindForegroundColor#b15e35
- gitlens.decorations.branchDivergedForegroundColor#d8af1b
- gitlens.decorations.branchMissingUpstreamForegroundColor#c74e39
- gitlens.decorations.branchUnpublishedForegroundColor#35b15e
- gitlens.decorations.branchUpToDateForegroundColor#ffffff
- gitlens.decorations.copiedForegroundColor#73c991
- gitlens.decorations.deletedForegroundColor#e61f44
- gitlens.decorations.ignoredForegroundColor#68829a
- gitlens.decorations.modifiedForegroundColor#f7b83d
- gitlens.decorations.renamedForegroundColor#73c991
- gitlens.decorations.untrackedForegroundColor#a7da1e
- gitlens.decorations.workspaceCurrentForegroundColor#35b15e
- gitlens.decorations.workspaceRepoMissingForegroundColor#909090
- gitlens.decorations.workspaceRepoOpenForegroundColor#35b15e
- gitlens.decorations.worktreeHasUncommittedChangesForegroundColor#e2c08d
- gitlens.decorations.worktreeMissingForegroundColor#c74e39
- 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#bebebe
- gitlens.gutterUncommittedForegroundColor#00bcf299
- gitlens.lineHighlightBackgroundColor#00bcf233
- gitlens.lineHighlightOverviewRulerColor#00bcf299
- gitlens.mergedPullRequestIconColor#a371f7
- gitlens.openAutolinkedIssueIconColor#3fb950
- gitlens.openPullRequestIconColor#3fb950
- gitlens.trailingLineBackgroundColor#00000000
- gitlens.trailingLineForegroundColor#99999959
- gitlens.unpublishedChangesIconColor#35b15e
- gitlens.unpublishedCommitIconColor#35b15e
- gitlens.unpulledChangesIconColor#b15e35
- icon.foreground#c5c5c5
- inlineChat.background#3e4f5e
- inlineChat.border#53687c
- inlineChat.regionHighlight#017c9d22
- inlineChat.shadow#0000005c
- inlineChatDiff.inserted#9ccc2c1a
- inlineChatDiff.removed#ff00001a
- inlineChatInput.background#202830
- inlineChatInput.border#53687c
- inlineChatInput.focusBorder#017c9d
- inlineChatInput.placeholderForeground#4f6376
- input.background#21282f
- input.border#495c6d
- input.foreground#ffffff
- input.placeholderForeground#4f6376
- inputOption.activeBackground#017c9d66
- inputOption.activeBorder#019d76
- inputOption.activeForeground#ffffff
- inputOption.hoverBackground#5a5d5e80
- inputValidation.errorBackground#5a1d1d
- inputValidation.errorBorder#be1100
- inputValidation.infoBackground#063b49
- inputValidation.infoBorder#007acc
- inputValidation.warningBackground#352a05
- inputValidation.warningBorder#b89500
- interactive.activeCodeBorder#017c9d
- interactive.inactiveCodeBorder#2a353f
- keybindingLabel.background#8080802b
- keybindingLabel.border#33333399
- keybindingLabel.bottomBorder#44444499
- keybindingLabel.foreground#cccccc
- keybindingTable.headerBackground#ffffff0a
- keybindingTable.rowsBackground#ffffff0a
- list.activeSelectionBackground#292f37
- list.activeSelectionForeground#66fffd
- list.deemphasizedForeground#8c8c8c
- list.dropBackground#062f4a
- list.errorForeground#f88070
- list.filterMatchBackground#ea5c0055
- list.focusBackground#31394b
- list.focusHighlightForeground#2aaaff
- list.focusOutline#212931
- list.highlightForeground#2aaaff
- list.hoverBackground#2c343c
- list.inactiveSelectionBackground#2c343c
- list.invalidItemForeground#b89500
- list.warningForeground#cca700
- listFilterWidget.background#3e4f5e
- listFilterWidget.noMatchesOutline#be1100
- listFilterWidget.outline#00000000
- listFilterWidget.shadow#0000005c
- menu.background#263039
- menu.foreground#ffffff
- menu.selectionBackground#019d76
- menu.selectionForeground#2a353f
- menu.separatorBackground#606060
- menubar.selectionBackground#5a5d5e50
- menubar.selectionForeground#cccccc
- 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#ff1212b3
- minimap.findMatchHighlight#d18616
- minimap.foregroundOpacity#000000
- minimap.selectionHighlight#264f78
- minimap.selectionOccurrenceHighlight#676767
- minimap.warningHighlight#cca700
- minimapGutter.addedBackground#a7da1e
- minimapGutter.deletedBackground#e61f44
- minimapGutter.modifiedBackground#f7b83d
- minimapSlider.activeBackground#017c9d55
- minimapSlider.background#53687c55
- minimapSlider.hoverBackground#017c9d2b
- notebook.cellBorderColor#2a353f
- notebook.cellEditorBackground#34424e
- notebook.cellInsertionIndicator#017c9d
- notebook.cellStatusBarItemHoverBackground#ffffff26
- notebook.cellToolbarSeparator#80808059
- notebook.editorBackground#2a353f
- notebook.focusedCellBorder#017c9d
- notebook.focusedEditorBorder#017c9d
- notebook.inactiveFocusedCellBorder#2a353f
- notebook.selectedCellBackground#2a353f
- notebook.selectedCellBorder#2a353f
- notebook.symbolHighlightBackground#ffffff0b
- notebookEditorOverviewRuler.runningCellForeground#89d185
- notebookScrollbarSlider.activeBackground#017c9daa
- notebookScrollbarSlider.background#53687caa
- notebookScrollbarSlider.hoverBackground#017c9d55
- notebookStatusErrorIcon.foreground#f48771
- notebookStatusRunningIcon.foreground#ffffff
- notebookStatusSuccessIcon.foreground#89d185
- notificationCenterHeader.background#51677a
- notificationLink.foreground#3794ff
- notifications.background#3e4f5e
- notifications.border#51677a
- notifications.foreground#ffffff
- notificationsErrorIcon.foreground#f14c4c
- notificationsInfoIcon.foreground#3794ff
- notificationsWarningIcon.foreground#cca700
- panel.background#3c4450
- panel.border#37404a
- panel.dropBorder#e7e7e7
- panelInput.border#495c6d
- panelSection.border#53687c
- panelSection.dropBackground#53595d80
- panelSectionHeader.background#80808033
- panelTitle.activeBorder#66fffd
- panelTitle.activeForeground#e7e7e7
- panelTitle.inactiveForeground#778fa4
- peekView.border#017c9d
- peekViewEditor.background#262d36
- peekViewEditor.matchHighlightBackground#019d7655
- peekViewEditorGutter.background#263039
- peekViewEditorStickyScroll.background#222b33
- peekViewResult.background#2f3741
- peekViewResult.fileForeground#f5f5f5
- peekViewResult.lineForeground#e6e6e6
- peekViewResult.matchHighlightBackground#019d7655
- peekViewResult.selectionBackground#2e3a45
- peekViewResult.selectionForeground#ffffff
- peekViewTitle.background#2d3640
- peekViewTitleDescription.foreground#f7f7f7
- peekViewTitleLabel.foreground#ffffff
- pickerGroup.border#3f3f46
- pickerGroup.foreground#3794ff
- ports.iconRunningProcessForeground#017c9d
- problemsErrorIcon.foreground#f14c4c
- problemsInfoIcon.foreground#3794ff
- problemsWarningIcon.foreground#cca700
- profileBadge.background#4d4d4d
- profileBadge.foreground#ffffff
- progressBar.background#66fffd
- quickInput.background#3e4f5e
- quickInput.foreground#ffffff
- quickInputList.focusBackground#019d76
- quickInputList.focusForeground#2a353f
- quickInputTitle.background#ffffff1b
- sash.hoverBorder#017c9d
- scm.providerBorder#454545
- scrollbar.shadow#1c2127
- scrollbarSlider.activeBackground#344051aa
- scrollbarSlider.background#344051aa
- scrollbarSlider.hoverBackground#2f374455
- search.resultsInfoForeground#ffffffa6
- searchEditor.findMatchBackground#ea5c0038
- searchEditor.textInputBorder#495c6d
- settings.checkboxBackground#263039
- settings.checkboxBorder#263039
- settings.checkboxForeground#ffffff
- settings.dropdownBackground#263039
- settings.dropdownBorder#263039
- settings.dropdownForeground#ffffff
- settings.dropdownListBorder#53687c
- settings.focusedRowBackground#303d4899
- settings.focusedRowBorder#017c9d
- settings.headerBorder#53687c
- settings.headerForeground#e7e7e7
- settings.modifiedItemIndicator#0c7d9d
- settings.numberInputBackground#202830
- settings.numberInputBorder#495c6d
- settings.numberInputForeground#ffffff
- settings.rowHoverBackground#303d484d
- settings.sashBorder#53687c
- settings.settingsHeaderHoverForeground#e7e7e7b3
- settings.textInputBackground#202830
- settings.textInputBorder#495c6d
- settings.textInputForeground#ffffff
- sideBar.background#303640
- sideBar.dropBackground#53595d80
- sideBar.foreground#ffffff
- sideBarSectionHeader.background#3a4a57
- sideBarSectionHeader.foreground#ffffff
- sideBarTitle.foreground#ffffff
- sideBySideEditor.horizontalBorder#444444
- sideBySideEditor.verticalBorder#444444
- simpleFindWidget.sashBorder#454545
- statusBar.background#1a1e24
- statusBar.debuggingBackground#cc6633
- statusBar.debuggingForeground#ffffff
- statusBar.focusBorder#ffffff
- statusBar.foreground#ffffff
- statusBar.noFolderBackground#019d76
- statusBar.noFolderForeground#ffffff
- statusBarItem.activeBackground#ffffff2e
- statusBarItem.compactHoverBackground#ffffff33
- statusBarItem.errorBackground#c72e0f
- statusBarItem.errorForeground#ffffff
- statusBarItem.errorHoverBackground#ffffff1f
- statusBarItem.errorHoverForeground#ffffff
- statusBarItem.focusBorder#ffffff
- statusBarItem.hoverBackground#ffffff1f
- statusBarItem.hoverForeground#ffffff
- statusBarItem.offlineBackground#6c1717
- statusBarItem.offlineForeground#ffffff
- statusBarItem.offlineHoverBackground#ffffff1f
- statusBarItem.offlineHoverForeground#ffffff
- statusBarItem.prominentBackground#00000080
- statusBarItem.prominentForeground#ffffff
- statusBarItem.prominentHoverBackground#0000004d
- statusBarItem.prominentHoverForeground#ffffff
- statusBarItem.remoteBackground#66fffd
- statusBarItem.remoteForeground#000000
- statusBarItem.remoteHoverBackground#ffffff1f
- statusBarItem.remoteHoverForeground#ffffff
- statusBarItem.warningBackground#7a6400
- statusBarItem.warningForeground#ffffff
- statusBarItem.warningHoverBackground#ffffff1f
- statusBarItem.warningHoverForeground#ffffff
- symbolIcon.arrayForeground#ffffff
- symbolIcon.booleanForeground#ffffff
- symbolIcon.classForeground#ee9d28
- symbolIcon.colorForeground#ffffff
- symbolIcon.constantForeground#ffffff
- symbolIcon.constructorForeground#b180d7
- symbolIcon.enumeratorForeground#ee9d28
- symbolIcon.enumeratorMemberForeground#75beff
- symbolIcon.eventForeground#ee9d28
- symbolIcon.fieldForeground#75beff
- symbolIcon.fileForeground#ffffff
- symbolIcon.folderForeground#ffffff
- symbolIcon.functionForeground#b180d7
- symbolIcon.interfaceForeground#75beff
- symbolIcon.keyForeground#ffffff
- symbolIcon.keywordForeground#ffffff
- symbolIcon.methodForeground#b180d7
- symbolIcon.moduleForeground#ffffff
- symbolIcon.namespaceForeground#ffffff
- symbolIcon.nullForeground#ffffff
- symbolIcon.numberForeground#ffffff
- symbolIcon.objectForeground#ffffff
- symbolIcon.operatorForeground#ffffff
- symbolIcon.packageForeground#ffffff
- symbolIcon.propertyForeground#ffffff
- symbolIcon.referenceForeground#ffffff
- symbolIcon.snippetForeground#ffffff
- symbolIcon.stringForeground#ffffff
- symbolIcon.structForeground#ffffff
- symbolIcon.textForeground#ffffff
- symbolIcon.typeParameterForeground#ffffff
- symbolIcon.unitForeground#ffffff
- symbolIcon.variableForeground#75beff
- tab.activeBackground#2a353f
- tab.activeForeground#ffffff
- tab.activeModifiedBorder#3399cc
- tab.border#252526
- tab.inactiveBackground#313a42
- tab.inactiveForeground#869baf
- tab.inactiveModifiedBorder#3399cc80
- tab.lastPinnedBorder#585858
- tab.unfocusedActiveBackground#2a353f
- tab.unfocusedActiveForeground#ffffff80
- tab.unfocusedActiveModifiedBorder#3399cc80
- tab.unfocusedInactiveBackground#323f4b
- tab.unfocusedInactiveForeground#869baf80
- 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#242a31
- terminal.border#53687c
- terminal.dropBackground#53595d80
- terminal.findMatchBackground#515c6a
- terminal.findMatchHighlightBackground#ea5c0055
- terminal.foreground#ffffff
- terminal.hoverHighlightBackground#017c9d11
- terminal.inactiveSelectionBackground#017c9d2b
- terminal.selectionBackground#017c9d55
- terminalCommandDecoration.defaultBackground#ffffff40
- terminalCommandDecoration.errorBackground#f14c4c
- terminalCommandDecoration.successBackground#1b81a8
- terminalOverviewRuler.cursorForeground#a0a0a0cc
- terminalOverviewRuler.findMatchForeground#019d7655
- testing.iconErrored#f14c4c
- testing.iconFailed#f14c4c
- testing.iconPassed#73c991
- testing.iconQueued#cca700
- testing.iconSkipped#848484
- testing.iconUnset#848484
- testing.message.error.decorationForeground#f14c4c
- testing.message.error.lineBackground#ff000033
- testing.message.info.decorationForeground#ffffff80
- testing.peekBorder#f14c4c
- testing.peekHeaderBackground#f14c4c1a
- testing.runAction#73c991
- textBlockQuote.background#7f7f7f1a
- textBlockQuote.border#007acc80
- textCodeBlock.background#0a0a0a66
- textLink.activeForeground#3794ff
- textLink.foreground#3794ff
- textPreformat.foreground#d7ba7d
- textSeparator.foreground#ffffff2e
- titleBar.activeBackground#2b313a
- titleBar.activeForeground#cccccc
- titleBar.inactiveBackground#222b3399
- titleBar.inactiveForeground#cccccc99
- toolbar.activeBackground#63666750
- toolbar.hoverBackground#5a5d5e50
- tree.inactiveIndentGuidesStroke#58585866
- tree.indentGuidesStroke#585858
- tree.tableColumnsBorder#cccccc20
- tree.tableOddRowsBackground#ffffff0a
- walkThrough.embeddedEditorBackground#00000066
- walkthrough.stepTitle.foreground#ffffff
- welcomePage.progress.background#202830
- welcomePage.progress.foreground#3794ff
- welcomePage.tileBackground#3e4f5e
- welcomePage.tileBorder#ffffff1a
- welcomePage.tileHoverBackground#4a5f71
- widget.shadow#0000005c
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| emphasis | — | italic |
| strong | — | bold |
| header | #AE81FF | — |
| source | #F8F8F2 | — |
| entity.name.type.class, entity.name.type.cpp | #A6E22E | underline |
| entity.name.namespace | — | italic |
| storage.type | #66D9EF | italic |
| keyword.other.this, variable.language, variable.parameter.function.language.special | #FD971F | — |
| entity.other.inherited-class | #A6E22E | italic underline |
| support.class.builtin | #A6E22E | — |
| comment, punctuation.definition.comment, unused.comment, wildcard.comment | #6272A4 | — |
| comment keyword.codetag.notation, comment.block.documentation keyword, comment.block.documentation storage.type.class | #66D9EF | — |
| comment.block.documentation variable | #FD971F | — |
| constant | #AE81FF | — |
| variable.other.constant | #AE81FF | — |
| constant.character.escape, constant.character.string.escape, constant.regexp | #AE81FF | — |
| constant.other.date, constant.other.timestamp | #FD971F | — |
| support.variable, variable.other.predefined | #AE81FF | — |
| meta.definition.function, meta.definition.method | #A6E22E | — |
| entity.name.variable.parameter, meta.at-rule.function variable, meta.at-rule.mixin variable, variable.parameter | #FD971F | italic |
| 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 | #A6E22E | — |
| meta.decorator variable.other.readwrite, meta.decorator variable.other.property, meta.decorator variable.other.object | #A6E22E | — |
| support.function.magic | #66D9EF | — |
| keyword, punctuation.definition.keyword | #F92672 | — |
| 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 | #F92672 | — |
| 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 | #F92672 | — |
| 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 | #E6DB74 | — |
| support.type.property-name, punctuation.support.type.property-name.begin, punctuation.support.type.property-name.end | #66D9EF | — |
| storage | #F92672 | — |
| entity.name.type | #66D9EF | — |
| entity.name.type.type-parameter, meta.indexer.mappedtype.declaration entity.name.type, meta.type.parameters entity.name.type | #FD971F | — |
| storage.modifier | #F92672 | — |
| variable, support.variable.property | #F8F8F2 | — |
| meta.import variable.other.readwrite, meta.object-binding-pattern-variable variable.object.property | #FD971F | — |
| meta.import variable.other.readwrite.alias | #F8F8F2 | — |
| storage.type.c | #66D9EF | — |
| punctuation.section.embedded.coffee | #F92672 | — |
| meta.variable.assignment.destructured.object.coffee variable | #FD971F | — |
| meta.variable.assignment.destructured.object.coffee variable variable | #F8F8F2 | — |
| punctuation.definition.tag.cs | #F8F8F2 | — |
| keyword.type.cs, storage.type.cs | #66D9EF | — |
| meta.diff, meta.diff.header | #6272A4 | — |
| markup.inserted | #A6E22E | — |
| markup.deleted | #F44747 | — |
| markup.changed | #FD971F | — |
| invalid | #F44747 | underline italic |
| invalid.deprecated | #F8F8F2 | underline italic |
| entity.name.filename | #E6DB74 | — |
| markup.error | #F44747 | — |
| entity.name.function.elixir | #A6E22E | — |
| constant.other.symbol.elixir, constant.language.symbol.elixir | #66D9EF | — |
| entity.name.type.module.elixir | #A6E22E | — |
| variable.other.readwrite.module.elixir, variable.other.readwrite.module.elixir punctuation.definition.variable.elixir | #FD971F | — |
| punctuation.separator.method.elixir | #F92672 | — |
| punctuation.section.embedded.elixir | #F92672 | — |
| variable.other.anonymous.elixir punctuation.definition.variable.elixir | #F92672 | — |
| punctuation.other.period.go, punctuation.other.colon.go | #F92672 | — |
| source.go storage.type | #66D9EF | — |
| entity.name.type.go | #AE81FF | — |
| entity.name.function.go | #A6E22E | — |
| support.function.go | #66D9EF | — |
| punctuation.colon.graphql | #F92672 | — |
| variable.graphql, variable.arguments.graphql | #E6DB74 | — |
| support.type.graphql, support.type.builtin.graphql, support.type.enum.graphql, entity.scalar.graphql | #66D9EF | — |
| entity.name.function.graphql | #A6E22E | — |
| meta.selectionset.graphql variable.graphql, variable.parameter.graphql | #FD971F | — |
| source.groovy storage.type.def | #F92672 | — |
| source.groovy storage.type, storage.type.groovy | #66D9EF | — |
| keyword.operator.navigation.groovy | #F8F8F2 | — |
| storage.type.haskell | #66D9EF | — |
| meta.preprocessor.haskell | #6272A4 | — |
| constant.language.empty-list.haskell | #F8F8F2 | — |
| punctuation.definition.tag.begin.js, punctuation.definition.tag.end.js, punctuation.definition.tag.begin.tsx, punctuation.definition.tag.end.tsx | #F92672 | — |
| entity.name.tag | #F92672 | — |
| text.html.derivative | #F8F8F2 | — |
| punctuation.definition.tag | #6272A4 | — |
| entity.name.tag support.class.component.js, entity.name.tag support.class.component.tsx | #F8F8F2 | — |
| meta.selector | #F92672 | — |
| entity.other.attribute-name.parent-selector | #F92672 | — |
| meta.attribute-selector.scss | #E6DB74 | — |
| punctuation.definition.attribute-selector.end.bracket.square.scss, punctuation.definition.attribute-selector.begin.bracket.square.scss | #F8F8F2 | — |
| entity.other.attribute-name | #A6E22E | — |
| 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 | #F8F8F2 | — |
| support.constant.property-value.css | #66D9EF | — |
| keyword.control.at-rule.media.scss, keyword.control.at-rule.media.scss punctuation.definition.keyword.scss | #A6E22E | — |
| storage.type.generic.java | #F8F8F2 | — |
| source.java storage.type | #66D9EF | — |
| keyword.operator.dereference.java, storage.modifier.import | #F8F8F2 | — |
| support.variable.property.js | #AE81FF | — |
| variable.other.constant.js | #66D9EF | — |
| support.class.console.js, support.type.object.module.js, support.class.promise.js, support.constant.json.js | #A6E22E | — |
| support.class.js | #A6E22E | — |
| 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 | #A6E22E | — |
| meta.function-call.js | #66D9EF | — |
| punctuation.definition.variable.makefile | #F92672 | — |
| entity.name.function.target.makefile | #66D9EF | — |
| meta.scope.prerequisites.makefile | #E6DB74 | — |
| markup.underline | — | underline |
| markup.bold | #FD971F | bold |
| markup.heading | #AE81FF | bold |
| markup.italic | #E6DB74 | italic |
| beginning.punctuation.definition.list.markdown, beginning.punctuation.definition.quote.markdown, punctuation.definition.link.restructuredtext | #66D9EF | — |
| markup.inline.raw, markup.raw.restructuredtext | #A6E22E | — |
| markup.underline.link, markup.underline.link.image | #66D9EF | — |
| meta.link.reference.def.restructuredtext, punctuation.definition.directive.restructuredtext, string.other.link.description, string.other.link.title | #F92672 | — |
| entity.name.directive.restructuredtext, markup.quote | #E6DB74 | italic |
| meta.separator.markdown | #6272A4 | — |
| fenced_code.block.language, markup.raw.inner.restructuredtext, markup.fenced_code.block.markdown punctuation.definition.markdown | #A6E22E | — |
| punctuation.definition.constant.restructuredtext | #AE81FF | — |
| markup.heading.markdown punctuation.definition.string.begin, markup.heading.markdown punctuation.definition.string.end | #AE81FF | — |
| meta.paragraph.markdown punctuation.definition.string.begin, meta.paragraph.markdown punctuation.definition.string.end | #F8F8F2 | — |
| markup.quote.markdown meta.paragraph.markdown punctuation.definition.string.begin, markup.quote.markdown meta.paragraph.markdown punctuation.definition.string.end | #E6DB74 | — |
| meta.implementation storage.type.objc, meta.interface-or-protocol storage.type.objc | #F92672 | — |
| meta.protocol-list.objc, meta.return-type.objc, storage.type.objc | #66D9EF | — |
| storage.type.ocaml | #66D9EF | — |
| constant.other.key.perl | #F8F8F2 | — |
| variable.language punctuation.definition.variable.php | #AE81FF | — |
| meta.function.arguments variable.other.php | #A6E22E | — |
| punctuation.section.embedded.end source.php | #F92672 | — |
| storage.type.php | #66D9EF | — |
| keyword.operator.other.powershell, keyword.other.statement-separator.powershell | #F8F8F2 | — |
| source.powershell entity.other.attribute-name | #66D9EF | — |
| support.constant | #AE81FF | — |
| source.python storage.type | #66D9EF | — |
| support.type.python | #66D9EF | italic |
| meta.function-call.python support.type.python, meta.function-call.python support.function.builtin.python | #66D9EF | — |
| punctuation.separator.period.python, punctuation.separator.colon.python, punctuation.separator.dict.python, punctuation.section.function.begin.python | #F92672 | — |
| string.regexp, constant.other.character-class.set.regexp, constant.character.escape.backslash.regexp | #E6DB74 | — |
| support.other.parenthesis.regexp, support.other.escape.special.regexp | #66D9EF | — |
| keyword.operator.lookahead, keyword.operator.lookbehind | #F44747 | — |
| punctuation.definition.group.capture.regexp | #F92672 | — |
| string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end | #66D9EF | italic |
| punctuation.definition.character-class.regexp | #66D9EF | — |
| punctuation.definition.group.regexp | #FD971F | — |
| punctuation.definition.group.assertion.regexp, keyword.operator.negation.regexp | #F44747 | — |
| meta.assertion.look-ahead.regexp | #A6E22E | — |
| variable.other.readwrite.instance.ruby, variable.other.readwrite.instance.ruby punctuation.definition.variable.ruby | #FD971F | — |
| variable.other.readwrite.class.ruby, variable.other.readwrite.class.ruby punctuation.definition.variable.ruby | #FD971F | — |
| variable.other.constant.ruby | #AE81FF | — |
| entity.name.type.module.ruby | #A6E22E | — |
| entity.name.type.class.ruby | #A6E22E | — |
| entity.other.inherited-class.ruby | #AE81FF | — |
| support.class.ruby | #AE81FF | — |
| meta.function.method.with-arguments.ruby entity.name.function.ruby, meta.function.method.without-arguments.ruby entity.name.function.ruby | #A6E22E | — |
| variable.parameter.function.ruby | #F8F8F2 | — |
| variable.other.block.ruby | #F8F8F2 | — |
| meta.function-call.ruby entity.name.function.ruby, support.function.kernel.ruby | #F8F8F2 | — |
| punctuation.separator.method.ruby | #F92672 | — |
| punctuation.section.embedded.end source.ruby | #F92672 | — |
| 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 | #66D9EF | — |
| storage.class.std.rust, storage.type.core.rust | #66D9EF | — |
| source.shell variable.other | #AE81FF | — |
| keyword.expressions-and-types.swift | #AE81FF | — |
| punctuation.function.swift | #F92672 | — |
| keyword.primitive-datatypes.swift, storage.type.attribute.swift | #66D9EF | — |
| meta.group.double.toml, meta.group.toml | #F92672 | — |
| entity.name.section.toml, entity.name.tag.yaml, variable.other.key.toml | #66D9EF | — |
| support.variable.property.ts, support.variable.property.tsx | #AE81FF | — |
| variable.other.constant.ts, variable.other.constant.tsx | #66D9EF | — |
| 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 | #A6E22E | — |
| support.class.ts, support.class.tsx | #A6E22E | — |
| 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 | #A6E22E | — |
| meta.function-call.ts, meta.function-call.tsx | #66D9EF | — |
| 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 | #A6E22E | — |
| support.type.primitive.ts, support.type.builtin.ts, entity.name.type.ts, support.type.primitive.tsx, support.type.builtin.tsx, entity.name.type.tsx | #66D9EF | — |
| 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 | #FD971F | — |
| punctuation.definition.typeparameters.begin.ts, punctuation.definition.typeparameters.end.ts, punctuation.definition.typeparameters.begin.tsx, punctuation.definition.typeparameters.end.tsx | #F92672 | — |
| 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 | #F92672 | — |
| entity.name.tag.yaml | #66D9EF | — |
| variable.other.alias.yaml | #A6E22E | underline |
| support.function | #66D9EF | — |
| entity.name.function.preprocessor | #66D9EF | — |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |