Pre
Publisher: Leandro MatosThemes in package: 1
A dark theme for VS Code. Neon accents on a neutral ramp, with every colour generated from one measured 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.
- activityBar.activeBackground#19191900
- activityBar.activeBorder#38ff67
- activityBar.activeFocusBorder#38ff67
- activityBar.background#191919
- activityBar.border#19191900
- activityBar.dropBorder#38ff67
- activityBar.foreground#38ff67
- activityBar.inactiveForeground#7b7b7b
- activityBarBadge.background#38ff67
- activityBarBadge.foreground#191919
- activityBarTop.activeBackground#19191900
- activityBarTop.activeBorder#38ff67
- activityBarTop.background#191919
- activityBarTop.dropBorder#38ff67
- activityBarTop.foreground#f8f8f8
- activityBarTop.inactiveForeground#7b7b7b
- activityErrorBadge.background#ce052b
- activityErrorBadge.foreground#f8f8f8
- activityWarningBadge.background#fff45e
- activityWarningBadge.foreground#191919
- badge.background#38ff67
- badge.foreground#191919
- banner.background#252525
- banner.foreground#f8f8f8
- banner.iconForeground#38ff67
- breadcrumb.activeSelectionForeground#38ff67
- breadcrumb.background#252525
- breadcrumb.focusForeground#f8f8f8
- breadcrumb.foreground#909090
- breadcrumbPicker.background#191919
- button.background#38ff67
- button.border#19191900
- button.foreground#191919
- button.hoverBackground#32d157
- button.secondaryBackground#454545
- button.secondaryBorder#19191900
- button.secondaryForeground#f8f8f8
- button.secondaryHoverBackground#666666
- button.separator#19191966
- charts.blue#1fe5ff
- charts.foreground#909090
- charts.green#38ff67
- charts.lines#454545
- charts.orange#ff9831
- charts.purple#c779ff
- charts.red#ff5d9f
- charts.yellow#fff45e
- chat.avatarBackground#454545
- chat.avatarForeground#f8f8f8
- chat.editedFileForeground#ff9831
- chat.linesAddedForeground#38ff67cc
- chat.linesRemovedForeground#ff5d9fcc
- chat.requestBackground#f8f8f808
- chat.requestBorder#454545
- chat.slashCommandBackground#38ff6729
- chat.slashCommandForeground#38ff67
- checkbox.background#252525
- checkbox.border#7b7b7b
- checkbox.disabled.background#191919
- checkbox.disabled.foreground#7b7b7b
- checkbox.foreground#f8f8f8
- checkbox.selectBackground#252525
- checkbox.selectBorder#38ff67
- commandCenter.activeBackground#454545
- commandCenter.activeBorder#38ff67
- commandCenter.activeForeground#f8f8f8
- commandCenter.background#252525
- commandCenter.border#454545
- commandCenter.debuggingBackground#38ff6733
- commandCenter.foreground#909090
- commandCenter.inactiveBorder#454545
- commandCenter.inactiveForeground#7b7b7b
- commentsView.resolvedIcon#7b7b7b
- commentsView.unresolvedIcon#ff9831
- contrastActiveBorder#19191900
- contrastBorder#19191900
- debugConsole.errorForeground#ff5e5d
- debugConsole.infoForeground#1fe5ff
- debugConsole.sourceForeground#909090
- debugConsole.warningForeground#fff45e
- debugConsoleInputIcon.foreground#38ff67
- debugExceptionWidget.background#191919
- debugExceptionWidget.border#ff5e5d
- debugIcon.breakpointCurrentStackframeForeground#fff45e
- debugIcon.breakpointDisabledForeground#7b7b7b
- debugIcon.breakpointForeground#ff5e5d
- debugIcon.breakpointStackframeForeground#38ff67
- debugIcon.breakpointUnverifiedForeground#7b7b7b
- debugIcon.continueForeground#1fe5ff
- debugIcon.disconnectForeground#ff5e5d
- debugIcon.pauseForeground#1fe5ff
- debugIcon.restartForeground#38ff67
- debugIcon.startForeground#38ff67
- debugIcon.stepBackForeground#1fe5ff
- debugIcon.stepIntoForeground#1fe5ff
- debugIcon.stepOutForeground#1fe5ff
- debugIcon.stepOverForeground#1fe5ff
- debugIcon.stopForeground#ff5e5d
- debugTokenExpression.boolean#c064ff
- debugTokenExpression.error#ff5e5d
- debugTokenExpression.name#1fe5ff
- debugTokenExpression.number#c064ff
- debugTokenExpression.string#fff45e
- debugTokenExpression.type#1fe5ff
- debugTokenExpression.value#909090
- debugToolBar.background#191919
- debugToolBar.border#454545
- debugView.exceptionLabelBackground#ce052b
- debugView.exceptionLabelForeground#f8f8f8
- debugView.stateLabelBackground#252525
- debugView.stateLabelForeground#f8f8f8
- debugView.valueChangedHighlight#38ff6766
- descriptionForeground#909090
- diffEditor.border#19191900
- diffEditor.diagonalFill#7b7b7b33
- diffEditor.insertedLineBackground#38ff6714
- diffEditor.insertedTextBackground#19191900
- diffEditor.insertedTextBorder#19191900
- diffEditor.move.border#c779ff
- diffEditor.moveActive.border#38ff67
- diffEditor.removedLineBackground#ff449614
- diffEditor.removedTextBackground#19191900
- diffEditor.removedTextBorder#19191900
- diffEditor.unchangedCodeBackground#f8f8f808
- diffEditor.unchangedRegionBackground#191919
- diffEditor.unchangedRegionForeground#909090
- diffEditor.unchangedRegionShadow#0000005c
- diffEditorGutter.insertedLineBackground#38ff6729
- diffEditorGutter.removedLineBackground#ff449629
- diffEditorOverview.insertedForeground#38ff6799
- diffEditorOverview.removedForeground#ff5d9f99
- disabledForeground#7b7b7b
- dropdown.background#252525
- dropdown.border#7b7b7b
- dropdown.foreground#f8f8f8
- dropdown.listBackground#191919
- editor.background#252525
- editor.findMatchBackground#004b15
- editor.findMatchBorder#19191900
- editor.findMatchHighlightBackground#004b1580
- editor.findMatchHighlightBorder#19191900
- editor.findRangeHighlightBackground#f8f8f80f
- editor.findRangeHighlightBorder#19191900
- editor.focusedStackFrameHighlightBackground#00000042
- editor.foldBackground#00000024
- editor.foldPlaceholderForeground#7b7b7b
- editor.foreground#f8f8f8
- editor.hoverHighlightBackground#0000002e
- editor.inactiveLineHighlightBackground#00000014
- editor.inactiveSelectionBackground#f8f8f81a
- editor.inlineValuesBackground#f8f8f814
- editor.inlineValuesForeground#909090
- editor.lineHighlightBackground#00000024
- editor.lineHighlightBorder#19191900
- editor.linkedEditingBackground#0000002e
- editor.placeholder.foreground#7b7b7b
- editor.rangeHighlightBackground#00000024
- editor.rangeHighlightBorder#38ff674d
- editor.selectionBackground#f8f8f833
- editor.selectionForeground#19191900
- editor.selectionHighlightBackground#004b1580
- editor.selectionHighlightBorder#19191900
- editor.snippetFinalTabstopHighlightBackground#00000042
- editor.snippetFinalTabstopHighlightBorder#38ff6780
- editor.snippetTabstopHighlightBackground#0000002e
- editor.snippetTabstopHighlightBorder#19191900
- editor.stackFrameHighlightBackground#0000002e
- editor.symbolHighlightBackground#0000002e
- editor.symbolHighlightBorder#1fe5ff66
- editor.wordHighlightBackground#0000002e
- editor.wordHighlightBorder#1fe5ff66
- editor.wordHighlightStrongBackground#00000042
- editor.wordHighlightStrongBorder#1fe5ff
- editor.wordHighlightTextBackground#0000002e
- editor.wordHighlightTextBorder#19191900
- editorActionList.background#191919
- editorActionList.focusBackground#252525
- editorActionList.focusForeground#f8f8f8
- editorActionList.foreground#f8f8f8
- editorBracketHighlight.foreground1#38ff67
- editorBracketHighlight.foreground2#1fe5ff
- editorBracketHighlight.foreground3#c779ff
- editorBracketHighlight.foreground4#ff9831
- editorBracketHighlight.foreground5#ff5d9f
- editorBracketHighlight.foreground6#fff45e
- editorBracketHighlight.unexpectedBracket.foreground#ff5e5d
- editorBracketMatch.background#38ff6729
- editorBracketMatch.border#38ff67
- editorBracketMatch.foreground#38ff67
- editorBracketPairGuide.activeBackground1#38ff67
- editorBracketPairGuide.activeBackground2#1fe5ff
- editorBracketPairGuide.activeBackground3#c779ff
- editorBracketPairGuide.activeBackground4#ff9831
- editorBracketPairGuide.activeBackground5#ff5d9f
- editorBracketPairGuide.activeBackground6#fff45e
- editorBracketPairGuide.background1#38ff6766
- editorBracketPairGuide.background2#1ce5ff66
- editorBracketPairGuide.background3#c064ff66
- editorBracketPairGuide.background4#ff983166
- editorBracketPairGuide.background5#ff449666
- editorBracketPairGuide.background6#fff45e66
- editorCodeLens.foreground#7b7b7b
- editorCommentsWidget.rangeActiveBackground#ff983124
- editorCommentsWidget.rangeBackground#ff983114
- editorCommentsWidget.replyInputBackground#252525
- editorCommentsWidget.resolvedBorder#7b7b7b
- editorCommentsWidget.unresolvedBorder#ff9831
- editorCursor.background#252525
- editorCursor.foreground#38ff67
- editorError.background#fb00301f
- editorError.border#19191900
- editorError.foreground#ff5e5d
- editorGhostText.background#19191900
- editorGhostText.border#19191900
- editorGhostText.foreground#7b7b7b
- editorGroup.border#454545
- editorGroup.dropBackground#38ff671f
- editorGroup.dropIntoPromptBackground#191919
- editorGroup.dropIntoPromptBorder#38ff67
- editorGroup.dropIntoPromptForeground#f8f8f8
- editorGroup.emptyBackground#252525
- editorGroup.focusedEmptyBorder#19191900
- editorGroupHeader.border#19191900
- editorGroupHeader.noTabsBackground#191919
- editorGroupHeader.tabsBackground#191919
- editorGroupHeader.tabsBorder#19191900
- editorGutter.addedBackground#38ff67
- editorGutter.addedSecondaryBackground#38ff6780
- editorGutter.background#252525
- editorGutter.commentGlyphForeground#909090
- editorGutter.commentRangeForeground#7b7b7b
- editorGutter.commentUnresolvedGlyphForeground#ff9831
- editorGutter.deletedBackground#ff5d9f
- editorGutter.deletedSecondaryBackground#ff5d9f80
- editorGutter.foldingControlForeground#909090
- editorGutter.itemBackground#38ff6729
- editorGutter.itemGlyphForeground#f8f8f8
- editorGutter.modifiedBackground#fff45e
- editorGutter.modifiedSecondaryBackground#fff45e80
- editorHint.border#19191900
- editorHint.foreground#909090
- editorHoverWidget.background#191919
- editorHoverWidget.border#454545
- editorHoverWidget.foreground#f8f8f8
- editorHoverWidget.highlightForeground#38ff67
- editorHoverWidget.statusBarBackground#252525
- editorIndentGuide.activeBackground1#7b7b7b
- editorIndentGuide.background1#454545
- editorInfo.background#1ce5ff1a
- editorInfo.border#19191900
- editorInfo.foreground#1fe5ff
- editorInlayHint.background#f8f8f814
- editorInlayHint.foreground#909090
- editorInlayHint.parameterBackground#f8f8f814
- editorInlayHint.parameterForeground#ff9831
- editorInlayHint.typeBackground#f8f8f814
- editorInlayHint.typeForeground#1fe5ff
- editorLightBulb.foreground#fff45e
- editorLightBulbAi.foreground#c779ff
- editorLightBulbAutoFix.foreground#38ff67
- editorLineNumber.activeForeground#f8f8f8
- editorLineNumber.dimmedForeground#7b7b7b80
- editorLineNumber.foreground#909090
- editorLink.activeForeground#38ff67
- editorMarkerNavigation.background#191919
- editorMarkerNavigationError.background#ff5e5d
- editorMarkerNavigationError.headerBackground#fb00301f
- editorMarkerNavigationInfo.background#1fe5ff
- editorMarkerNavigationInfo.headerBackground#1ce5ff1f
- editorMarkerNavigationWarning.background#fff45e
- editorMarkerNavigationWarning.headerBackground#fff45e1f
- editorMultiCursor.primary.foreground#38ff67
- editorMultiCursor.secondary.foreground#1fe5ff
- editorOverviewRuler.addedForeground#38ff67
- editorOverviewRuler.background#252525
- editorOverviewRuler.border#19191900
- editorOverviewRuler.bracketMatchForeground#7b7b7b
- editorOverviewRuler.commentForeground#7b7b7b
- editorOverviewRuler.commentUnresolvedForeground#ff9831
- editorOverviewRuler.commonContentForeground#7b7b7b99
- editorOverviewRuler.currentContentForeground#38ff6799
- editorOverviewRuler.deletedForeground#ff5d9f
- editorOverviewRuler.errorForeground#ff5e5d
- editorOverviewRuler.findMatchForeground#38ff6799
- editorOverviewRuler.incomingContentForeground#1fe5ff99
- editorOverviewRuler.infoForeground#1fe5ff
- editorOverviewRuler.inlineChatInserted#38ff6766
- editorOverviewRuler.inlineChatRemoved#ff5d9f66
- editorOverviewRuler.modifiedForeground#fff45e
- editorOverviewRuler.rangeHighlightForeground#7b7b7b99
- editorOverviewRuler.selectionHighlightForeground#7b7b7b99
- editorOverviewRuler.warningForeground#fff45e
- editorOverviewRuler.wordHighlightForeground#1fe5ff99
- editorOverviewRuler.wordHighlightStrongForeground#1fe5ff99
- editorOverviewRuler.wordHighlightTextForeground#1fe5ff99
- editorPane.background#252525
- editorRuler.foreground#454545
- editorStickyScroll.background#252525
- editorStickyScroll.border#19191900
- editorStickyScroll.shadow#0000005c
- editorStickyScrollGutter.background#252525
- editorStickyScrollHover.background#454545
- editorSuggestWidget.background#191919
- editorSuggestWidget.border#454545
- editorSuggestWidget.focusHighlightForeground#38ff67
- editorSuggestWidget.focusOutline#38ff67
- editorSuggestWidget.foreground#f8f8f8
- editorSuggestWidget.highlightForeground#38ff67
- editorSuggestWidget.selectedBackground#252525
- editorSuggestWidget.selectedForeground#f8f8f8
- editorSuggestWidget.selectedIconForeground#38ff67
- editorSuggestWidgetStatus.foreground#7b7b7b
- editorUnicodeHighlight.background#ff983129
- editorUnicodeHighlight.border#ff9831
- editorUnnecessaryCode.border#19191900
- editorUnnecessaryCode.opacity#00000080
- editorWarning.background#fff45e1a
- editorWarning.border#19191900
- editorWarning.foreground#fff45e
- editorWhitespace.foreground#f8f8f824
- editorWidget.background#191919
- editorWidget.border#454545
- editorWidget.foreground#f8f8f8
- editorWidget.resizeBorder#38ff67
- errorForeground#ff5e5d
- extensionBadge.remoteBackground#38ff67
- extensionBadge.remoteForeground#191919
- extensionButton.background#454545
- extensionButton.foreground#f8f8f8
- extensionButton.hoverBackground#666666
- extensionButton.prominentBackground#38ff67
- extensionButton.prominentForeground#191919
- extensionButton.prominentHoverBackground#32d157
- extensionButton.separator#19191966
- extensionIcon.preReleaseForeground#ff9831
- extensionIcon.sponsorForeground#ff5d9f
- extensionIcon.starForeground#fff45e
- extensionIcon.verifiedForeground#38ff67
- focusBorder#38ff67
- foreground#909090
- gitDecoration.addedResourceForeground#38ff67
- gitDecoration.conflictingResourceForeground#ff9831
- gitDecoration.deletedResourceForeground#ff5d9f
- gitDecoration.ignoredResourceForeground#7b7b7b
- gitDecoration.modifiedResourceForeground#fff45e
- gitDecoration.renamedResourceForeground#1fe5ff
- gitDecoration.stageDeletedResourceForeground#ff5d9f
- gitDecoration.stageModifiedResourceForeground#fff45e
- gitDecoration.submoduleResourceForeground#c779ff
- gitDecoration.untrackedResourceForeground#1fe5ff
- gitlens.closedAutolinkedIssueIconColor#c779ff
- gitlens.closedPullRequestIconColor#ff5e5d
- gitlens.decorations.addedForegroundColor#38ff67
- gitlens.decorations.branchAheadForegroundColor#38ff67
- gitlens.decorations.branchBehindForegroundColor#ff9831
- gitlens.decorations.deletedForegroundColor#ff5d9f
- gitlens.decorations.modifiedForegroundColor#fff45e
- gitlens.decorations.untrackedForegroundColor#1fe5ff
- gitlens.gutterBackgroundColor#191919
- gitlens.gutterForegroundColor#909090
- gitlens.gutterUncommittedForegroundColor#38ff67
- gitlens.lineHighlightBackgroundColor#38ff6714
- gitlens.lineHighlightOverviewRulerColor#38ff6766
- gitlens.mergedPullRequestIconColor#c779ff
- gitlens.openAutolinkedIssueIconColor#38ff67
- gitlens.openPullRequestIconColor#38ff67
- gitlens.trailingLineBackgroundColor#19191900
- gitlens.trailingLineForegroundColor#7b7b7b
- icon.foreground#909090
- inlineChat.background#191919
- inlineChat.border#454545
- inlineChat.foreground#f8f8f8
- inlineChat.shadow#0000005c
- inlineChatDiff.inserted#38ff671a
- inlineChatDiff.removed#ff44961a
- inlineChatInput.background#252525
- inlineChatInput.border#7b7b7b
- inlineChatInput.focusBorder#38ff67
- inlineChatInput.placeholderForeground#7b7b7b
- inlineEdit.gutterIndicator.primaryBackground#38ff67
- inlineEdit.gutterIndicator.primaryForeground#191919
- inlineEdit.modifiedBackground#38ff671a
- inlineEdit.modifiedBorder#38ff6780
- inlineEdit.modifiedChangedLineBackground#38ff6729
- inlineEdit.modifiedChangedTextBackground#38ff674d
- inlineEdit.originalBackground#ff44961a
- inlineEdit.originalBorder#ff5d9f80
- inlineEdit.originalChangedLineBackground#ff449629
- inlineEdit.originalChangedTextBackground#ff44964d
- input.background#252525
- input.border#7b7b7b
- input.foreground#f8f8f8
- input.placeholderForeground#909090
- inputOption.activeBackground#38ff6729
- inputOption.activeBorder#38ff67
- inputOption.activeForeground#38ff67
- inputOption.hoverBackground#454545
- inputValidation.errorBackground#252525
- inputValidation.errorBorder#ff5e5d
- inputValidation.errorForeground#f8f8f8
- inputValidation.infoBackground#252525
- inputValidation.infoBorder#1fe5ff
- inputValidation.infoForeground#f8f8f8
- inputValidation.warningBackground#252525
- inputValidation.warningBorder#fff45e
- inputValidation.warningForeground#f8f8f8
- interactive.activeCodeBorder#38ff67
- interactive.inactiveCodeBorder#454545
- keybindingLabel.background#252525
- keybindingLabel.border#454545
- keybindingLabel.bottomBorder#454545
- keybindingLabel.foreground#f8f8f8
- keybindingTable.headerBackground#252525
- keybindingTable.rowsBackground#25252580
- list.activeSelectionBackground#252525
- list.activeSelectionForeground#f8f8f8
- list.activeSelectionIconForeground#f8f8f8
- list.deemphasizedForeground#7b7b7b
- list.dropBackground#38ff671f
- list.dropBetweenBackground#38ff67
- list.errorForeground#ff5e5d
- list.filterMatchBackground#004b1580
- list.filterMatchBorder#19191900
- list.focusBackground#252525
- list.focusForeground#f8f8f8
- list.focusHighlightForeground#38ff67
- list.focusOutline#38ff67
- list.highlightForeground#38ff67
- list.hoverBackground#252525
- list.hoverForeground#f8f8f8
- list.inactiveFocusBackground#252525
- list.inactiveFocusOutline#19191900
- list.inactiveSelectionBackground#252525
- list.inactiveSelectionForeground#f8f8f8
- list.inactiveSelectionIconForeground#909090
- list.invalidItemForeground#ff5e5d
- list.warningForeground#fff45e
- listFilterWidget.background#191919
- listFilterWidget.noMatchesOutline#ff5e5d
- listFilterWidget.outline#38ff67
- listFilterWidget.shadow#0000005c
- menu.background#191919
- menu.border#454545
- menu.foreground#f8f8f8
- menu.selectionBackground#252525
- menu.selectionBorder#19191900
- menu.selectionForeground#f8f8f8
- menu.separatorBackground#454545
- menubar.selectionBackground#454545
- menubar.selectionBorder#19191900
- menubar.selectionForeground#f8f8f8
- merge.border#19191900
- merge.commonContentBackground#7b7b7b1f
- merge.commonHeaderBackground#7b7b7b4d
- merge.currentContentBackground#38ff6714
- merge.currentHeaderBackground#38ff674d
- merge.incomingContentBackground#1ce5ff14
- merge.incomingHeaderBackground#1ce5ff4d
- mergeEditor.change.background#38ff6714
- mergeEditor.change.word.background#38ff671f
- mergeEditor.changeBase.background#7b7b7b1f
- mergeEditor.changeBase.word.background#7b7b7b4d
- mergeEditor.conflict.handled.minimapOverViewRuler#7b7b7b99
- mergeEditor.conflict.handledFocused.border#7b7b7b
- mergeEditor.conflict.handledUnfocused.border#7b7b7b80
- mergeEditor.conflict.input1.background#38ff6729
- mergeEditor.conflict.input2.background#1ce5ff29
- mergeEditor.conflict.unhandled.minimapOverViewRuler#ff983199
- mergeEditor.conflict.unhandledFocused.border#ff9831
- mergeEditor.conflict.unhandledUnfocused.border#ff983180
- mergeEditor.conflictingLines.background#ff98311f
- minimap.background#252525
- minimap.chatEditHighlight#c064ff59
- minimap.errorHighlight#ff5e5d
- minimap.findMatchHighlight#38ff6799
- minimap.infoHighlight#1fe5ff
- minimap.selectionHighlight#f8f8f84d
- minimap.selectionOccurrenceHighlight#1ce5ff4d
- minimap.warningHighlight#fff45e
- minimapGutter.addedBackground#38ff67
- minimapGutter.deletedBackground#ff5d9f
- minimapGutter.modifiedBackground#fff45e
- minimapSlider.activeBackground#7b7b7b66
- minimapSlider.background#7b7b7b33
- minimapSlider.hoverBackground#7b7b7b4d
- modernActivityBar.background#191919
- modernActivityBar.border#19191900
- modernActivityBar.inactiveBackground#191919
- modernActivityBarItem.activeBackground#f8f8f81f
- modernActivityBarItem.activeForeground#38ff67
- modernActivityBarItem.hoverBackground#f8f8f80f
- modernActivityBarItem.hoverForeground#f8f8f8
- modernEditorTab.activeActionBackground#19191900
- modernEditorTab.activeBackground#252525
- modernEditorTab.activeForeground#38ff67
- modernEditorTab.activeHoverActionBackground#19191900
- modernEditorTab.activeHoverBackground#f8f8f80f
- modernEditorTab.hoverActionBackground#19191900
- modernEditorTab.hoverBackground#f8f8f80f
- modernEditorTab.hoverForeground#f8f8f8
- modernEditorTab.inactiveBackground#191919
- modernEditorTab.selectedActionBackground#19191900
- modernTab.activeBackground#252525
- modernTab.activeForeground#38ff67
- modernTab.hoverBackground#f8f8f80f
- modernTab.hoverForeground#f8f8f8
- multiDiffEditor.background#191919
- multiDiffEditor.border#454545
- multiDiffEditor.headerBackground#191919
- notebook.cellBorderColor#454545
- notebook.cellEditorBackground#252525
- notebook.cellHoverBackground#f8f8f808
- notebook.cellInsertionIndicator#38ff67
- notebook.cellStatusBarItemHoverBackground#454545
- notebook.cellToolbarSeparator#454545
- notebook.editorBackground#252525
- notebook.focusedCellBackground#f8f8f80a
- notebook.focusedCellBorder#38ff67
- notebook.focusedEditorBorder#38ff67
- notebook.inactiveFocusedCellBorder#454545
- notebook.inactiveSelectedCellBorder#454545
- notebook.outputContainerBackgroundColor#191919
- notebook.outputContainerBorderColor#454545
- notebook.selectedCellBackground#f8f8f80a
- notebook.selectedCellBorder#454545
- notebook.symbolHighlightBackground#0000002e
- notebookEditorOverviewRuler.runningCellForeground#1fe5ff
- notebookScrollbarSlider.activeBackground#7b7b7bcc
- notebookScrollbarSlider.background#7b7b7b66
- notebookScrollbarSlider.hoverBackground#7b7b7b99
- notebookStatusErrorIcon.foreground#ff5e5d
- notebookStatusRunningIcon.foreground#1fe5ff
- notebookStatusSuccessIcon.foreground#38ff67
- notificationCenter.border#454545
- notificationCenterHeader.background#252525
- notificationCenterHeader.foreground#909090
- notificationLink.foreground#38ff67
- notifications.background#191919
- notifications.border#454545
- notifications.foreground#f8f8f8
- notificationsErrorIcon.foreground#ff5e5d
- notificationsInfoIcon.foreground#1fe5ff
- notificationsWarningIcon.foreground#fff45e
- notificationToast.border#454545
- outputView.background#191919
- outputViewStickyScroll.background#191919
- panel.background#191919
- panel.border#454545
- panel.dropBorder#38ff67
- panelInput.border#7b7b7b
- panelSection.border#252525
- panelSection.dropBackground#38ff671f
- panelSectionHeader.background#252525
- panelSectionHeader.border#19191900
- panelSectionHeader.foreground#909090
- panelStickyScroll.background#191919
- panelStickyScroll.border#252525
- panelStickyScroll.shadow#0000005c
- panelTitle.activeBorder#38ff67
- panelTitle.activeForeground#38ff67
- panelTitle.border#19191900
- panelTitle.inactiveForeground#909090
- peekView.border#38ff67
- peekViewEditor.background#252525
- peekViewEditor.matchHighlightBackground#004b15
- peekViewEditor.matchHighlightBorder#19191900
- peekViewEditorGutter.background#252525
- peekViewEditorStickyScroll.background#252525
- peekViewResult.background#191919
- peekViewResult.fileForeground#909090
- peekViewResult.lineForeground#909090
- peekViewResult.matchHighlightBackground#004b15
- peekViewResult.selectionBackground#454545
- peekViewResult.selectionForeground#f8f8f8
- peekViewTitle.background#191919
- peekViewTitleDescription.foreground#909090
- peekViewTitleLabel.foreground#38ff67
- pickerGroup.border#454545
- pickerGroup.foreground#38ff67
- ports.iconRunningProcessForeground#38ff67
- problemsErrorIcon.foreground#ff5e5d
- problemsInfoIcon.foreground#1fe5ff
- problemsWarningIcon.foreground#fff45e
- profileBadge.background#454545
- profileBadge.foreground#f8f8f8
- progressBar.background#38ff67
- quickInput.background#191919
- quickInput.foreground#f8f8f8
- quickInputList.focusBackground#252525
- quickInputList.focusForeground#f8f8f8
- quickInputList.focusIconForeground#38ff67
- quickInputTitle.background#252525
- radio.activeBackground#38ff671a
- radio.activeBorder#38ff67
- radio.activeForeground#38ff67
- radio.inactiveBorder#7b7b7b
- radio.inactiveHoverBackground#454545
- sash.hoverBorder#38ff67
- scrollbar.shadow#19191900
- scrollbarSlider.activeBackground#7b7b7bcc
- scrollbarSlider.background#7b7b7b66
- scrollbarSlider.hoverBackground#7b7b7b99
- search.resultsInfoForeground#909090
- searchEditor.findMatchBackground#004b1580
- searchEditor.findMatchBorder#19191900
- searchEditor.textInputBorder#7b7b7b
- selection.background#38ff674d
- settings.checkboxBackground#252525
- settings.checkboxBorder#7b7b7b
- settings.checkboxForeground#f8f8f8
- settings.dropdownBackground#252525
- settings.dropdownBorder#7b7b7b
- settings.dropdownForeground#f8f8f8
- settings.dropdownListBorder#454545
- settings.focusedRowBackground#f8f8f80a
- settings.focusedRowBorder#38ff67
- settings.headerBorder#454545
- settings.headerForeground#f8f8f8
- settings.modifiedItemIndicator#38ff67
- settings.numberInputBackground#252525
- settings.numberInputBorder#7b7b7b
- settings.numberInputForeground#f8f8f8
- settings.rowHoverBackground#f8f8f808
- settings.sashBorder#454545
- settings.settingsHeaderHoverForeground#f8f8f8
- settings.textInputBackground#252525
- settings.textInputBorder#7b7b7b
- settings.textInputForeground#f8f8f8
- sideBar.background#191919
- sideBar.border#454545
- sideBar.dropBackground#38ff671f
- sideBar.foreground#909090
- sideBarActivityBarTop.border#191919
- sideBarSectionHeader.background#252525
- sideBarSectionHeader.border#19191900
- sideBarSectionHeader.foreground#909090
- sideBarStickyScroll.background#191919
- sideBarStickyScroll.border#252525
- sideBarStickyScroll.shadow#0000005c
- sideBarTitle.background#191919
- sideBarTitle.foreground#909090
- simpleFindWidget.sashBorder#454545
- statusBar.background#191919
- statusBar.border#19191900
- statusBar.debuggingBackground#38ff67
- statusBar.debuggingBorder#38ff67
- statusBar.debuggingForeground#191919
- statusBar.focusBorder#38ff67
- statusBar.foreground#909090
- statusBar.noFolderBackground#191919
- statusBar.noFolderBorder#19191900
- statusBar.noFolderForeground#909090
- statusBarItem.activeBackground#f8f8f829
- statusBarItem.compactHoverBackground#454545
- statusBarItem.errorBackground#ce052b
- statusBarItem.errorForeground#f8f8f8
- statusBarItem.errorHoverBackground#ae0928
- statusBarItem.errorHoverForeground#f8f8f8
- statusBarItem.focusBorder#38ff67
- statusBarItem.hoverBackground#f8f8f81a
- statusBarItem.hoverForeground#f8f8f8
- statusBarItem.offlineBackground#ff9831
- statusBarItem.offlineForeground#191919
- statusBarItem.prominentBackground#252525
- statusBarItem.prominentForeground#f8f8f8
- statusBarItem.prominentHoverBackground#454545
- statusBarItem.prominentHoverForeground#f8f8f8
- statusBarItem.remoteBackground#38ff67
- statusBarItem.remoteForeground#191919
- statusBarItem.remoteHoverBackground#32d157
- statusBarItem.remoteHoverForeground#191919
- statusBarItem.warningBackground#fff45e
- statusBarItem.warningForeground#191919
- statusBarItem.warningHoverBackground#d1c850
- statusBarItem.warningHoverForeground#191919
- symbolIcon.arrayForeground#909090
- symbolIcon.booleanForeground#c779ff
- symbolIcon.classForeground#38ff67
- symbolIcon.colorForeground#909090
- symbolIcon.constantForeground#c779ff
- symbolIcon.constructorForeground#38ff67
- symbolIcon.enumeratorForeground#1fe5ff
- symbolIcon.enumeratorMemberForeground#1fe5ff
- symbolIcon.eventForeground#ff9831
- symbolIcon.fieldForeground#f8f8f8
- symbolIcon.fileForeground#909090
- symbolIcon.folderForeground#909090
- symbolIcon.functionForeground#38ff67
- symbolIcon.interfaceForeground#1fe5ff
- symbolIcon.keyForeground#909090
- symbolIcon.keywordForeground#ff5d9f
- symbolIcon.methodForeground#38ff67
- symbolIcon.moduleForeground#1fe5ff
- symbolIcon.namespaceForeground#1fe5ff
- symbolIcon.nullForeground#c779ff
- symbolIcon.numberForeground#c779ff
- symbolIcon.objectForeground#1fe5ff
- symbolIcon.operatorForeground#ff5d9f
- symbolIcon.packageForeground#1fe5ff
- symbolIcon.propertyForeground#f8f8f8
- symbolIcon.referenceForeground#909090
- symbolIcon.snippetForeground#909090
- symbolIcon.stringForeground#fff45e
- symbolIcon.structForeground#1fe5ff
- symbolIcon.textForeground#909090
- symbolIcon.typeParameterForeground#1fe5ff
- symbolIcon.unitForeground#909090
- symbolIcon.variableForeground#f8f8f8
- tab.activeBackground#252525
- tab.activeBorder#19191900
- tab.activeBorderTop#38ff67
- tab.activeForeground#38ff67
- tab.activeModifiedBorder#fff45e
- tab.border#454545
- tab.dragAndDropBorder#38ff67
- tab.hoverBackground#f8f8f80f
- tab.hoverBorder#19191900
- tab.hoverForeground#f8f8f8
- tab.inactiveBackground#191919
- tab.inactiveForeground#909090
- tab.inactiveModifiedBorder#fff45e80
- tab.lastPinnedBorder#454545
- tab.selectedBackground#252525
- tab.selectedBorderTop#38ff67
- tab.selectedForeground#38ff67
- tab.unfocusedActiveBackground#252525
- tab.unfocusedActiveBorder#19191900
- tab.unfocusedActiveBorderTop#38ff6780
- tab.unfocusedActiveForeground#909090
- tab.unfocusedActiveModifiedBorder#fff45e80
- tab.unfocusedHoverBackground#f8f8f80a
- tab.unfocusedHoverForeground#909090
- tab.unfocusedInactiveBackground#191919
- tab.unfocusedInactiveForeground#7b7b7b
- tab.unfocusedInactiveModifiedBorder#fff45e40
- terminal.ansiBlack#000000
- terminal.ansiBlue#1ce5ff
- terminal.ansiBrightBlack#7b7b7b
- terminal.ansiBrightBlue#1fe5ff
- terminal.ansiBrightCyan#1fe5ff
- terminal.ansiBrightGreen#38ff67
- terminal.ansiBrightMagenta#c779ff
- terminal.ansiBrightRed#ff5d9f
- terminal.ansiBrightWhite#f8f8f8
- terminal.ansiBrightYellow#fff45e
- terminal.ansiCyan#1ce5ff
- terminal.ansiGreen#38ff67
- terminal.ansiMagenta#c064ff
- terminal.ansiRed#ff4496
- terminal.ansiWhite#909090
- terminal.ansiYellow#fff45e
- terminal.background#191919
- terminal.border#19191900
- terminal.dropBackground#38ff671f
- terminal.findMatchBackground#0000004d
- terminal.findMatchBorder#38ff67
- terminal.findMatchHighlightBackground#0000002e
- terminal.findMatchHighlightBorder#38ff6780
- terminal.foreground#f8f8f8
- terminal.hoverHighlightBackground#38ff671f
- terminal.inactiveSelectionBackground#f8f8f81f
- terminal.selectionBackground#f8f8f840
- terminal.tab.activeBorder#38ff67
- terminalCommandDecoration.defaultBackground#7b7b7b
- terminalCommandDecoration.errorBackground#ff5e5d
- terminalCommandDecoration.successBackground#38ff67
- terminalCommandGuide.foreground#38ff6766
- terminalCursor.background#191919
- terminalCursor.foreground#f8f8f8
- terminalOverviewRuler.cursorForeground#38ff67
- terminalOverviewRuler.findMatchForeground#38ff6799
- terminalStickyScroll.background#191919
- terminalStickyScroll.border#252525
- terminalStickyScrollHover.background#252525
- testing.coverCountBadgeBackground#454545
- testing.coverCountBadgeForeground#f8f8f8
- testing.coveredBackground#38ff671f
- testing.coveredBorder#38ff6766
- testing.coveredGutterBackground#38ff6766
- testing.iconErrored#ff5e5d
- testing.iconFailed#ff5e5d
- testing.iconPassed#38ff67
- testing.iconQueued#fff45e
- testing.iconSkipped#7b7b7b
- testing.iconUnset#7b7b7b
- testing.message.error.badgeBackground#ce052b
- testing.message.error.badgeBorder#ff5e5d
- testing.message.error.badgeForeground#f8f8f8
- testing.message.error.lineBackground#fb00301f
- testing.message.info.decorationForeground#909090
- testing.message.info.lineBackground#7b7b7b14
- testing.messagePeekBorder#1fe5ff
- testing.messagePeekHeaderBackground#1ce5ff1f
- testing.peekBorder#ff5e5d
- testing.peekHeaderBackground#fb00301f
- testing.runAction#38ff67
- testing.uncoveredBackground#ff44961f
- testing.uncoveredBorder#ff449666
- testing.uncoveredBranchBackground#ff983133
- testing.uncoveredGutterBackground#ff449666
- textBlockQuote.background#252525
- textBlockQuote.border#38ff67
- textCodeBlock.background#252525
- textLink.activeForeground#38ff67
- textLink.foreground#38ff67
- textPreformat.background#38ff671a
- textPreformat.foreground#38ff67
- textSeparator.foreground#7b7b7b
- titleBar.activeBackground#191919
- titleBar.activeForeground#f8f8f8
- titleBar.border#19191900
- titleBar.inactiveBackground#191919
- titleBar.inactiveForeground#7b7b7b
- toolbar.activeBackground#f8f8f82e
- toolbar.hoverBackground#f8f8f81f
- toolbar.hoverOutline#19191900
- tree.inactiveIndentGuidesStroke#7b7b7b80
- tree.indentGuidesStroke#7b7b7b
- tree.tableColumnsBorder#454545
- tree.tableOddRowsBackground#25252580
- walkThrough.embeddedEditorBackground#252525
- walkthrough.stepTitle.foreground#f8f8f8
- welcomePage.background#191919
- welcomePage.progress.background#252525
- welcomePage.progress.foreground#38ff67
- welcomePage.tileBackground#252525
- welcomePage.tileBorder#454545
- welcomePage.tileHoverBackground#454545
- widget.border#454545
- widget.shadow#0000005c
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #909090 | — |
| string | #fff45e | — |
| constant.numeric | #c064ff | — |
| constant.language | #c064ff | — |
| constant.character, constant.other | #c064ff | — |
| variable | — | — |
| variable.other.readwrite.instance | #ff9831 | — |
| constant.character.escaped, constant.character.escape, string source, string source.ruby | #38ff67 | — |
| keyword | #ff4496 | — |
| storage | #ff4496 | — |
| storage.type | #1ce5ff | italic |
| entity.name.class | #38ff67 | underline |
| entity.other.inherited-class | #38ff67 | italic underline |
| entity.name.function | #38ff67 | — |
| variable.parameter | #ff9831 | italic |
| entity.name.tag | #ff4496 | — |
| entity.other.attribute-name | #38ff67 | — |
| support.function | #1ce5ff | — |
| support.constant | #1ce5ff | — |
| support.type, support.class | #1ce5ff | italic |
| support.other.variable | — | — |
| invalid | #ff5e5d | — |
| invalid.deprecated | #ff5e5d | — |
| meta.structure.dictionary.json string.quoted.double.json | #ff5e5d | — |
| meta.diff, meta.diff.header | #1ce5ff | — |
| markup.deleted | #ff4496 | — |
| markup.inserted | #38ff67 | — |
| markup.changed | #fff45e | — |
| constant.numeric.line-number.find-in-files - match | #c064ff | — |
| entity.name.filename | #fff45e | — |
| message.error | #ff5e5d | — |
| punctuation.definition.string.begin.json - meta.structure.dictionary.value.json, punctuation.definition.string.end.json - meta.structure.dictionary.value.json | #ff5e5d | — |
| meta.structure.dictionary.json string.quoted.double.json | #1ce5ff | — |
| meta.structure.dictionary.value.json string.quoted.double.json | #fff45e | — |
| meta meta meta meta meta meta meta.structure.dictionary.value string | #38ff67 | — |
| meta meta meta meta meta meta.structure.dictionary.value string | #ff9831 | — |
| meta meta meta meta meta.structure.dictionary.value string | #ff4496 | — |
| meta meta meta meta.structure.dictionary.value string | #c064ff | — |
| meta meta meta.structure.dictionary.value string | #38ff67 | — |
| meta meta.structure.dictionary.value string | #ff9831 | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as, keyword.control.default | #ff4496 | — |
| keyword.operator.expression, keyword.operator.new, keyword.operator.logical, keyword.operator.ternary | #ff4496 | — |
| punctuation.accessor | #ff4496 | — |
| variable.language, variable.language.this, variable.language.super, variable.language.self | #ff4496 | — |
| entity.name.type, entity.name.type.interface, entity.name.type.enum, entity.name.type.alias, entity.name.type.parameter | #1ce5ff | — |
| entity.name.namespace, entity.name.module, entity.name.scope-resolution | #1ce5ff | — |
| entity.name.function.member, meta.method entity.name.function, variable.function | #38ff67 | — |
| meta.decorator, meta.decorator entity.name.function, punctuation.decorator | #ff9831 | — |
| entity.name.label, entity.name.section | #38ff67 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #ff4496 | — |
| meta.embedded, meta.template.expression | #f8f8f8 | — |
| keyword.operator.or.regexp, keyword.control.anchor.regexp, punctuation.definition.group.regexp | #ff4496 | — |
| constant.other.character-class.regexp, constant.character.escape.backslash.regexp | #c064ff | — |
| storage.type.class.jsdoc, punctuation.definition.block.tag.jsdoc | #ff4496 | — |
| entity.name.type.instance.jsdoc, variable.other.jsdoc | #1ce5ff | — |
| markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown | #38ff67 | bold |
| markup.bold | #ff9831 | bold |
| markup.italic | #ff9831 | italic |
| markup.strikethrough | #909090 | strikethrough |
| markup.quote | #909090 | — |
| markup.inline.raw, markup.fenced_code, markup.raw | #fff45e | — |
| markup.list, beginning.punctuation.definition.list.markdown | #ff4496 | — |
| string.other.link.title, string.other.link.description | #38ff67 | — |
| markup.underline.link, string.other.link | #1ce5ff | — |
| meta.separator.markdown | #909090 | — |
| support.class.component, entity.name.tag.jsx, entity.name.tag.tsx | #38ff67 | — |
| punctuation.definition.tag | #ff4496 | — |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #38ff67 | — |
| entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element | #1ce5ff | — |
| support.type.property-name.css, support.type.property-name.scss, meta.property-name | #1ce5ff | — |
| support.constant.property-value, meta.property-value | #c064ff | — |
| keyword.other.unit | #c064ff | — |
| keyword.control.at-rule, punctuation.definition.keyword.css | #ff4496 | — |
| variable.argument.css, variable.css, support.type.property-name.variable | #ff9831 | — |
| entity.name.tag.yaml | #1ce5ff | — |
| entity.name.type.anchor.yaml, variable.other.alias.yaml | #ff9831 | — |
| keyword.other.definition.ini, entity.name.tag.toml, support.type.property-name.toml | #1ce5ff | — |
| support.function.builtin.shell, entity.name.function.call.shell | #38ff67 | — |
| variable.other.normal.shell, punctuation.definition.variable.shell | #ff9831 | — |
| keyword.other.special-method.dockerfile, keyword.control.dockerfile | #ff4496 | — |
| keyword.other.DML.sql, keyword.other.DDL.sql | #ff4496 | — |
| variable.graphql, meta.selectionset.graphql variable | #f8f8f8 | — |
| support.type.graphql, entity.name.fragment.graphql | #1ce5ff | — |