Section 9 Theme

Color themes

• 

  Section 9

• 

  Section 9 - Automaton

• 

  Section 9 - Hacker

• 

  Section 9 - Major

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#061006
• activityBar.foreground#00AA00
• activityBar.inactiveForeground#306030
• activityBarBadge.background#609CAD
• activityBarBadge.foreground#081208
• badge.background#00AA00
• badge.foreground#081208
• button.background#005522
• button.foreground#A0E0A0
• button.hoverBackground#006622
• dropdown.background#0A1808
• dropdown.border#00AA00
• dropdown.foreground#7CDC87
• editor.background#081208
• editor.findMatchBackground#C0C03040
• editor.findMatchHighlightBackground#00BBBB30
• editor.foreground#7CDC87
• editor.inactiveSelectionBackground#00AA0020
• editor.selectionBackground#00AA0040
• editor.wordHighlightBackground#00AA0020
• editorCursor.foreground#00AA00
• editorError.foreground#C53935
• editorGroupHeader.tabsBackground#061006
• editorIndentGuide.activeBackground1#306030
• editorIndentGuide.background1#0A1808
• editorLineNumber.activeForeground#60BB60
• editorLineNumber.foreground#306030
• editorRuler.foreground#0A1808
• editorWarning.foreground#AA7733
• editorWhitespace.foreground#0A1808
• focusBorder#40A0C0
• foreground#7CDC87
• gitDecoration.conflictingResourceForeground#AA7733
• gitDecoration.deletedResourceForeground#AA3333
• gitDecoration.ignoredResourceForeground#507050
• gitDecoration.modifiedResourceForeground#AAAA30
• gitDecoration.untrackedResourceForeground#40BB40
• input.background#0F2020
• input.border#00AA00
• input.foreground#7CDC87
• input.placeholderForeground#507050
• list.activeSelectionBackground#40A0C040
• list.activeSelectionForeground#A0E0A0
• list.focusBackground#0A1808
• list.focusForeground#A0E0A0
• list.highlightForeground#00AA00
• list.hoverBackground#0A180880
• list.hoverForeground#7CDC87
• list.inactiveSelectionBackground#40A0C020
• list.inactiveSelectionForeground#7CDC87
• peekView.border#00AA00
• peekViewEditor.background#061006
• peekViewResult.background#0F2020
• peekViewTitle.background#061006
• progressBar.background#00AA00
• scrollbar.shadow#000000
• scrollbarSlider.activeBackground#00AA0090
• scrollbarSlider.background#00AA0030
• scrollbarSlider.hoverBackground#00AA0060
• sideBar.background#081208
• sideBar.border#0A1808
• sideBar.foreground#70BB70
• sideBarSectionHeader.background#061006
• sideBarSectionHeader.foreground#7CDC87
• sideBarTitle.foreground#00AA00
• statusBar.background#061006
• statusBar.debuggingBackground#005522
• statusBar.debuggingForeground#A0E0A0
• statusBar.foreground#70BB70
• statusBar.noFolderBackground#081208
• statusBarItem.remoteBackground#00AA00
• statusBarItem.remoteForeground#081208
• tab.activeBackground#081208
• tab.activeBorderTop#40A0C0
• tab.activeForeground#A0E0A0
• tab.border#0A1808
• tab.inactiveBackground#061006
• tab.inactiveForeground#507050
• terminal.ansiBlack#061006
• terminal.ansiBlue#609CAD
• terminal.ansiBrightBlack#507050
• terminal.ansiBrightBlue#80B0D0
• terminal.ansiBrightCyan#60C0C0
• terminal.ansiBrightGreen#70BB70
• terminal.ansiBrightMagenta#B090D0
• terminal.ansiBrightRed#CC5555
• terminal.ansiBrightWhite#C0D0C0
• terminal.ansiBrightYellow#C0C030
• terminal.ansiCyan#40B5B5
• terminal.ansiGreen#40BB40
• terminal.ansiMagenta#A070C0
• terminal.ansiRed#AA3333
• terminal.ansiWhite#AACCAA
• terminal.ansiYellow#AAAA30
• terminal.background#081208
• terminal.foreground#7CDC87
• textLink.activeForeground#00BBBB
• textLink.foreground#40B5B5
• titleBar.activeBackground#061006
• titleBar.activeForeground#7CDC87
• titleBar.inactiveBackground#081208
• titleBar.inactiveForeground#507050
• widget.shadow#00000080

tokenColors

TextMate scopes and font styles (syntax highlighting rules).