Carbon Rewind Theme
Publisher: Thomas JohnsonThemes in package: 10
Theme is a sleek, modern extension that enhances readability and reduces eye strain.
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.activeBorder#9d7cffb3
- activityBar.background#0e0a14
- activityBar.border#0e0a14
- activityBar.foreground#6a6080cc
- activityBar.inactiveForeground#6a608099
- activityBarBadge.background#9d7cff
- activityBarBadge.foreground#0e0a14
- badge.background#9d7cff33
- badge.foreground#9d7cff
- button.background#9d7cff
- button.foreground#0e0a14
- button.hoverBackground#8f6ef0
- button.secondaryBackground#6a608033
- button.secondaryForeground#bfbdb6
- button.secondaryHoverBackground#6a608080
- debugConsoleInputIcon.foreground#9d7cff
- debugExceptionWidget.background#110c17
- debugExceptionWidget.border#1a1424
- debugIcon.breakpointDisabledForeground#c4a8ff80
- debugIcon.breakpointForeground#c4a8ff
- debugToolBar.background#110c17
- descriptionForeground#6a6080
- diffEditor.diagonalFill#1a1424
- diffEditor.insertedTextBackground#b794f61f
- diffEditor.removedTextBackground#f26d781f
- dropdown.background#120d18
- dropdown.border#6a608045
- dropdown.foreground#6a6080
- editor.background#0e0a14
- editor.findMatchBackground#6b5090
- editor.findMatchBorder#6b5090
- editor.findMatchHighlightBackground#6b509066
- editor.findMatchHighlightBorder#5a408066
- editor.findRangeHighlightBackground#6b509040
- editor.foreground#bfbdb6
- editor.inactiveSelectionBackground#9d7cff21
- editor.lineHighlightBackground#15101e
- editor.rangeHighlightBackground#6b509033
- editor.selectionBackground#9d7cff4d
- editor.selectionHighlightBackground#b794f626
- editor.selectionHighlightBorder#b794f600
- editor.snippetTabstopHighlightBackground#b794f633
- editor.wordHighlightBackground#9d7cff14
- editor.wordHighlightBorder#9d7cff80
- editor.wordHighlightStrongBackground#b794f614
- editor.wordHighlightStrongBorder#b794f680
- editorBracketMatch.background#7a70904d
- editorBracketMatch.border#7a70904d
- editorCodeLens.foreground#7a70908c
- editorCursor.foreground#9d7cff
- editorError.foreground#d95757
- editorGroup.background#110c17
- editorGroup.border#1a1424
- editorGroupHeader.noTabsBackground#0e0a14
- editorGroupHeader.tabsBackground#0e0a14
- editorGroupHeader.tabsBorder#0e0a14
- editorGutter.addedBackground#b794f6cc
- editorGutter.deletedBackground#f26d78cc
- editorGutter.modifiedBackground#9d7cffcc
- editorHoverWidget.background#110c17
- editorHoverWidget.border#1a1424
- editorIndentGuide.activeBackground1#7a709080
- editorIndentGuide.background1#7a709033
- editorLineNumber.activeForeground#7a7090e6
- editorLineNumber.foreground#7a709099
- editorLink.activeForeground#9d7cff
- editorMarkerNavigation.background#110c17
- editorOverviewRuler.addedForeground#b794f6
- editorOverviewRuler.border#1a1424
- editorOverviewRuler.bracketMatchForeground#7a7090b3
- editorOverviewRuler.deletedForeground#f26d78
- editorOverviewRuler.errorForeground#d95757
- editorOverviewRuler.findMatchForeground#6b5090
- editorOverviewRuler.modifiedForeground#9d7cff
- editorOverviewRuler.warningForeground#9d7cff
- editorOverviewRuler.wordHighlightForeground#9d7cff66
- editorOverviewRuler.wordHighlightStrongForeground#b794f666
- editorRuler.foreground#7a709033
- editorSuggestWidget.background#110c17
- editorSuggestWidget.border#1a1424
- editorSuggestWidget.highlightForeground#9d7cff
- editorSuggestWidget.selectedBackground#4a3a6040
- editorWarning.foreground#9d7cff
- editorWhitespace.foreground#7a709099
- editorWidget.background#110c17
- editorWidget.border#1a1424
- errorForeground#d95757
- extensionButton.prominentBackground#9d7cff
- extensionButton.prominentForeground#120d18
- extensionButton.prominentHoverBackground#8f6ef0
- focusBorder#120d18
- foreground#6a6080
- gitDecoration.conflictingResourceForeground
- gitDecoration.deletedResourceForeground#f26d78b3
- gitDecoration.ignoredResourceForeground#6a608080
- gitDecoration.modifiedResourceForeground#9d7cffb3
- gitDecoration.submoduleResourceForeground#ffb4e6b3
- gitDecoration.untrackedResourceForeground#b794f6b3
- icon.foreground#6a6080
- input.background#120d18
- input.border#6a608045
- input.foreground#bfbdb6
- input.placeholderForeground#6a608080
- inputOption.activeBackground#9d7cff33
- inputOption.activeBorder#9d7cff4d
- inputOption.activeForeground#9d7cff
- inputValidation.errorBackground#120d18
- inputValidation.errorBorder#d95757
- inputValidation.infoBackground#0e0a14
- inputValidation.infoBorder#c4a8ff
- inputValidation.warningBackground#0e0a14
- inputValidation.warningBorder#e2b0ff
- keybindingLabel.background#6a60801a
- keybindingLabel.border#bfbdb61a
- keybindingLabel.bottomBorder#bfbdb61a
- keybindingLabel.foreground#bfbdb6
- list.activeSelectionBackground#4a3a6040
- list.activeSelectionForeground#bfbdb6
- list.deemphasizedForeground#d95757
- list.errorForeground#d95757
- list.filterMatchBackground#5a408066
- list.filterMatchBorder#6b509066
- list.focusBackground#4a3a6040
- list.focusForeground#bfbdb6
- list.focusOutline#4a3a6040
- list.highlightForeground#9d7cff
- list.hoverBackground#4a3a6040
- list.inactiveSelectionBackground#4a3a6033
- list.inactiveSelectionForeground#6a6080
- list.invalidItemForeground#6a60804d
- listFilterWidget.background#110c17
- listFilterWidget.noMatchesOutline#d95757
- listFilterWidget.outline#9d7cff
- minimap.background#0e0a14
- minimap.errorHighlight#d95757
- minimap.findMatchHighlight#6b5090
- minimap.selectionHighlight#9d7cff4d
- minimapGutter.addedBackground#b794f6
- minimapGutter.deletedBackground#f26d78
- minimapGutter.modifiedBackground#9d7cff
- panel.background#0e0a14
- panel.border#1a1424
- panelTitle.activeBorder#9d7cff
- panelTitle.activeForeground#bfbdb6
- panelTitle.inactiveForeground#6a6080
- peekView.border#4a3a6040
- peekViewEditor.background#110c17
- peekViewEditor.matchHighlightBackground#6b509066
- peekViewEditor.matchHighlightBorder#5a408066
- peekViewResult.background#110c17
- peekViewResult.fileForeground#bfbdb6
- peekViewResult.lineForeground#6a6080
- peekViewResult.matchHighlightBackground#6b509066
- peekViewResult.selectionBackground#4a3a6040
- peekViewTitle.background#4a3a6040
- peekViewTitleDescription.foreground#6a6080
- peekViewTitleLabel.foreground#bfbdb6
- pickerGroup.border#1a1424
- pickerGroup.foreground#6a608080
- progressBar.background#9d7cff
- scrollbar.shadow#1a142400
- scrollbarSlider.activeBackground#6a6080b3
- scrollbarSlider.background#6a608066
- scrollbarSlider.hoverBackground#6a608099
- selection.background#9d7cff4d
- settings.headerForeground#bfbdb6
- settings.modifiedItemIndicator#9d7cff
- sideBar.background#0e0a14
- sideBar.border#0e0a14
- sideBarSectionHeader.background#0e0a14
- sideBarSectionHeader.border#0e0a14
- sideBarSectionHeader.foreground#6a6080
- sideBarTitle.foreground#6a6080
- statusBar.background#0e0a14
- statusBar.border#0e0a14
- statusBar.debuggingBackground#c4a8ff
- statusBar.debuggingForeground#120d18
- statusBar.foreground#6a6080
- statusBar.noFolderBackground#110c17
- statusBarItem.activeBackground#6a608033
- statusBarItem.hoverBackground#6a608033
- statusBarItem.prominentBackground#1a1424
- statusBarItem.prominentHoverBackground#00000030
- statusBarItem.remoteBackground#9d7cff
- statusBarItem.remoteForeground#120d18
- tab.activeBackground#0e0a14
- tab.activeBorder#9d7cff
- tab.activeForeground#bfbdb6
- tab.border#0e0a14
- tab.inactiveBackground#0e0a14
- tab.inactiveForeground#6a6080
- tab.unfocusedActiveBorder#6a6080
- tab.unfocusedActiveForeground#6a6080
- tab.unfocusedInactiveForeground#6a6080
- terminal.ansiBlack#1a1424
- terminal.ansiBlue#9d7cff
- terminal.ansiBrightBlack#686868
- terminal.ansiBrightBlue#a78bfa
- terminal.ansiBrightCyan#d8b4fe
- terminal.ansiBrightGreen#c4a8ff
- terminal.ansiBrightMagenta#ffb4e6
- terminal.ansiBrightRed#ffb4e6
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#e2b0ff
- terminal.ansiCyan#d8b4fe
- terminal.ansiGreen#b794f6
- terminal.ansiMagenta#d8b4fe
- terminal.ansiRed#ea6c73
- terminal.ansiWhite#c7c7c7
- terminal.ansiYellow#e2b0ff
- terminal.background#0e0a14
- terminal.foreground#bfbdb6
- textBlockQuote.background#110c17
- textLink.activeForeground#9d7cff
- textLink.foreground#9d7cff
- textPreformat.foreground#bfbdb6
- titleBar.activeBackground#0e0a14
- titleBar.activeForeground#bfbdb6
- titleBar.border#0e0a14
- titleBar.inactiveBackground#0e0a14
- titleBar.inactiveForeground#6a6080
- tree.indentGuidesStroke#7a709080
- walkThrough.embeddedEditorBackground#110c17
- welcomePage.progress.background#15101e
- welcomePage.tileBackground#0e0a14
- welcomePage.tileShadow#00000080
- widget.shadow#00000080
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #bfbdb6 | — |
| comment | #7a70908c | italic |
| string, constant.other.symbol | #c4a8ff | — |
| string.regexp, constant.character, constant.other | #d8b4fe | — |
| constant.numeric | #ffb4e6 | — |
| constant.language | #ffb4e6 | — |
| variable, variable.parameter.function-call | #bfbdb6 | — |
| variable.member | #ffb4e6 | — |
| variable.language | #c4a8ff | italic |
| storage | #b794f6 | — |
| keyword | #b794f6 | — |
| keyword.operator | #c4a8ff | — |
| punctuation.separator, punctuation.terminator | #bfbdb6b3 | — |
| punctuation.section | #bfbdb6 | — |
| punctuation.accessor | #c4a8ff | — |
| punctuation.definition.template-expression | #b794f6 | — |
| punctuation.section.embedded | #b794f6 | — |
| meta.embedded | #bfbdb6 | — |
| source.java storage.type, source.haskell storage.type, source.c storage.type | #a78bfa | — |
| entity.other.inherited-class | #c4a8ff | — |
| storage.type.function | #b794f6 | — |
| source.java storage.type.primitive | #c4a8ff | — |
| entity.name.function | #e2b0ff | — |
| variable.parameter, meta.parameter | #ffb4e6 | — |
| variable.function, variable.annotation, meta.function-call.generic, support.function.go | #e2b0ff | — |
| support.function, support.macro | #ffb4e6 | — |
| entity.name.import, entity.name.package | #c4a8ff | — |
| entity.name | #a78bfa | — |
| entity.name.tag, meta.tag.sgml | #c4a8ff | — |
| support.class.component | #a78bfa | — |
| punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag | #c4a8ff80 | — |
| entity.name.tag, entity.name.tag.class.js, entity.name.tag.class.jsx | #e2b0ff | — |
| entity.other.attribute-name | #d8b4fe | italic |
| punctuation.decorator | #e9d5ff | italic |
| support.constant | #c4a8ff | italic |
| support.type, support.class, source.go storage.type | #c4a8ff | — |
| meta.decorator variable.other, meta.decorator punctuation.decorator, storage.type.annotation | #d8b4fe | — |
| invalid | #d95757 | — |
| meta.diff, meta.diff.header | #c4a8ff | — |
| source.ruby variable.other.readwrite | #e2b0ff | — |
| source.css entity.name.tag, source.sass entity.name.tag, source.scss entity.name.tag, source.less entity.name.tag, source.stylus entity.name.tag | #a78bfa | — |
| source.css support.type, source.sass support.type, source.scss support.type, source.less support.type, source.stylus support.type | #7a70908c | — |
| support.type.property-name | #c4a8ff | normal |
| constant.numeric.line-number.find-in-files - match | #7a70908c | — |
| constant.numeric.line-number.match | #b794f6 | — |
| entity.name.filename.find-in-files | #c4a8ff | — |
| message.error | #d95757 | — |
| markup.heading, markup.heading entity.name | #c4a8ff | bold |
| markup.underline.link, string.other.link | #c4a8ff | — |
| markup.italic | #ffb4e6 | italic |
| markup.bold | #ffb4e6 | bold |
| markup.italic markup.bold, markup.bold markup.italic | — | bold italic |
| markup.raw | — | — |
| markup.raw.inline | — | — |
| meta.separator | #7a70908c | bold |
| markup.quote | #d8b4fe | italic |
| markup.list punctuation.definition.list.begin | #e2b0ff | — |
| markup.inserted | #b794f6 | — |
| markup.changed | #9d7cff | — |
| markup.deleted | #f26d78 | — |
| markup.strike | #d8b4fe | — |
| markup.table | #c4a8ff | — |
| text.html.markdown markup.inline.raw | #c4a8ff | — |
| text.html.markdown meta.dummy.line-break | #7a70908c | — |
| punctuation.definition.markdown | #7a70908c | — |