Necessity
Publisher: Vortex InteractiveThemes in package: 2
The baddest C++ theme
Color themes
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#2A2A2A
- activityBar.border#404040
- activityBar.foreground#DCDCDC
- activityBar.inactiveForeground#8A8A8A
- activityBarBadge.background#5570A0
- activityBarBadge.foreground#FFFFFF
- badge.background#5A5A5A
- badge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#E0E0E0
- breadcrumb.focusForeground#E0E0E0
- breadcrumb.foreground#B0B0B0
- breadcrumbPicker.background#282828
- button.background#5570A0
- button.foreground#FFFFFF
- button.hoverBackground#6886B9
- button.secondaryBackground#4A4A4A
- button.secondaryForeground#FFFFFF
- button.secondaryHoverBackground#5A5A5A
- debugIcon.breakpointDisabledForeground#8A8A8A
- debugIcon.breakpointForeground#D16969
- debugToolBar.background#333333
- descriptionForeground#B0B0B0
- diffEditor.border#505050
- diffEditor.diagonalFill#50505050
- diffEditor.insertedTextBackground#6A995530
- diffEditor.removedTextBackground#D1696930
- disabledForeground#8A8A8A
- dropdown.background#383838
- dropdown.border#606060
- dropdown.foreground#DCDCDC
- dropdown.listBackground#383838
- editor.background#2F2F2F
- editor.findMatchBackground#6070A0
- editor.findMatchHighlightBackground#50609080
- editor.findRangeHighlightBackground#4A4A4A60
- editor.foreground#DCDCDC
- editor.inactiveSelectionBackground#3A4864
- editor.lineHighlightBackground#3A3A3A
- editor.lineHighlightBorder#404040
- editor.selectionBackground#405070
- editor.selectionHighlightBackground#4A4A4AA0
- editor.wordHighlightBackground#575757A0
- editor.wordHighlightStrongBackground#404060A0
- editorBracketHighlight.foreground1#E0E0E0
- editorBracketHighlight.foreground2#C8C8C8
- editorBracketHighlight.foreground3#B0B0B0
- editorBracketHighlight.foreground4#989898
- editorBracketHighlight.foreground5#808080
- editorBracketHighlight.foreground6#686868
- editorBracketMatch.background#404040
- editorBracketMatch.border#888888
- editorCodeLens.foreground#999999
- editorCursor.foreground#FFFFFF
- editorError.foreground#F48771
- editorGroupHeader.tabsBackground#222222
- editorGutter.addedBackground#6A9955
- editorGutter.deletedBackground#D16969
- editorGutter.modifiedBackground#5570A0
- editorHoverWidget.background#282828
- editorHoverWidget.border#505050
- editorHoverWidget.foreground#DCDCDC
- editorHoverWidget.statusBarBackground#303030
- editorIndentGuide.activeBackground1#707070
- editorIndentGuide.background1#4A4A4A
- editorInfo.foreground#3794FF
- editorLineNumber.activeForeground#B0B0B0
- editorLineNumber.foreground#787878
- editorLink.activeForeground#70A0D6
- editorOverviewRuler.border#7f7f7f4d
- editorOverviewRuler.currentContentForeground#407F40
- editorOverviewRuler.errorForeground#F48771CC
- editorOverviewRuler.findMatchForeground#6070A0CC
- editorOverviewRuler.incomingContentForeground#405070
- editorOverviewRuler.infoForeground#3794FFCC
- editorOverviewRuler.warningForeground#CCA700CC
- editorRuler.foreground#4A4A4A
- editorSuggestWidget.background#282828
- editorSuggestWidget.border#505050
- editorSuggestWidget.foreground#DCDCDC
- editorSuggestWidget.selectedBackground#405070
- editorWarning.foreground#CCA700
- editorWidget.background#282828
- editorWidget.border#505050
- editorWidget.foreground#DCDCDC
- errorForeground#F48771
- focusBorder#569CD6
- foreground#DCDCDC
- icon.foreground#C5C5C5
- input.background#3F3F3F
- input.border#606060
- input.foreground#DCDCDC
- input.placeholderForeground#8A8A8A
- inputOption.activeBackground#5570A060
- inputOption.activeBorder#5570A0
- inputValidation.errorBackground#5A1D1D
- inputValidation.errorBorder#F48771
- inputValidation.infoBackground#063B49
- inputValidation.infoBorder#3794FF
- inputValidation.warningBackground#3B3B21
- inputValidation.warningBorder#CCA700
- list.activeSelectionBackground#405070
- list.activeSelectionForeground#FFFFFF
- list.errorForeground#F48771
- list.focusBackground#4A4A4A
- list.focusForeground#DCDCDC
- list.highlightForeground#70A0D6
- list.hoverBackground#383838
- list.hoverForeground#DCDCDC
- list.inactiveSelectionBackground#3A3A3A
- list.inactiveSelectionForeground#CCCCCC
- list.warningForeground#CCA700
- merge.border#505050
- merge.currentContentBackground#407F4040
- merge.currentHeaderBackground#407F4080
- merge.incomingContentBackground#40507040
- merge.incomingHeaderBackground#40507080
- notificationCenterHeader.background#383838
- notificationCenterHeader.foreground#CCCCCC
- notificationLink.foreground#70A0D6
- notifications.background#2A2A2A
- notifications.border#505050
- notifications.foreground#DCDCDC
- notificationsErrorIcon.foreground#F48771
- notificationsInfoIcon.foreground#3794FF
- notificationsWarningIcon.foreground#CCA700
- panel.background#2A2A2A
- panel.border#606060
- panelInput.border#505050
- panelTitle.activeBorder#5570A0
- panelTitle.activeForeground#E7E7E7
- panelTitle.inactiveForeground#A0A0A0
- peekView.border#5570A0
- peekViewEditor.background#282828
- peekViewEditor.matchHighlightBackground#50609080
- peekViewResult.background#2A2A2A
- peekViewResult.fileForeground#BBBBBB
- peekViewResult.lineForeground#A0A0A0
- peekViewResult.matchHighlightBackground#50609080
- peekViewResult.selectionBackground#405070
- peekViewResult.selectionForeground#FFFFFF
- peekViewTitle.background#333333
- peekViewTitleDescription.foreground#B0B0B0
- peekViewTitleLabel.foreground#FFFFFF
- pickerGroup.border#505050
- pickerGroup.foreground#70A0D6
- progressBar.background#5570A0
- sash.hoverBorder#569CD6
- scrollbar.shadow#00000080
- scrollbarSlider.activeBackground#808080A0
- scrollbarSlider.background#606060A0
- scrollbarSlider.hoverBackground#707070A0
- selection.background#5570A0
- sideBar.background#2A2A2A
- sideBar.border#404040
- sideBar.foreground#CCCCCC
- sideBarSectionHeader.background#303030
- sideBarSectionHeader.border#404040
- sideBarSectionHeader.foreground#BBBBBB
- sideBarTitle.foreground#BBBBBB
- statusBar.background#262626
- statusBar.border#404040
- statusBar.debuggingBackground#5570A0
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#C5C5C5
- statusBar.noFolderBackground#383838
- statusBar.noFolderForeground#C5C5C5
- statusBarItem.activeBackground#4D4D4D
- statusBarItem.hoverBackground#3F3F3F
- statusBarItem.remoteBackground#5570A0
- statusBarItem.remoteForeground#FFFFFF
- tab.activeBackground#2F2F2F
- tab.activeBorderTop#5570A0
- tab.activeForeground#FFFFFF
- tab.border#404040
- tab.inactiveBackground#2A2A2A
- tab.inactiveForeground#AAAAAA
- terminal.ansiBlack#3A3A3A
- terminal.ansiBlue#569CD6
- terminal.ansiBrightBlack#8A8A8A
- terminal.ansiBrightBlue#70A0D6
- terminal.ansiBrightCyan#80E0D0
- terminal.ansiBrightGreen#A0CC93
- terminal.ansiBrightMagenta#D699D6
- terminal.ansiBrightRed#F48771
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#D9B51A
- terminal.ansiCyan#69D8C6
- terminal.ansiGreen#87B379
- terminal.ansiMagenta#C586C0
- terminal.ansiRed#D16969
- terminal.ansiWhite#DCDCDC
- terminal.ansiYellow#CCA700
- terminal.background#262626
- terminal.foreground#DCDCDC
- titleBar.activeBackground#262626
- titleBar.activeForeground#E0E0E0
- titleBar.border#404040
- titleBar.inactiveBackground#222222
- titleBar.inactiveForeground#9A9A9A
- tree.indentGuidesStroke#585858
- widget.shadow#00000080
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.embedded, source.groovy.embedded, string meta.image.inline.markdown, variable.legacy.builtin.python, variable, variable.other.readwrite, meta.object-literal.key, support.variable.property, variable.parameter, variable.declaration.local, property | #cccccc | — |
| comment | #6e6e6e | italic |
| string, string.tag, string.value, string.regexp, punctuation.definition.string | #a3d99b | — |
| constant.numeric, constant.language, constant.other, support.constant | #d4a574 | — |
| keyword, keyword.control, storage, storage.type, storage.modifier, keyword.operator.word, keyword.operator.new, keyword.operator.delete, keyword.other.unit, variable.language | #ff7585 | |
| keyword.operator | #cccccc | — |
| entity.name.function, support.function, meta.function-call, entity.name.method | #fdfbac | |
| entity.name.type, entity.name.class, entity.name.struct, entity.name.enum, entity.name.interface, entity.other.inherited-class, support.type, support.class, variable.other.object | #9CDCFE | — |
| entity.name.namespace, entity.name.module | #cccccc | — |
| entity.name.tag, meta.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end | #cccccc | — |
| entity.other.attribute-name | #d4a574 | — |
| meta.preprocessor, keyword.control.directive, entity.name.decorator, meta.decorator punctuation.decorator, storage.type.annotation | #9d8fc7 | — |
| punctuation, meta.brace, meta.delimiter, punctuation.separator, punctuation.terminator | #cccccc | — |
| markup.heading | #ff7585 | bold |
| markup.bold | #d4a574 | bold |
| markup.italic | #cccccc | italic |
| markup.underline | — | underline |
| markup.strikethrough | — | strikethrough |
| invalid | #f48771 | underline italic |
| keyword.control.import.python, keyword.control.flow.python | #ff7585 | italic |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded.begin, punctuation.section.embedded.end | #ff7585 | — |
| meta.template.expression | #cccccc | — |