Minimalist DL

Color themes

• 

  Minimal Dark

• 

  Minimal Light

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.background#f5f5f5
• activityBar.border#f9f9f9
• activityBar.foreground#2a2a2a
• activityBar.inactiveForeground#888888
• activityBarBadge.background#2a2a2a
• activityBarBadge.foreground#f5f5f5
• badge.background#d0d0d0
• badge.foreground#2a2a2a
• button.background#e0e0e0
• button.foreground#2a2a2a
• button.hoverBackground#d0d0d0
• checkbox.background#f0f0f0
• checkbox.border#f9f9f9
• debugExceptionWidget.background#f8e0e0
• debugExceptionWidget.border#c87070
• descriptionForeground#666666
• diffEditor.insertedTextBackground#e0f0e033
• diffEditor.removedTextBackground#f0e0e033
• dropdown.background#f0f0f0
• dropdown.border#f9f9f9
• dropdown.foreground#2a2a2a
• editor.background#f9f9f9
• editor.findMatchBackground#fff0a0
• editor.findMatchHighlightBackground#ffe880
• editor.findRangeHighlightBackground#e8f0f0
• editor.foreground#2a2a2a
• editor.hoverHighlightBackground#f0f0f0
• editor.inactiveSelectionBackground#f0f0f0
• editor.lineHighlightBackground#f8f8f8
• editor.lineHighlightBorder#f8f8f8
• editor.rangeHighlightBackground#f0f8f0
• editor.selectionBackground#e0e8f0
• editor.selectionHighlightBackground#e8f0e8
• editorBracketMatch.background#f0f0f0
• editorBracketMatch.border#f9f9f9
• editorCodeLens.foreground#aaaaaa
• editorCursor.foreground#2a2a2a
• editorError.foreground#c87070
• editorGroup.background#f9f9f9
• editorGroup.border#f9f9f9
• editorGroupHeader.tabsBackground#f5f5f5
• editorGutter.addedBackground#80c080
• editorGutter.background#f9f9f9
• editorGutter.deletedBackground#c87070
• editorGutter.modifiedBackground#2a2a2a
• editorHoverWidget.background#f9f9f9
• editorHoverWidget.border#f9f9f9
• editorIndentGuide.activeBackground#e0e0e0
• editorIndentGuide.background#f0f0f0
• editorInfo.foreground#7090b0
• editorLineNumber.activeForeground#666666
• editorLineNumber.foreground#aaaaaa
• editorLink.activeForeground#2a2a2a
• editorMarkerNavigation.background#f9f9f9
• editorMarkerNavigationError.background#c87070
• editorMarkerNavigationInfo.background#7090b0
• editorMarkerNavigationWarning.background#b0a070
• editorOverviewRuler.border#f9f9f9
• editorOverviewRuler.errorForeground#c87070
• editorOverviewRuler.findMatchForeground#ccc080
• editorOverviewRuler.infoForeground#7090b0
• editorOverviewRuler.rangeHighlightForeground#a0a0a0
• editorOverviewRuler.selectionHighlightForeground#909090
• editorOverviewRuler.warningForeground#b0a070
• editorRuler.foreground#f0f0f0
• editorSuggestWidget.background#f9f9f9
• editorSuggestWidget.border#f9f9f9
• editorSuggestWidget.foreground#2a2a2a
• editorSuggestWidget.highlightForeground#2a2a2a
• editorSuggestWidget.selectedBackground#f0f0f0
• editorWarning.foreground#b0a070
• editorWhitespace.foreground#e0e0e0
• editorWidget.background#f9f9f9
• editorWidget.border#f9f9f9
• errorForeground#c87070
• extensionButton.prominentBackground#e0e0e0
• extensionButton.prominentForeground#2a2a2a
• extensionButton.prominentHoverBackground#d0d0d0
• focusBorder#f9f9f9
• foreground#2a2a2a
• input.background#f0f0f0
• input.border#f9f9f9
• input.foreground#2a2a2a
• input.placeholderForeground#888888
• inputOption.activeBorder#2a2a2a
• inputValidation.errorBackground#f8e0e0
• inputValidation.errorBorder#c87070
• inputValidation.infoBackground#e0e8f0
• inputValidation.infoBorder#7090b0
• inputValidation.warningBackground#f8f0e0
• inputValidation.warningBorder#b0a070
• list.activeSelectionBackground#e8e8e8
• list.activeSelectionForeground#2a2a2a
• list.dropBackground#d8d8d8
• list.errorForeground#c87070
• list.focusBackground#e8e8e8
• list.highlightForeground#2a2a2a
• list.hoverBackground#f0f0f0
• list.inactiveSelectionBackground#f0f0f0
• list.inactiveSelectionForeground#2a2a2a
• list.warningForeground#b0a070
• merge.border#f9f9f9
• merge.commonContentBackground#f0f0f0
• merge.commonHeaderBackground#e0e0e0
• merge.currentContentBackground#e0f0e019
• merge.currentHeaderBackground#e0f0e033
• merge.incomingContentBackground#e0e8f019
• merge.incomingHeaderBackground#e0e8f033
• notification.background#f9f9f9
• notification.buttonBackground#e0e0e0
• notification.buttonForeground#2a2a2a
• notification.buttonHoverBackground#d0d0d0
• notification.errorBackground#f8e0e0
• notification.errorForeground#c87070
• notification.foreground#2a2a2a
• notification.infoBackground#e0e8f0
• notification.infoForeground#7090b0
• notification.warningBackground#f8f0e0
• notification.warningForeground#b0a070
• panel.background#f5f5f5
• panel.border#f9f9f9
• panelTitle.activeBorder#2a2a2a
• panelTitle.activeForeground#2a2a2a
• panelTitle.inactiveForeground#888888
• peekView.border#f9f9f9
• peekViewEditor.background#f9f9f9
• peekViewEditorGutter.background#f9f9f9
• peekViewResult.background#f9f9f9
• peekViewResult.fileForeground#2a2a2a
• peekViewResult.lineForeground#888888
• peekViewResult.selectionBackground#f0f0f0
• peekViewResult.selectionForeground#2a2a2a
• peekViewTitle.background#f9f9f9
• peekViewTitleDescription.foreground#888888
• peekViewTitleLabel.foreground#2a2a2a
• pickerGroup.border#f9f9f9
• pickerGroup.foreground#888888
• progressBar.background#2a2a2a
• quickInput.background#f9f9f9
• quickInput.foreground#2a2a2a
• scrollbar.shadow#f9f9f9
• scrollbarSlider.activeBackground#b0b0b080
• scrollbarSlider.background#d0d0d080
• scrollbarSlider.hoverBackground#c0c0c080
• settings.checkboxBackground#f0f0f0
• settings.checkboxBorder#f9f9f9
• settings.dropdownBackground#f0f0f0
• settings.dropdownBorder#f9f9f9
• settings.dropdownListBorder#f9f9f9
• settings.headerForeground#2a2a2a
• settings.modifiedItemIndicator#2a2a2a
• settings.numberInputBackground#f0f0f0
• settings.numberInputBorder#f9f9f9
• settings.textInputBackground#f0f0f0
• settings.textInputBorder#f9f9f9
• sideBar.background#f5f5f5
• sideBar.border#f9f9f9
• sideBar.foreground#2a2a2a
• sideBarSectionHeader.background#f5f5f5
• sideBarSectionHeader.foreground#2a2a2a
• sideBarTitle.foreground#2a2a2a
• statusBar.background#f5f5f5
• statusBar.border#f9f9f9
• statusBar.debuggingBackground#e8e0d0
• statusBar.debuggingForeground#2a2a2a
• statusBar.foreground#2a2a2a
• statusBar.noFolderBackground#f5f5f5
• statusBar.noFolderForeground#2a2a2a
• statusBarItem.activeBackground#e8e8e8
• statusBarItem.hoverBackground#f0f0f0
• statusBarItem.prominentBackground#e0e0e0
• statusBarItem.prominentHoverBackground#d0d0d0
• tab.activeBackground#f9f9f9
• tab.activeBorder#f9f9f9
• tab.activeBorderTop#f9f9f9
• tab.activeForeground#2a2a2a
• tab.border#f9f9f9
• tab.inactiveBackground#f5f5f5
• tab.inactiveForeground#888888
• textBlockQuote.background#f9f9f9
• textBlockQuote.border#f9f9f9
• textCodeBlock.background#f8f8f8
• textLink.activeForeground#507090
• textLink.foreground#7090b0
• textPreformat.background#f8f8f8
• textPreformat.foreground#2a2a2a
• textSeparator.foreground#f9f9f9
• titleBar.activeBackground#f5f5f5
• titleBar.activeForeground#2a2a2a
• titleBar.border#f9f9f9
• titleBar.inactiveBackground#f5f5f5
• titleBar.inactiveForeground#888888
• welcomePage.buttonBackground#f0f0f0
• welcomePage.buttonHoverBackground#e0e0e0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).