NedoTheme

Color themes

• 

  Nedo Theme

• 

  Nedo Theme Acid

• 

  Nedo Theme Frost

• 

  Nedo Theme INVERT(1)

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#00b4ff
• activityBar.border#0090cc
• activityBar.foreground#000000
• activityBar.inactiveForeground#004466
• activityBarBadge.background#ff0040
• activityBarBadge.foreground#ffffff
• badge.background#ff0040
• badge.foreground#ffffff
• breadcrumb.activeSelectionForeground#1a1a1a
• breadcrumb.focusForeground#00b4ff
• breadcrumb.foreground#888888
• button.background#ff0040
• button.foreground#ffffff
• button.hoverBackground#cc0030
• commandCenter.activeBackground#e0e0e0
• commandCenter.background#f0f0f0
• commandCenter.border#00b4ff
• commandCenter.foreground#1a1a1a
• debugIcon.breakpointForeground#ff0040
• debugIcon.continueForeground#0066aa
• debugIcon.pauseForeground#886600
• debugIcon.startForeground#007744
• debugIcon.stopForeground#ff0040
• diffEditor.insertedTextBackground#00aa5515
• diffEditor.removedTextBackground#ff004015
• dropdown.background#ffffff
• dropdown.border#cccccc
• dropdown.foreground#1a1a1a
• editor.background#f5f5f5
• editor.findMatchBackground#e8ff0088
• editor.findMatchHighlightBackground#e8ff0044
• editor.foreground#1a1a1a
• editor.lineHighlightBackground#eaeaea
• editor.lineHighlightBorder#dddddd
• editor.selectionBackground#00b4ff30
• editor.selectionHighlightBackground#00b4ff18
• editorBracketHighlight.foreground1#00b4ff
• editorBracketHighlight.foreground2#aa6600
• editorBracketHighlight.foreground3#ff0040
• editorBracketHighlight.foreground4#008866
• editorBracketHighlight.foreground5#cc00cc
• editorBracketHighlight.foreground6#ff6600
• editorBracketMatch.background#ff004020
• editorBracketMatch.border#ff0040
• editorCursor.foreground#ff0040
• editorError.foreground#ff0040
• editorGroupHeader.border#dddddd
• editorGroupHeader.tabsBackground#eeeeee
• editorHoverWidget.background#ffffff
• editorHoverWidget.border#cccccc
• editorIndentGuide.activeBackground#00b4ff66
• editorIndentGuide.background#e0e0e0
• editorInfo.foreground#00b4ff
• editorLineNumber.activeForeground#00b4ff
• editorLineNumber.foreground#cccccc
• editorSuggestWidget.background#ffffff
• editorSuggestWidget.border#cccccc
• editorSuggestWidget.highlightForeground#00b4ff
• editorSuggestWidget.selectedBackground#00b4ff20
• editorWarning.foreground#aa8800
• editorWidget.background#ffffff
• editorWidget.border#cccccc
• errorForeground#ff0040
• focusBorder#00b4ff
• foreground#1a1a1a
• gitDecoration.addedResourceForeground#007744
• gitDecoration.conflictingResourceForeground#cc4400
• gitDecoration.deletedResourceForeground#cc0030
• gitDecoration.ignoredResourceForeground#aaaaaa
• gitDecoration.modifiedResourceForeground#886600
• gitDecoration.untrackedResourceForeground#0066aa
• input.background#ffffff
• input.border#cccccc
• input.foreground#1a1a1a
• inputValidation.errorBorder#ff0040
• inputValidation.infoBorder#00b4ff
• inputValidation.warningBorder#aa8800
• list.activeSelectionBackground#00b4ff25
• list.activeSelectionForeground#000000
• list.errorForeground#ff0040
• list.highlightForeground#00b4ff
• list.hoverBackground#e8e8e8
• list.inactiveSelectionBackground#e0e0e0
• list.warningForeground#886600
• menu.background#ffffff
• menu.border#cccccc
• menu.foreground#1a1a1a
• menu.selectionBackground#00b4ff20
• menu.selectionForeground#000000
• minimap.background#f0f0f0
• minimap.errorHighlight#ff0040
• minimap.findMatchHighlight#e8ff00
• minimap.selectionHighlight#00b4ff
• notificationLink.foreground#00b4ff
• notifications.background#ffffff
• notifications.foreground#1a1a1a
• notificationToast.border#ff0040
• panel.background#eeeeee
• panel.border#dddddd
• panelTitle.activeBorder#00b4ff
• panelTitle.activeForeground#1a1a1a
• panelTitle.inactiveForeground#888888
• peekView.border#00b4ff
• peekViewEditor.background#f0f8ff
• peekViewResult.background#f5f5f5
• peekViewTitle.background#e8f4ff
• progressBar.background#00b4ff
• scrollbarSlider.activeBackground#00b4ff80
• scrollbarSlider.background#00000015
• scrollbarSlider.hoverBackground#00b4ff40
• settings.headerForeground#00b4ff
• settings.modifiedItemIndicator#00b4ff
• sideBar.background#eeeeee
• sideBar.border#dddddd
• sideBar.foreground#1a1a1a
• sideBarSectionHeader.background#e0e0e0
• sideBarSectionHeader.border#cccccc
• sideBarSectionHeader.foreground#0090cc
• sideBarTitle.foreground#ff0040
• statusBar.background#e8ff00
• statusBar.border#ccdd00
• statusBar.debuggingBackground#ff6600
• statusBar.debuggingForeground#ffffff
• statusBar.foreground#000000
• statusBar.noFolderBackground#ff0040
• statusBar.noFolderForeground#ffffff
• statusBarItem.hoverBackground#ccdd0040
• statusBarItem.remoteBackground#ff0040
• statusBarItem.remoteForeground#ffffff
• tab.activeBackground#f5f5f5
• tab.activeBorder#00b4ff
• tab.activeBorderTop#00b4ff
• tab.activeForeground#1a1a1a
• tab.border#dddddd
• tab.hoverBackground#f0f0f0
• tab.inactiveBackground#eeeeee
• tab.inactiveForeground#888888
• terminal.ansiBlack#1a1a1a
• terminal.ansiBlue#0066aa
• terminal.ansiBrightBlack#555555
• terminal.ansiBrightBlue#0080cc
• terminal.ansiBrightCyan#009999
• terminal.ansiBrightGreen#009955
• terminal.ansiBrightMagenta#dd00dd
• terminal.ansiBrightRed#ff0040
• terminal.ansiBrightWhite#1a1a1a
• terminal.ansiBrightYellow#aaaa00
• terminal.ansiCyan#007799
• terminal.ansiGreen#007744
• terminal.ansiMagenta#cc00cc
• terminal.ansiRed#cc0030
• terminal.ansiWhite#aaaaaa
• terminal.ansiYellow#888800
• terminal.background#f5f5f5
• terminal.foreground#1a1a1a
• terminalCursor.foreground#ff0040
• titleBar.activeBackground#f0f0f0
• titleBar.activeForeground#1a1a1a
• titleBar.border#00b4ff
• titleBar.inactiveBackground#f5f5f5
• titleBar.inactiveForeground#888888

tokenColors

TextMate scopes and font styles (syntax highlighting rules).