this-is-awesome-theme-for-cpp

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.activeFocusBorder#f9cc6c
• activityBar.background#191515
• activityBar.border#191515
• activityBar.foreground#c3b7b8
• activityBar.inactiveForeground#5b5353
• activityBarBadge.background#f9cc6c
• activityBarBadge.foreground#2c2525
• badge.background#f9cc6c
• badge.foreground#2c2525
• banner.background#403838
• banner.foreground#c3b7b8
• banner.iconForeground#c3b7b8
• breadcrumb.activeSelectionForeground#fff1f3
• breadcrumb.focusForeground#c3b7b8
• breadcrumb.foreground#948a8b
• breadcrumbPicker.background#2c2525
• button.background#403838
• button.foreground#c3b7b8
• button.hoverBackground#5b5353
• button.secondaryBackground#403838
• button.secondaryForeground#c3b7b8
• button.secondaryHoverBackground#5b5353
• button.separator#2c2525
• charts.blue#85dacc
• charts.foreground#fff1f3
• charts.green#adda78
• charts.lines#72696a
• charts.orange#f38d70
• charts.purple#a8a9eb
• charts.red#fd6883
• charts.yellow#f9cc6c
• chat.avatarBackground#2c2525
• chat.avatarForeground#a8a9eb
• chat.requestBackground#403838
• chat.requestBorder#5b5353
• chat.slashCommandBackground#00000000
• chat.slashCommandForeground#f9cc6c
• checkbox.background#403838
• checkbox.border#403838
• checkbox.foreground#fff1f3
• commandCenter.activeBackground#2c2525
• commandCenter.activeForeground#c3b7b8
• commandCenter.background#211c1c
• commandCenter.border#2c2525
• commandCenter.debuggingBackground#211c1c
• commandCenter.foreground#948a8b
• debugConsole.errorForeground#fd6883
• debugConsole.infoForeground#85dacc
• debugConsole.sourceForeground#fff1f3
• debugConsole.warningForeground#f38d70
• debugConsoleInputIcon.foreground#f9cc6c
• debugExceptionWidget.background#403838
• debugExceptionWidget.border#2c2525
• debugIcon.breakpointCurrentStackframeForeground#f9cc6c
• debugIcon.breakpointDisabledForeground#c3b7b8
• debugIcon.breakpointForeground#fd6883
• debugIcon.breakpointStackframeForeground#fff1f3
• debugIcon.breakpointUnverifiedForeground#f38d70
• debugIcon.continueForeground#fff1f3
• debugIcon.disconnectForeground#fff1f3
• debugIcon.pauseForeground#fff1f3
• debugIcon.restartForeground#adda78
• debugIcon.startForeground#adda78
• debugIcon.stepBackForeground#fff1f3
• debugIcon.stepIntoForeground#fff1f3
• debugIcon.stepOutForeground#fff1f3
• debugIcon.stepOverForeground#fff1f3
• debugIcon.stopForeground#fd6883
• debugTokenExpression.boolean#f38d70
• debugTokenExpression.error#fd6883
• debugTokenExpression.name#85dacc
• debugTokenExpression.number#a8a9eb
• debugTokenExpression.string#f9cc6c
• debugTokenExpression.value#fff1f3
• debugToolBar.background#403838
• debugView.exceptionLabelBackground#fd6883
• debugView.exceptionLabelForeground#2c2525
• debugView.stateLabelBackground#adda78
• debugView.stateLabelForeground#2c2525
• debugView.valueChangedHighlight#f9cc6c
• descriptionForeground#948a8b
• diffEditor.diagonalFill#403838
• diffEditor.insertedLineBackground#adda7819
• diffEditor.insertedTextBackground#adda7819
• diffEditor.move.border#ff0000
• diffEditor.moveActive.border#ff0000
• diffEditor.removedLineBackground#fd688319
• diffEditor.removedTextBackground#fd688319
• diffEditor.unchangedCodeBackground#211c1c
• diffEditor.unchangedRegionBackground#211c1c
• diffEditor.unchangedRegionForeground#c3b7b8
• diffEditor.unchangedRegionShadow#191515
• diffEditorGutter.insertedLineBackground#adda7819
• diffEditorGutter.removedLineBackground#fd688319
• diffEditorOverview.insertedForeground#adda78a5
• diffEditorOverview.removedForeground#fd6883a5
• dropdown.background#2c2525
• dropdown.border#2c2525
• dropdown.foreground#948a8b
• dropdown.listBackground#403838
• editor.background#2c2525
• editor.findMatchBackground#fff1f326
• editor.findMatchBorder#f9cc6c
• editor.findMatchHighlightBackground#fff1f326
• editor.findMatchHighlightBorder#00000000
• editor.findRangeHighlightBackground#fff1f30c
• editor.findRangeHighlightBorder#00000000
• editor.focusedStackFrameHighlightBackground#c3b7b826
• editor.foldBackground#fff1f30c
• editor.foreground#fff1f3
• editor.hoverHighlightBackground#fff1f30c
• editor.inactiveSelectionBackground#fff1f30c
• editor.inlineValuesBackground#5b5353
• editor.inlineValuesForeground#c3b7b8
• editor.lineHighlightBackground#fff1f30c
• editor.lineHighlightBorder#00000000
• editor.linkedEditingBackground#403838
• editor.rangeHighlightBackground#403838
• editor.rangeHighlightBorder#403838
• editor.selectionBackground#c3b7b826
• editor.selectionHighlightBackground#fff1f326
• editor.selectionHighlightBorder#00000000
• editor.stackFrameHighlightBackground#c3b7b826
• editor.wordHighlightBackground#fff1f326
• editor.wordHighlightBorder#00000000
• editor.wordHighlightStrongBackground#fff1f326
• editor.wordHighlightStrongBorder#00000000
• editorBracketHighlight.foreground1#fd6883
• editorBracketHighlight.foreground2#f38d70
• editorBracketHighlight.foreground3#f9cc6c
• editorBracketHighlight.foreground4#adda78
• editorBracketHighlight.foreground5#85dacc
• editorBracketHighlight.foreground6#a8a9eb
• editorBracketMatch.background#2c2525
• editorBracketMatch.border#72696a
• editorCodeLens.foreground#72696a
• editorCursor.background#2c2525
• editorCursor.foreground#fff1f3
• editorError.background#00000000
• editorError.border#00000000
• editorError.foreground#fd6883
• editorGhostText.foreground#72696a
• editorGroup.border#211c1c
• editorGroup.dropBackground#211c1cbf
• editorGroup.emptyBackground#191515
• editorGroup.focusedEmptyBorder#211c1c
• editorGroupHeader.noTabsBackground#2c2525
• editorGroupHeader.tabsBackground#2c2525
• editorGroupHeader.tabsBorder#2c2525
• editorGutter.addedBackground#adda78
• editorGutter.background#2c2525
• editorGutter.deletedBackground#fd6883
• editorGutter.foldingControlForeground#c3b7b8
• editorGutter.modifiedBackground#f38d70
• editorHint.border#2c2525
• editorHint.foreground#a8a9eb
• editorHoverWidget.background#403838
• editorHoverWidget.border#2c2525
• editorIndentGuide.background#403838
• editorInfo.background#00000000
• editorInfo.border#2c2525
• editorInfo.foreground#85dacc
• editorInlayHint.background#403838
• editorInlayHint.foreground#948a8b
• editorLightBulb.foreground#f9cc6c
• editorLightBulbAi.foreground#f9cc6c
• editorLightBulbAutoFix.foreground#adda78
• editorLineNumber.activeForeground#c3b7b8
• editorLineNumber.foreground#5b5353
• editorLink.activeForeground#85dacc
• editorMarkerNavigation.background#403838
• editorMarkerNavigationError.background#fd6883
• editorMarkerNavigationInfo.background#85dacc
• editorMarkerNavigationWarning.background#f38d70
• editorOverviewRuler.addedForeground#adda78
• editorOverviewRuler.border#2c2525
• editorOverviewRuler.currentContentForeground#403838
• editorOverviewRuler.deletedForeground#fd6883
• editorOverviewRuler.errorForeground#fd6883
• editorOverviewRuler.findMatchForeground#fff1f326
• editorOverviewRuler.incomingContentForeground#403838
• editorOverviewRuler.infoForeground#85dacc
• editorOverviewRuler.modifiedForeground#f38d70
• editorOverviewRuler.rangeHighlightForeground#fff1f326
• editorOverviewRuler.selectionHighlightForeground#fff1f326
• editorOverviewRuler.warningForeground#f38d70
• editorOverviewRuler.wordHighlightForeground#fff1f326
• editorOverviewRuler.wordHighlightStrongForeground#fff1f326
• editorPane.background#2c2525
• editorRuler.foreground#5b5353
• editorStickyScroll.background#2c2525
• editorStickyScroll.border#403838
• editorStickyScroll.shadow#2c2525
• editorStickyScrollHover.background#fff1f30c
• editorSuggestWidget.background#403838
• editorSuggestWidget.border#403838
• editorSuggestWidget.foreground#c3b7b8
• editorSuggestWidget.highlightForeground#fff1f3
• editorSuggestWidget.selectedBackground#72696a
• editorUnnecessaryCode.opacity#000000a5
• editorWarning.background#00000000
• editorWarning.border#00000000
• editorWarning.foreground#f38d70
• editorWhitespace.foreground#5b5353
• editorWidget.background#403838
• editorWidget.border#403838
• errorForeground#fd6883
• extensionBadge.remoteForeground#adda78
• extensionButton.prominentBackground#403838
• extensionButton.prominentForeground#fff1f3
• extensionButton.prominentHoverBackground#5b5353
• extensionIcon.preReleaseForeground#a8a9eb
• extensionIcon.sponsorForeground#85dacc
• extensionIcon.starForeground#f9cc6c
• extensionIcon.verifiedForeground#adda78
• focusBorder#72696a
• foreground#fff1f3
• gitDecoration.addedResourceForeground#adda78
• gitDecoration.conflictingResourceForeground#f38d70
• gitDecoration.deletedResourceForeground#fd6883
• gitDecoration.ignoredResourceForeground#5b5353
• gitDecoration.modifiedResourceForeground#f9cc6c
• gitDecoration.stageDeletedResourceForeground#fd6883
• gitDecoration.stageModifiedResourceForeground#f9cc6c
• gitDecoration.untrackedResourceForeground#c3b7b8
• icon.foreground#948a8b
• inlineChat.background#2c2525
• inlineChat.border#211c1c
• inlineChat.shadow#191515
• inlineChatDiff.inserted#adda7819
• inlineChatDiff.removed#adda7819
• input.background#403838
• input.border#403838
• input.foreground#fff1f3
• input.placeholderForeground#72696a
• inputOption.activeBackground#5b5353
• inputOption.activeBorder#5b5353
• inputOption.activeForeground#fff1f3
• inputOption.hoverBackground#5b5353
• inputValidation.errorBackground#403838
• inputValidation.errorBorder#fd6883
• inputValidation.errorForeground#fd6883
• inputValidation.infoBackground#403838
• inputValidation.infoBorder#85dacc
• inputValidation.infoForeground#85dacc
• inputValidation.warningBackground#403838
• inputValidation.warningBorder#f38d70
• inputValidation.warningForeground#f38d70
• interactive.activeCodeBorder#72696a
• interactive.inactiveCodeBorder#403838
• keybindingLabel.background#5b5353
• keybindingLabel.border#5b5353
• keybindingLabel.bottomBorder#403838
• keybindingLabel.foreground#c3b7b8
• list.activeSelectionBackground#fff1f30c
• list.activeSelectionForeground#f9cc6c
• list.dropBackground#211c1cbf
• list.errorForeground#fd6883
• list.focusBackground#2c2525
• list.focusForeground#fff1f3
• list.highlightForeground#fff1f3
• list.hoverBackground#fff1f30c
• list.hoverForeground#fff1f3
• list.inactiveFocusBackground#2c2525
• list.inactiveSelectionBackground#c3b7b80c
• list.inactiveSelectionForeground#f9cc6c
• list.invalidItemForeground#fd6883
• list.warningForeground#f38d70
• listFilterWidget.background#2c2525
• listFilterWidget.noMatchesOutline#fd6883
• listFilterWidget.outline#2c2525
• listFilterWidget.shadow#191515
• menu.background#2c2525
• menu.border#211c1c
• menu.foreground#fff1f3
• menu.selectionForeground#f9cc6c
• menu.separatorBackground#403838
• menubar.selectionForeground#fff1f3
• merge.border#2c2525
• merge.commonContentBackground#fff1f319
• merge.commonHeaderBackground#fff1f326
• merge.currentContentBackground#fd688319
• merge.currentHeaderBackground#fd688326
• merge.incomingContentBackground#adda7819
• merge.incomingHeaderBackground#adda7826
• mergeEditor.change.background#fff1f319
• mergeEditor.change.word.background#fff1f319
• mergeEditor.conflict.handled.minimapOverViewRuler#adda78
• mergeEditor.conflict.handledFocused.border#adda78
• mergeEditor.conflict.handledUnfocused.border#adda78
• mergeEditor.conflict.unhandled.minimapOverViewRuler#fd6883
• mergeEditor.conflict.unhandledFocused.border#fd6883
• mergeEditor.conflict.unhandledUnfocused.border#fd6883
• minimap.errorHighlight#fd6883a5
• minimap.findMatchHighlight#948a8ba5
• minimap.infoHighlight#85dacca5
• minimap.selectionHighlight#c3b7b826
• minimap.selectionOccurrenceHighlight#72696aa5
• minimap.warningHighlight#f38d70a5
• minimapGutter.addedBackground#adda78
• minimapGutter.deletedBackground#fd6883
• minimapGutter.modifiedBackground#f9cc6c
• notebook.cellBorderColor#403838
• notebook.cellEditorBackground#211c1c7f
• notebook.cellInsertionIndicator#fff1f3
• notebook.cellStatusBarItemHoverBackground#72696a
• notebook.cellToolbarSeparator#403838
• notebook.editorBackground#2c2525
• notebook.focusedEditorBorder#72696a
• notebookStatusErrorIcon.foreground#fd6883
• notebookStatusRunningIcon.foreground#fff1f3
• notebookStatusSuccessIcon.foreground#adda78
• notificationCenter.border#403838
• notificationCenterHeader.background#403838
• notificationCenterHeader.foreground#948a8b
• notificationLink.foreground#f9cc6c
• notifications.background#403838
• notifications.border#403838
• notifications.foreground#c3b7b8
• notificationsErrorIcon.foreground#fd6883
• notificationsInfoIcon.foreground#85dacc
• notificationsWarningIcon.foreground#f38d70
• notificationToast.border#403838
• panel.background#403838
• panel.border#2c2525
• panelStickyScroll.background#403838
• panelStickyScroll.border#ff0000
• panelStickyScroll.shadow#403838
• panelTitle.activeBorder#f9cc6c
• panelTitle.activeForeground#f9cc6c
• panelTitle.inactiveForeground#948a8b
• peekView.border#2c2525
• peekViewEditor.background#403838
• peekViewEditor.matchHighlightBackground#5b5353
• peekViewEditorGutter.background#403838
• peekViewResult.background#403838
• peekViewResult.fileForeground#948a8b
• peekViewResult.lineForeground#948a8b
• peekViewResult.matchHighlightBackground#5b5353
• peekViewResult.selectionBackground#403838
• peekViewResult.selectionForeground#fff1f3
• peekViewTitle.background#403838
• peekViewTitleDescription.foreground#948a8b
• peekViewTitleLabel.foreground#fff1f3
• pickerGroup.border#2c2525
• pickerGroup.foreground#5b5353
• ports.iconRunningProcessForeground#adda78
• problemsErrorIcon.foreground#fd6883
• problemsInfoIcon.foreground#85dacc
• problemsWarningIcon.foreground#f38d70
• profileBadge.background#403838
• profileBadge.foreground#c3b7b8
• progressBar.background#72696a
• sash.hoverBorder#72696a
• scrollbar.shadow#2c2525
• scrollbarSlider.activeBackground#fff1f359
• scrollbarSlider.background#c3b7b826
• scrollbarSlider.hoverBackground#fff1f326
• selection.background#c3b7b826
• settings.checkboxBackground#403838
• settings.checkboxBorder#403838
• settings.checkboxForeground#fff1f3
• settings.dropdownBackground#403838
• settings.dropdownBorder#403838
• settings.dropdownForeground#fff1f3
• settings.dropdownListBorder#948a8b
• settings.headerForeground#f9cc6c
• settings.modifiedItemIndicator#f9cc6c
• settings.numberInputBackground#403838
• settings.numberInputBorder#403838
• settings.numberInputForeground#fff1f3
• settings.rowHoverBackground#72696a0c
• settings.sashBorder#403838
• settings.settingsHeaderHoverForeground#fff1f3
• settings.textInputBackground#403838
• settings.textInputBorder#403838
• settings.textInputForeground#fff1f3
• sideBar.background#211c1c
• sideBar.border#191515
• sideBar.dropBackground#211c1cbf
• sideBar.foreground#948a8b
• sideBarSectionHeader.background#211c1c
• sideBarSectionHeader.foreground#72696a
• sideBarStickyScroll.background#211c1c
• sideBarStickyScroll.border#403838
• sideBarStickyScroll.shadow#211c1c
• sideBarTitle.foreground#5b5353
• simpleFindWidget.sashBorder#ff0000
• statusBar.background#211c1c
• statusBar.border#191515
• statusBar.debuggingBackground#72696a
• statusBar.debuggingBorder#211c1c
• statusBar.debuggingForeground#fff1f3
• statusBar.focusBorder#403838
• statusBar.foreground#72696a
• statusBar.noFolderBackground#211c1c
• statusBar.noFolderBorder#191515
• statusBar.noFolderForeground#72696a
• statusBarItem.activeBackground#2c2525
• statusBarItem.errorBackground#2c2525
• statusBarItem.errorForeground#fd6883
• statusBarItem.focusBorder#72696a
• statusBarItem.hoverBackground#fff1f30c
• statusBarItem.offlineBackground#ff0000
• statusBarItem.offlineForeground#ff0000
• statusBarItem.prominentBackground#403838
• statusBarItem.prominentHoverBackground#403838
• statusBarItem.remoteBackground#211c1c
• statusBarItem.remoteForeground#adda78
• statusBarItem.warningBackground#2c2525
• statusBarItem.warningForeground#f38d70
• symbolIcon.arrayForeground#fd6883
• symbolIcon.booleanForeground#fd6883
• symbolIcon.classForeground#85dacc
• symbolIcon.colorForeground#a8a9eb
• symbolIcon.constantForeground#a8a9eb
• symbolIcon.constructorForeground#adda78
• symbolIcon.enumeratorForeground#f38d70
• symbolIcon.enumeratorMemberForeground#f38d70
• symbolIcon.eventForeground#f38d70
• symbolIcon.fieldForeground#f38d70
• symbolIcon.fileForeground#c3b7b8
• symbolIcon.folderForeground#c3b7b8
• symbolIcon.functionForeground#adda78
• symbolIcon.interfaceForeground#85dacc
• symbolIcon.keyForeground#f38d70
• symbolIcon.keywordForeground#fd6883
• symbolIcon.methodForeground#adda78
• symbolIcon.moduleForeground#85dacc
• symbolIcon.namespaceForeground#85dacc
• symbolIcon.nullForeground#a8a9eb
• symbolIcon.numberForeground#a8a9eb
• symbolIcon.objectForeground#85dacc
• symbolIcon.operatorForeground#fd6883
• symbolIcon.packageForeground#a8a9eb
• symbolIcon.propertyForeground#f38d70
• symbolIcon.referenceForeground#a8a9eb
• symbolIcon.snippetForeground#adda78
• symbolIcon.stringForeground#f9cc6c
• symbolIcon.structForeground#fd6883
• symbolIcon.textForeground#f9cc6c
• symbolIcon.typeParameterForeground#f38d70
• symbolIcon.unitForeground#a8a9eb
• symbolIcon.variableForeground#85dacc
• tab.activeBackground#2c2525
• tab.activeBorder#f9cc6c
• tab.activeForeground#f9cc6c
• tab.activeModifiedBorder#5b5353
• tab.border#2c2525
• tab.hoverBackground#2c2525
• tab.hoverBorder#5b5353
• tab.hoverForeground#fff1f3
• tab.inactiveBackground#2c2525
• tab.inactiveForeground#948a8b
• tab.inactiveModifiedBorder#5b5353
• tab.lastPinnedBorder#5b5353
• tab.unfocusedActiveBorder#948a8b
• tab.unfocusedActiveForeground#c3b7b8
• tab.unfocusedActiveModifiedBorder#403838
• tab.unfocusedHoverBackground#2c2525
• tab.unfocusedHoverBorder#2c2525
• tab.unfocusedHoverForeground#c3b7b8
• tab.unfocusedInactiveForeground#948a8b
• tab.unfocusedInactiveModifiedBorder#403838
• terminal.ansiBlack#403838
• terminal.ansiBlue#f38d70
• terminal.ansiBrightBlack#72696a
• terminal.ansiBrightBlue#f38d70
• terminal.ansiBrightCyan#85dacc
• terminal.ansiBrightGreen#adda78
• terminal.ansiBrightMagenta#a8a9eb
• terminal.ansiBrightRed#fd6883
• terminal.ansiBrightWhite#fff1f3
• terminal.ansiBrightYellow#f9cc6c
• terminal.ansiCyan#85dacc
• terminal.ansiGreen#adda78
• terminal.ansiMagenta#a8a9eb
• terminal.ansiRed#fd6883
• terminal.ansiWhite#fff1f3
• terminal.ansiYellow#f9cc6c
• terminal.background#403838
• terminal.foreground#fff1f3
• terminal.selectionBackground#fff1f326
• terminalCommandDecoration.defaultBackground#fff1f3
• terminalCommandDecoration.errorBackground#fd6883
• terminalCommandDecoration.successBackground#adda78
• terminalCursor.background#00000000
• terminalCursor.foreground#fff1f3
• testing.iconErrored#fd6883
• testing.iconFailed#fd6883
• testing.iconPassed#adda78
• testing.iconQueued#fff1f3
• testing.iconSkipped#f38d70
• testing.iconUnset#948a8b
• testing.message.error.decorationForeground#fd6883
• testing.message.error.lineBackground#fd688319
• testing.message.info.decorationForeground#fff1f3
• testing.message.info.lineBackground#fff1f319
• testing.runAction#f9cc6c
• textBlockQuote.background#403838
• textBlockQuote.border#403838
• textCodeBlock.background#403838
• textLink.activeForeground#fff1f3
• textLink.foreground#f9cc6c
• textPreformat.foreground#fff1f3
• textSeparator.foreground#72696a
• titleBar.activeBackground#211c1c
• titleBar.activeForeground#948a8b
• titleBar.border#191515
• titleBar.inactiveBackground#211c1c
• titleBar.inactiveForeground#5b5353
• tree.inactiveIndentGuidesStroke#2c2525
• tree.indentGuidesStroke#403838
• walkThrough.embeddedEditorBackground#211c1c
• welcomePage.progress.background#72696a
• welcomePage.progress.foreground#948a8b
• welcomePage.tileBackground#403838
• welcomePage.tileHoverBackground#5b5353
• widget.shadow#191515

tokenColors

TextMate scopes and font styles (syntax highlighting rules).