Codegasm Theme
Publisher: Inferno DesignThemes in package: 1
A dark theme for Visual Studio Code.
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.activeBackground#262629
- activityBar.activeBorder#9147ff
- activityBar.activeFocusBorder#9147ff
- activityBar.background#1e1e20
- activityBar.border#262629
- activityBar.dropBorder#9147ff
- activityBar.foreground#c6c7ca
- activityBar.inactiveForeground#636369
- activityBarBadge.background#9147ff
- activityBarBadge.foreground#ffffff
- badge.background#9147ff
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#c6c7ca
- breadcrumb.background#1e1e20
- breadcrumb.focusForeground#c6c7ca
- breadcrumb.foreground#636369
- breadcrumbPicker.background#262629
- button.background#822DFFFF
- button.border#262629
- button.foreground#ffffff
- button.hoverBackground#9147ff
- button.secondaryBackground#47464d
- button.secondaryForeground#c6c7ca
- button.secondaryHoverBackground#3f3e43
- button.separator#262629
- checkbox.background#37373a
- checkbox.border#37373a
- checkbox.foreground#ffffff
- checkbox.selectBackground#262629
- checkbox.selectBorder#37373a
- contrastBorder#37373a
- debugToolBar.background#1e1e20
- debugToolBar.border#9147ff
- descriptionForeground#636369
- diffEditor.border#262629
- diffEditor.diagonalFill#1e1e20
- diffEditor.insertedLineBackground#0B281399
- diffEditor.insertedTextBackground#1D4A2899
- diffEditor.removedLineBackground#53041899
- diffEditor.removedTextBackground#88133299
- disabledForeground#47464d
- dropdown.background#262629
- dropdown.border#37373a
- editor.background#1e1e20
- editor.findMatchBackground#C6C7CA1A
- editor.findMatchBorder#C6C7CA99
- editor.findMatchHighlightBackground#30DDE01A
- editor.findMatchHighlightBorder#30DDE099
- editor.findRangeHighlightBackground#C6C7CA1A
- editor.findRangeHighlightBorder#C6C7CA33
- editor.foreground#c6c7ca
- editor.inactiveSelectionBackground#37373A99
- editor.lineHighlightBackground#6363691A
- editor.lineHighlightBorder#00000000
- editor.linkedEditingBackground#262629
- editor.rangeHighlightBorder#00000000
- editor.selectionBackground#57189A80
- editor.selectionForeground#c6c7ca
- editor.selectionHighlightBackground#AF85FF1A
- editor.selectionHighlightBorder#AF85FF99
- editor.wordHighlightBackground#30DDE01A
- editor.wordHighlightBorder#30DDE099
- editor.wordHighlightStrongBackground#C6C7CA1A
- editor.wordHighlightStrongBorder#C6C7CA99
- editor.wordHighlightTextBackground#F8D2161A
- editor.wordHighlightTextBorder#F8D21699
- editorBracketHighlight.foreground1#6fb4eb
- editorBracketHighlight.foreground2#af85ff
- editorBracketHighlight.foreground3#f59762
- editorBracketHighlight.foreground4#fa6ca3
- editorBracketHighlight.foreground5#7bd88f
- editorBracketHighlight.foreground6#fce564
- editorBracketHighlight.unexpectedBracket.foreground#e6346b
- editorBracketMatch.background#000000
- editorBracketMatch.border#99999a
- editorBracketPairGuide.activeBackground1#6fb4eb
- editorBracketPairGuide.activeBackground2#af85ff
- editorBracketPairGuide.activeBackground3#f59762
- editorBracketPairGuide.activeBackground4#fa6ca3
- editorBracketPairGuide.activeBackground5#7bd88f
- editorBracketPairGuide.activeBackground6#fce564
- editorBracketPairGuide.background1#6fb4eb
- editorBracketPairGuide.background2#af85ff
- editorBracketPairGuide.background3#f59762
- editorBracketPairGuide.background4#fa6ca3
- editorBracketPairGuide.background5#7bd88f
- editorBracketPairGuide.background6#fce564
- editorCodeLens.foreground#99999a
- editorCursor.background#262629
- editorCursor.foreground#c6c7ca
- editorError.foreground#e6346b
- editorGhostText.background#262629
- editorGhostText.border#262629
- editorGhostText.foreground#c6c7ca
- editorGroup.border#37373a
- editorGroup.emptyBackground#1e1e20
- editorGroupHeader.tabsBackground#1e1e20
- editorGutter.addedBackground#7bd88f
- editorGutter.deletedBackground#f59762
- editorGutter.modifiedBackground#4d96e4
- editorHint.foreground#6fb4eb
- editorHoverWidget.background#262629
- editorHoverWidget.border#37373a
- editorHoverWidget.foreground#c6c7ca
- editorHoverWidget.highlightForeground#c6c7ca
- editorHoverWidget.statusBarBackground#262629
- editorIndentGuide.activeBackground1#C6C7CA1A
- editorIndentGuide.background1#262629
- editorInfo.foreground#af85ff
- editorInlayHint.background#00000000
- editorInlayHint.foreground#636369
- editorInlayHint.parameterBackground#00000000
- editorInlayHint.parameterForeground#636369
- editorInlayHint.typeBackground#00000000
- editorInlayHint.typeForeground#636369
- editorLightBulb.foreground#fce564
- editorLightBulbAutoFix.foreground#4d96e4
- editorLineNumber.activeForeground#c6c7ca
- editorLineNumber.foreground#47464d
- editorLink.activeForeground#ffffff
- editorOverviewRuler.addedForeground#7bd88f
- editorOverviewRuler.background#1e1e20
- editorOverviewRuler.border#262629
- editorOverviewRuler.bracketMatchForeground#c6c7ca
- editorOverviewRuler.deletedForeground#f59762
- editorOverviewRuler.errorForeground#e6346b
- editorOverviewRuler.findMatchForeground#4D96E480
- editorOverviewRuler.infoForeground#af85ff
- editorOverviewRuler.modifiedForeground#6fb4eb
- editorOverviewRuler.rangeHighlightForeground#C6C7CA33
- editorOverviewRuler.selectionHighlightForeground#681ABC33
- editorOverviewRuler.warningForeground#fce564
- editorOverviewRuler.wordHighlightForeground#C6C7CA33
- editorOverviewRuler.wordHighlightStrongForeground#C6C7CA99
- editorOverviewRuler.wordHighlightTextForeground#C6C7CA1A
- editorRuler.foreground#1e1e20
- editorStickyScroll.background#1e1e20
- editorStickyScrollHover.background#262629
- editorSuggestWidget.background#1e1e20
- editorSuggestWidget.border#4d96e4
- editorSuggestWidget.focusHighlightForeground#c6c7ca
- editorSuggestWidget.foreground#c6c7ca
- editorSuggestWidget.highlightForeground#c6c7ca
- editorSuggestWidget.selectedBackground#47464D1A
- editorSuggestWidget.selectedForeground#c6c7ca
- editorSuggestWidget.selectedIconForeground#c6c7ca
- editorSuggestWidgetStatus.foreground#c6c7ca
- editorUnnecessaryCode.border#f59762
- editorUnnecessaryCode.opacity#00000099
- editorWarning.foreground#fce564
- editorWhitespace.foreground#47464D1A
- editorWidget.background#1e1e20
- editorWidget.border#262629
- editorWidget.foreground#c6c7ca
- editorWidget.resizeBorder#262629
- errorForeground#e6346b
- extensionButton.background#9147ff
- extensionButton.foreground#ffffff
- extensionButton.hoverBackground#822DFFFF
- extensionButton.prominentBackground#9147ff
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#822DFFFF
- extensionButton.separator#262629
- focusBorder#262629
- foreground#c6c7ca
- git.blame.editorDecorationForeground#47464d
- gitDecoration.addedResourceForeground#7bd88f
- gitDecoration.conflictingResourceForeground#fce564
- gitDecoration.deletedResourceForeground#f59762
- gitDecoration.ignoredResourceForeground#47464d
- gitDecoration.modifiedResourceForeground#6fb4eb
- gitDecoration.renamedResourceForeground#7bd88f
- gitDecoration.stageDeletedResourceForeground#f59762
- gitDecoration.stageModifiedResourceForeground#6fb4eb
- gitDecoration.submoduleResourceForeground#af85ff
- gitDecoration.untrackedResourceForeground#7bd88f
- icon.foreground#c6c7ca
- input.background#262629
- input.border#37373a
- input.foreground#c6c7ca
- input.placeholderForeground#636369
- inputOption.activeBackground#37373a
- inputOption.activeBorder#37373a
- inputOption.activeForeground#c6c7ca
- inputOption.hoverBackground#37373a
- inputValidation.errorBackground#fda4c8
- inputValidation.errorBorder#fa6ca3
- inputValidation.infoBackground#cbb3ff
- inputValidation.infoBorder#af85ff
- inputValidation.infoForeground#000000
- inputValidation.warningBackground#fce564
- inputValidation.warningBorder#f8d216
- inputValidation.warningForeground#000000
- list.activeSelectionBackground#47464D33
- list.activeSelectionForeground#ffffff
- list.activeSelectionIconForeground#c6c7ca
- list.deemphasizedForeground#636369
- list.dropBackground#262629
- list.errorForeground#e6346b
- list.filterMatchBackground#262629
- list.filterMatchBorder#262629
- list.focusAndSelectionOutline#262629
- list.focusBackground#47464D33
- list.focusForeground#c6c7ca
- list.focusHighlightForeground#c6c7ca
- list.focusOutline#262629
- list.highlightForeground#c6c7ca
- list.hoverBackground#47464D1A
- list.hoverForeground#c6c7ca
- list.inactiveFocusBackground#262629
- list.inactiveFocusOutline#47464d
- list.inactiveSelectionBackground#47464D33
- list.inactiveSelectionForeground#99999a
- list.inactiveSelectionIconForeground#636369
- list.invalidItemForeground#e6346b
- list.warningForeground#fce564
- listFilterWidget.background#262629
- listFilterWidget.noMatchesOutline#262629
- listFilterWidget.outline#262629
- listFilterWidget.shadow#262629
- minimap.background#1e1e20
- minimap.errorHighlight#e6346b
- minimap.findMatchHighlight#4D96E4CC
- minimap.foregroundOpacity#C6C7CACC
- minimap.infoHighlight#af85ff
- minimap.selectionHighlight#C6C7CA33
- minimap.selectionOccurrenceHighlight#C6C7CA80
- minimap.warningHighlight#fce564
- minimapGutter.addedBackground#7bd88f
- minimapGutter.deletedBackground#fa6ca3
- minimapGutter.modifiedBackground#4d96e4
- minimapSlider.activeBackground#47464D4D
- minimapSlider.background#47464D33
- minimapSlider.hoverBackground#47464D4D
- notificationCenter.border#262629
- notificationCenterHeader.background#1e1e20
- notificationLink.foreground#ffffff
- notifications.background#262629
- notifications.border#37373a
- notificationToast.border#37373a
- panel.background#1e1e20
- panel.border#262629
- panelTitle.inactiveForeground#47464d
- peekView.border#37373a
- peekViewEditor.background#262629
- peekViewEditor.matchHighlightBackground#47464D33
- peekViewResult.background#262629
- peekViewResult.matchHighlightBackground#47464D33
- peekViewResult.selectionBackground#47464D1A
- peekViewResult.selectionForeground#c6c7ca
- peekViewTitle.background#1e1e20
- problemsErrorIcon.foreground#e6346b
- problemsInfoIcon.foreground#af85ff
- problemsWarningIcon.foreground#fce564
- profileBadge.background#262629
- profileBadge.foreground#c6c7ca
- progressBar.background#9147ff
- sash.hoverBorder#47464D33
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#47464D4D
- scrollbarSlider.background#47464D33
- scrollbarSlider.hoverBackground#47464D4D
- selection.background#C6C7CA33
- settings.checkboxBackground#262629
- settings.checkboxBorder#262629
- settings.checkboxForeground#c6c7ca
- settings.dropdownBackground#1e1e20
- settings.dropdownBorder#262629
- settings.dropdownForeground#c6c7ca
- settings.dropdownListBorder#47464D1A
- settings.focusedRowBackground#47464D1A
- settings.focusedRowBorder#47464D33
- settings.headerBorder#262629
- settings.headerForeground#c6c7ca
- settings.modifiedItemIndicator#9147ff
- settings.numberInputBackground#1e1e20
- settings.numberInputBorder#262629
- settings.numberInputForeground#c6c7ca
- settings.rowHoverBackground#47464D1A
- settings.sashBorder#262629
- settings.settingsHeaderHoverForeground#c6c7ca
- settings.textInputBackground#1e1e20
- settings.textInputBorder#262629
- settings.textInputForeground#c6c7ca
- sideBar.background#1e1e20
- sideBar.border#262629
- sideBar.foreground#c6c7ca
- sideBarSectionHeader.background#262629
- statusBar.background#1e1e20
- statusBar.border#262629
- statusBar.debuggingBackground#262629
- statusBar.debuggingBorder#30dde0
- statusBar.debuggingForeground#99999a
- statusBar.focusBorder#99999a
- statusBar.foreground#99999a
- statusBar.noFolderBackground#1e1e20
- statusBarItem.activeBackground#47464d
- statusBarItem.errorBackground#e6346b
- statusBarItem.errorForeground#ffffff
- statusBarItem.focusBorder#47464d
- statusBarItem.hoverBackground#47464d
- statusBarItem.hoverForeground#ffffff
- statusBarItem.remoteBackground#822DFFFF
- statusBarItem.remoteForeground#ffffff
- statusBarItem.warningBackground#fce564
- statusBarItem.warningForeground#1e1e20
- tab.activeBackground#262629
- tab.activeBorder#00000000
- tab.activeBorderTop#9147ff
- tab.activeForeground#c6c7ca
- tab.border#262629
- tab.inactiveBackground#1e1e20
- tab.inactiveForeground#636369
- tab.lastPinnedBorder#47464D33
- terminal.ansiBlack#37373a
- terminal.ansiBlue#6fb4eb
- terminal.ansiBrightBlack#47464d
- terminal.ansiBrightBlue#6fb4eb
- terminal.ansiBrightCyan#30dde0
- terminal.ansiBrightGreen#7bd88f
- terminal.ansiBrightMagenta#cbb3ff
- terminal.ansiBrightRed#fa6ca3
- terminal.ansiBrightWhite#99999a
- terminal.ansiBrightYellow#fdec8b
- terminal.ansiCyan#30dde0
- terminal.ansiGreen#7bd88f
- terminal.ansiMagenta#cbb3ff
- terminal.ansiRed#fa6ca3
- terminal.ansiWhite#99999a
- terminal.ansiYellow#fdec8b
- terminal.foreground#99999a
- textBlockQuote.background#262629
- textBlockQuote.border#37373a
- textCodeBlock.background#262629
- textLink.activeForeground#ffffff
- textLink.foreground#c6c7ca
- textPreformat.foreground#c6c7ca
- textSeparator.foreground#c6c7ca
- titleBar.activeBackground#1e1e20
- titleBar.activeForeground#c6c7ca
- titleBar.border#262629
- titleBar.inactiveBackground#262629
- titleBar.inactiveForeground#47464d
- toolbar.activeBackground#37373a
- toolbar.hoverBackground#C6C7CA1A
- toolbar.hoverOutline#37373a
- tree.inactiveIndentGuidesStroke#47464d
- tree.indentGuidesStroke#636369
- tree.tableColumnsBorder#37373a
- tree.tableOddRowsBackground#37373a
- walkThrough.embeddedEditorBackground#1e1e20
- walkthrough.stepTitle.foreground#c6c7ca
- welcomePage.background#1e1e20
- welcomePage.progress.background#1e1e20
- welcomePage.progress.foreground#c6c7ca
- welcomePage.tileBackground#1e1e20
- welcomePage.tileBorder#262629
- welcomePage.tileHoverBackground#47464D1A
- widget.border#262629
- widget.shadow#00000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, source.diff | #636369 | — |
| entity.name.function, entity.name.function.member, support.function, meta.diff.range, punctuation.definition.range.diff | #af85ff | — |
| keyword, punctuation.definition.keyword, variable.language, markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted, punctuation.definition.from-file.diff | #f44081 | — |
| constant, support.constant | #d65fd2 | — |
| storage, support.class, entity.name.namespace, meta.diff.header | #6fb4eb | — |
| markup.inline.raw.string, string, markup.inserted, punctuation.definition.inserted, meta.diff.header.to-file, punctuation.definition.to-file.diff | #fce564 | — |
| entity.name.section, entity.name.tag, entity.name.type, support.type | #5fc976 | — |
| support.type.property-name, support.variable, variable | #c6c7ca | — |
| entity.other, punctuation.definition.entity, support.other | #f59762 | — |
| meta.brace, punctuation | #c6c7ca | — |
| markup.bold, punctuation.definition.bold, entity.other.attribute-name.id | — | bold |
| comment, markup.italic, punctuation.definition.italic | — | italic |