NeuroShade

Color themes

• 

  NeuroShade Soft

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#152033
• activityBar.foreground#F8FAFC
• activityBar.inactiveForeground#91A4C1
• activityBarBadge.background#4FD7F7
• activityBarBadge.foreground#0C1725
• badge.background#A78BFA
• badge.foreground#F8FAFC
• button.background#4FD7F7
• button.foreground#0C1725
• button.hoverBackground#7AE4FB
• descriptionForeground#9AAACC
• disabledForeground#8191AB
• dropdown.background#141D2E
• dropdown.border#2A4260
• editor.background#101725
• editor.findMatchBackground#F59E0B44
• editor.findMatchHighlightBackground#F59E0B22
• editor.foreground#E7EEF8
• editor.inactiveSelectionBackground#24324A66
• editor.lineHighlightBackground#161F3088
• editor.selectionBackground#1E3A5F77
• editor.wordHighlightBackground#4FD7F722
• editor.wordHighlightStrongBackground#A78BFA22
• editorBracketMatch.background#A78BFA22
• editorBracketMatch.border#A78BFA88
• editorCursor.foreground#4FD7F7
• editorGutter.addedBackground#4ADE80
• editorGutter.deletedBackground#F87171
• editorGutter.modifiedBackground#4FD7F7
• editorHoverWidget.background#141D2E
• editorHoverWidget.border#2A4260
• editorIndentGuide.activeBackground1#37506F
• editorIndentGuide.background1#213048
• editorLineNumber.activeForeground#A78BFA
• editorLineNumber.foreground#55647D
• editorSuggestWidget.background#141D2E
• editorSuggestWidget.border#2A4260
• editorSuggestWidget.foreground#E7EEF8
• editorSuggestWidget.highlightForeground#4FD7F7
• editorSuggestWidget.selectedBackground#1D3654
• editorWhitespace.foreground#213048
• editorWidget.background#141D2E
• editorWidget.border#2A4260
• errorForeground#F87171
• focusBorder#4FD7F766
• foreground#E7EEF8
• gitDecoration.addedResourceForeground#4ADE80
• gitDecoration.deletedResourceForeground#F87171
• gitDecoration.modifiedResourceForeground#4FD7F7
• icon.foreground#D5E2F3
• input.background#141D2E
• input.border#2A4260
• input.foreground#E7EEF8
• input.placeholderForeground#7A8CA8
• list.activeSelectionBackground#1D3654
• list.activeSelectionForeground#F8FBFF
• list.highlightForeground#4FD7F7
• list.hoverBackground#161F3088
• list.inactiveSelectionBackground#1B2A40
• minimap.selectionHighlight#4FD7F733
• notificationCenterHeader.background#141D2E
• notifications.background#141D2E
• notifications.border#2A4260
• panel.background#111827
• panel.border#243750
• panelTitle.activeForeground#4FD7F7
• panelTitle.inactiveForeground#8191AB
• peekView.border#2A4260
• peekViewEditor.background#111827
• peekViewResult.background#141D2E
• peekViewResult.selectionBackground#1D3654
• peekViewTitle.background#141D2E
• progressBar.background#4FD7F7
• scrollbarSlider.activeBackground#476A94CC
• scrollbarSlider.background#2A4260AA
• scrollbarSlider.hoverBackground#38577CCC
• sideBar.background#162033
• sideBar.foreground#DCE7F9
• sideBarSectionHeader.background#141D2E
• sideBarSectionHeader.foreground#A78BFA
• sideBarTitle.foreground#F8FAFC
• statusBar.background#111827
• statusBar.debuggingBackground#A78BFA
• statusBar.debuggingForeground#F8FAFC
• statusBar.foreground#DCE7F9
• statusBar.noFolderBackground#111827
• tab.activeBackground#141D2E
• tab.activeBorderTop#4FD7F7
• tab.activeForeground#F8FBFF
• tab.border#162033
• tab.inactiveBackground#101725
• tab.inactiveForeground#8191AB
• terminal.ansiBlack#101725
• terminal.ansiBlue#60A5FA
• terminal.ansiBrightBlack#66768F
• terminal.ansiBrightBlue#93C5FD
• terminal.ansiBrightCyan#A5F3FC
• terminal.ansiBrightGreen#86EFAC
• terminal.ansiBrightMagenta#DDD6FE
• terminal.ansiBrightRed#FCA5A5
• terminal.ansiBrightWhite#F8FAFC
• terminal.ansiBrightYellow#FDE68A
• terminal.ansiCyan#4FD7F7
• terminal.ansiGreen#4ADE80
• terminal.ansiMagenta#A78BFA
• terminal.ansiRed#F87171
• terminal.ansiWhite#E3ECF8
• terminal.ansiYellow#F59E0B
• terminal.background#0D1421
• terminal.foreground#E3ECF8
• terminalCursor.foreground#4FD7F7
• titleBar.activeBackground#131C2C
• titleBar.activeForeground#F8FBFF
• titleBar.inactiveBackground#101725
• titleBar.inactiveForeground#8191AB

tokenColors

TextMate scopes and font styles (syntax highlighting rules).