Mindsetsky themes

Color themes

• 

  Mindsetsky Green

• 

  Mindsetsky Pink

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#0f0f0f
• activityBar.border#0f0f0f
• activityBar.foreground#a55c93
• activityBarBadge.background#0f0f0f
• activityBarBadge.foreground#ffcef9
• badge.background#0f0f0f
• badge.foreground#ffcef9
• breadcrumb.activeSelectionBackground#f98dde40
• breadcrumb.activeSelectionForeground#a55c93
• breadcrumb.background#0f0f0f
• breadcrumb.focusForeground#ffcef9
• breadcrumb.foreground#ffcef9
• breadcrumbPicker.background#0f0f0f
• button.background#0f0f0f
• contrastBorder#0f0f0f
• debugToolBar.background#0f0f0f
• diffEditor.insertedTextBackground#f98dde40
• diffEditor.removedTextBackground#f98dde40
• dropdown.background#0f0f0f
• dropdown.border#0f0f0f
• dropdown.listBackground#0f0f0f
• editor.background#080808
• editor.findMatchBackground#f98dde40
• editor.findMatchBorder#f98dde40
• editor.findMatchHighlightBackground#f98dde40
• editor.findMatchHighlightBorder#f98dde40
• editor.foreground#ffcef9
• editor.hoverHighlightBackground#f98dde40
• editor.lineHighlightBackground#0f0f0f60
• editor.selectionBackground#f98dde40
• editor.selectionHighlightBackground#f98dde40
• editor.selectionHighlightBorder#f98dde40
• editor.wordHighlightBackground#f98dde40
• editor.wordHighlightStrongBackground#fe3eab40
• editor.wordHighlightTextBackground#f98dde40
• editorActionList.background#f98dde40
• editorActionList.focusBackground#f98dde40
• editorActionList.focusForeground#ffcef9
• editorActionList.foreground#ffcef9
• editorBracketHighlight.foreground1#b02a81
• editorBracketHighlight.foreground2#a55c93
• editorBracketHighlight.foreground3#ffcef9
• editorBracketHighlight.foreground4#ffcef9
• editorBracketHighlight.foreground5#ffcef9
• editorBracketHighlight.foreground6#ffcef9
• editorBracketMatch.background#fe3eab40
• editorBracketMatch.border#fe3eab40
• editorCursor.foreground#f98dde40
• editorError.foreground#b02a81
• editorGroup.border#0f0f0f
• editorGroup.dropBackground#f98dde40
• editorGroupHeader.tabsBackground#0f0f0f
• editorGutter.addedBackground#fe3eab40
• editorGutter.deletedBackground#f98dde40
• editorGutter.modifiedBackground#f98dde40
• editorHoverWidget.background#0f0f0f
• editorHoverWidget.border#0f0f0f
• editorInfo.foreground#ffcef9
• editorLineNumber.activeForeground#a55c93
• editorLineNumber.foreground#f98dde40
• editorLink.activeForeground#ffcef9
• editorMarkerNavigation.background#0f0f0f60
• editorOverviewRuler.border#0f0f0f
• editorOverviewRuler.errorForeground#b02a81
• editorOverviewRuler.findMatchForeground#a55c93
• editorOverviewRuler.infoForeground#a55c93
• editorOverviewRuler.warningForeground#b02a81
• editorRuler.foreground#a55c93
• editorSuggestWidget.background#0f0f0f
• editorSuggestWidget.border#0f0f0f
• editorSuggestWidget.foreground#ffcef9
• editorSuggestWidget.highlightForeground#ffcef9
• editorSuggestWidget.selectedBackground#0f0f0f60
• editorWarning.foreground#b02a81
• editorWhitespace.foreground#f98dde40
• editorWidget.background#0f0f0f
• editorWidget.border#0f0f0f
• editorWidget.resizeBorder#0f0f0f
• extensionButton.prominentBackground#0f0f0f
• extensionButton.prominentHoverBackground#b02a81
• focusBorder#0f0f0f
• gitDecoration.conflictingResourceForeground#aa4d84
• gitDecoration.deletedResourceForeground#aa4d84
• gitDecoration.ignoredResourceForeground#f98dde40
• gitDecoration.modifiedResourceForeground#a55c93
• gitDecoration.untrackedResourceForeground#a55c93
• input.background#0f0f0f
• input.border#0f0f0f
• input.foreground#ffcef9
• input.placeholderForeground#f98dde40
• inputOption.activeBackground#211821
• inputOption.activeBorder#211821
• inputValidation.errorBorder#b02a81
• inputValidation.infoBackground#f98dde40
• inputValidation.infoBorder#f98dde40
• inputValidation.warningBackground#fe3eab40
• inputValidation.warningBorder#fe3eab40
• list.activeSelectionBackground#211821
• list.activeSelectionForeground#ffcef9
• list.errorForeground#b02a81
• list.focusBackground#211821
• list.focusForeground#ffcef9
• list.highlightForeground#ffcef9
• list.hoverBackground#211821
• list.hoverForeground#ffcef9
• list.inactiveSelectionBackground#0f0f0f
• list.inactiveSelectionForeground#ffcef9
• list.invalidItemForeground#b02a81
• list.warningForeground#b02a81
• listFilterWidget.background#0f0f0f
• listFilterWidget.noMatchesOutline#0f0f0f
• listFilterWidget.outline#f98dde40
• menu.background#0f0f0f
• menu.border#0f0f0f
• menu.foreground#ffcef9
• menu.selectionBackground#211821
• menu.selectionBorder#211821
• menu.selectionForeground#a55c93
• menu.separatorBackground#f98dde40
• menubar.selectionBackground#211821
• menubar.selectionBorder#211821
• menubar.selectionForeground#a55c93
• minimap.background#0f0f0f
• minimap.selectionHighlight#f98dde40
• minimapGutter.addedBackground#fe3eab40
• minimapGutter.deletedBackground#fe3eab40
• minimapGutter.modifiedBackground#fe3eab40
• minimapSlider.activeBackground#f98dde40
• minimapSlider.background#f98dde40
• minimapSlider.hoverBackground#f98dde40
• notificationLink.foreground#b02a81
• notifications.background#0f0f0f
• notifications.foreground#ffcef9
• panel.background#0f0f0f
• panel.border#0f0f0f
• panelTitle.activeBorder#ffcef9
• panelTitle.activeForeground#ffcef9
• panelTitle.inactiveForeground#ffcef9
• peekView.border#0f0f0f
• peekViewEditor.background#0f0f0f
• peekViewEditor.matchHighlightBackground#f98dde40
• peekViewEditorGutter.background#0f0f0f
• peekViewResult.background#0f0f0f
• peekViewResult.matchHighlightBackground#f98dde40
• peekViewResult.selectionBackground#f98dde40
• peekViewTitle.background#0f0f0f
• peekViewTitleDescription.foreground#ffcef9
• pickerGroup.foreground#ffcef9
• ports.iconRunningProcessForeground#ffcef9
• progressBar.background#0f0f0f
• scrollbar.shadow#0f0f0f
• scrollbarSlider.activeBackground#ffcef9
• scrollbarSlider.background#ffcef9
• scrollbarSlider.hoverBackground#ffcef9
• selection.background#ffcef9
• settings.checkboxBackground#0f0f0f
• settings.checkboxForeground#ffcef9
• settings.dropdownBackground#0f0f0f
• settings.dropdownForeground#ffcef9
• settings.focusedRowBackground#f98dde40
• settings.headerForeground#0f0f0f
• settings.modifiedItemIndicator#a55c93
• settings.numberInputBackground#0f0f0f
• settings.numberInputForeground#ffcef9
• settings.textInputBackground#0f0f0f
• settings.textInputForeground#ffcef9
• sideBar.background#0f0f0f
• sideBar.border#0f0f0f
• sideBar.foreground#ffcef9
• sideBarSectionHeader.background#0f0f0f
• sideBarSectionHeader.border#0f0f0f
• sideBarSectionHeader.foreground#a55c93
• sideBarTitle.foreground#a55c93
• statusBar.background#0f0f0f
• statusBar.border#0f0f0f
• statusBar.debuggingBackground#211821
• statusBar.debuggingForeground#a55c93
• statusBar.foreground#ffcef9
• statusBar.noFolderBackground#0f0f0f
• statusBarItem.hoverBackground#211821
• statusBarItem.remoteBackground#211821
• statusBarItem.remoteForeground#a55c93
• tab.activeBackground#211821
• tab.activeBorder#211821
• tab.activeForeground#ffcef9
• tab.activeModifiedBorder#211821
• tab.border#0f0f0f
• tab.inactiveBackground#0f0f0f
• tab.inactiveForeground#ffcef9
• tab.unfocusedActiveBackground#211821
• tab.unfocusedActiveBorder#211821
• tab.unfocusedActiveForeground#ffcef9
• tab.unfocusedInactiveBackground#0f0f0f
• tab.unfocusedInactiveForeground#ffcef9
• terminal.ansiBlack#080808
• terminal.ansiBlue#b02a81
• terminal.ansiBrightBlack#424242
• terminal.ansiBrightBlue#b02a81
• terminal.ansiBrightCyan#a55c93
• terminal.ansiBrightGreen#ffffff
• terminal.ansiBrightMagenta#aa4d84
• terminal.ansiBrightRed#df4c89
• terminal.ansiBrightWhite#ffffff
• terminal.ansiBrightYellow#d13c6b
• terminal.ansiCyan#a55c93
• terminal.ansiGreen#ffffff
• terminal.ansiMagenta#aa4d84
• terminal.ansiRed#df4c89
• terminal.ansiWhite#ffcef9
• terminal.ansiYellow#d13c6b
• terminalCursor.background#0f0f0f
• terminalCursor.foreground#ffcef9
• textLink.activeForeground#a55c93
• textLink.foreground#ffcef9
• titleBar.activeBackground#211821
• titleBar.activeForeground#ffcef9
• titleBar.border#211821
• titleBar.inactiveBackground#0f0f0f
• titleBar.inactiveForeground#ffcef9
• tree.indentGuidesStroke#211821
• widget.shadow#0f0f0f

tokenColors

TextMate scopes and font styles (syntax highlighting rules).