Operator Console
Publisher: ZensticThemes in package: 1
Green for the code (the Matrix), blue-cyan for the chrome (reality), red as the only alert color.
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#050b10
- activityBar.border#123244
- activityBar.foreground#6fd3e8
- activityBar.inactiveForeground#2c4a56
- activityBarBadge.background#ff4d6d
- activityBarBadge.foreground#030805
- badge.background#ff4d6d
- badge.foreground#030805
- breadcrumb.activeSelectionForeground#6fd3e8
- breadcrumb.background#050b10
- breadcrumb.focusForeground#6fd3e8
- breadcrumb.foreground#3d6b7d
- descriptionForeground#3d9a55
- dropdown.background#08121a
- dropdown.border#123244
- dropdown.foreground#6fd3e8
- editor.background#030805
- editor.foreground#4ee06a
- editor.lineHighlightBackground#0a170c
- editor.selectionBackground#123018
- editor.selectionHighlightBackground#0a1c0c
- editor.wordHighlightBackground#0d2410
- editorBracketMatch.background#123018
- editorBracketMatch.border#4ee06a
- editorCursor.foreground#cdfccd
- editorError.foreground#ff4d6d
- editorGroup.border#123244
- editorGroupHeader.tabsBackground#050b10
- editorGroupHeader.tabsBorder#123244
- editorHoverWidget.background#050b10
- editorHoverWidget.border#123244
- editorHoverWidget.foreground#4ee06a
- editorIndentGuide.activeBackground1#1f5c2e
- editorIndentGuide.background1#0d1f10
- editorInfo.foreground#6fd3e8
- editorLineNumber.activeForeground#6fef8f
- editorLineNumber.foreground#1f5c2e
- editorSuggestWidget.background#050b10
- editorSuggestWidget.foreground#4ee06a
- editorSuggestWidget.highlightForeground#cdfccd
- editorSuggestWidget.selectedBackground#0d1b26
- editorWarning.foreground#ff8f6d
- editorWhitespace.foreground#123018
- editorWidget.background#050b10
- editorWidget.border#123244
- errorForeground#ff4d6d
- focusBorder#123244
- foreground#4ee06a
- gitDecoration.addedResourceForeground#4ee06a
- gitDecoration.conflictingResourceForeground#ff8f6d
- gitDecoration.deletedResourceForeground#ff4d6d
- gitDecoration.ignoredResourceForeground#1f3a44
- gitDecoration.modifiedResourceForeground#6fd3e8
- gitDecoration.untrackedResourceForeground#a8f57a
- input.background#08121a
- input.border#123244
- input.foreground#6fd3e8
- input.placeholderForeground#2c4a56
- list.activeSelectionBackground#0d1b26
- list.activeSelectionForeground#6fd3e8
- list.focusBackground#0d1b26
- list.hoverBackground#08121a
- list.inactiveSelectionBackground#08121a
- menu.background#050b10
- menu.border#123244
- menu.foreground#6fd3e8
- menu.selectionBackground#0d1b26
- menu.selectionForeground#9fe6f5
- menu.separatorBackground#123244
- minimap.background#030805
- minimapSlider.background#123244aa
- notificationCenterHeader.background#050b10
- notificationCenterHeader.foreground#6fd3e8
- notifications.background#050b10
- notifications.foreground#6fd3e8
- panel.background#050b10
- panel.border#123244
- panelTitle.activeBorder#6fd3e8
- panelTitle.activeForeground#6fd3e8
- panelTitle.inactiveForeground#2c4a56
- peekView.border#123244
- peekViewEditor.background#030805
- peekViewResult.background#050b10
- pickerGroup.border#123244
- pickerGroup.foreground#6fd3e8
- quickInput.background#050b10
- quickInput.foreground#6fd3e8
- scrollbarSlider.activeBackground#6fd3e8aa
- scrollbarSlider.background#123244aa
- scrollbarSlider.hoverBackground#1a4258cc
- sideBar.background#060d14
- sideBar.border#123244
- sideBar.foreground#3d6b7d
- sideBarSectionHeader.background#08121a
- sideBarSectionHeader.foreground#6fd3e8
- sideBarTitle.foreground#6fd3e8
- statusBar.background#050b10
- statusBar.border#123244
- statusBar.debuggingBackground#ff4d6d
- statusBar.debuggingForeground#030805
- statusBar.foreground#3d6b7d
- statusBar.noFolderBackground#050b10
- statusBarItem.remoteBackground#123244
- statusBarItem.remoteForeground#6fd3e8
- tab.activeBackground#0d1b26
- tab.activeBorderTop#6fd3e8
- tab.activeForeground#6fd3e8
- tab.border#123244
- tab.inactiveBackground#050b10
- tab.inactiveForeground#2c4a56
- terminal.ansiBlack#030805
- terminal.ansiBlue#6fd3e8
- terminal.ansiBrightBlack#2a5c2a
- terminal.ansiBrightBlue#9fe6f5
- terminal.ansiBrightCyan#b0f0f7
- terminal.ansiBrightGreen#8ff5a8
- terminal.ansiBrightMagenta#ff9db3
- terminal.ansiBrightRed#ff8098
- terminal.ansiBrightWhite#eafff0
- terminal.ansiBrightYellow#c8ff9a
- terminal.ansiCyan#8fe3f0
- terminal.ansiGreen#4ee06a
- terminal.ansiMagenta#ff6d8f
- terminal.ansiRed#ff4d6d
- terminal.ansiWhite#d9ffd9
- terminal.ansiYellow#a8f57a
- terminal.background#030805
- terminal.foreground#4ee06a
- terminalCursor.foreground#cdfccd
- textBlockQuote.background#08121a
- textBlockQuote.border#123244
- textCodeBlock.background#030805
- textLink.activeForeground#9fe6f5
- textLink.foreground#6fd3e8
- textPreformat.background#0a170c
- textPreformat.foreground#8ff5a8
- textSeparator.foreground#123244
- titleBar.activeBackground#050b10
- titleBar.activeForeground#6fd3e8
- titleBar.border#123244
- titleBar.inactiveBackground#030608
- titleBar.inactiveForeground#2c4a56
- widget.shadow#00000090
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #4ee06a | — |
| comment, punctuation.definition.comment | #1f5c2e | italic |
| keyword, storage.type, storage.modifier, keyword.control, keyword.operator.new, keyword.other | #cdfccd | bold |
| string, punctuation.definition.string | #39c95d | — |
| constant.numeric, constant.language, constant.character, variable.language | #8ff5a8 | — |
| entity.name.function, support.function, meta.function-call | #6fef8f | — |
| entity.name.type, entity.name.class, support.class, entity.other.inherited-class | #52e0a0 | — |
| variable, variable.parameter, variable.other | #4ee06a | — |
| variable.other.property, entity.other.attribute-name | #6fef8f | — |
| keyword.operator, punctuation | #2f8f45 | — |
| entity.name.tag, punctuation.definition.tag | #cdfccd | — |
| invalid, invalid.illegal | #ff4d6d | underline |
| markup.deleted, diff.deleted | #ff4d6d | — |
| markup.inserted, diff.inserted | #6fd3e8 | — |
| markup.inline.raw.string.markdown, markup.raw.inline | #8ff5a8 | — |
| markup.quote.markdown, markup.quote | #3d9a55 | italic |
| markup.fenced_code.block.markdown, markup.raw.block.markdown, punctuation.definition.markdown | #8ff5a8 | — |
| markup.heading, entity.name.section.markdown | #cdfccd | bold |
| markup.bold, markup.italic | #6fef8f | — |
| markup.underline.link, string.other.link | #6fd3e8 | — |