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#e8654ab3
- activityBar.background#110c0a
- activityBar.border#110c0a
- activityBar.foreground#7a6058cc
- activityBar.inactiveForeground#7a605899
- activityBarBadge.background#e8654a
- activityBarBadge.foreground#110c0a
- badge.background#e8654a33
- badge.foreground#e8654a
- button.background#e8654a
- button.foreground#110c0a
- button.hoverBackground#d85a3f
- button.secondaryBackground#7a605833
- button.secondaryForeground#bfbdb6
- button.secondaryHoverBackground#7a605880
- debugConsoleInputIcon.foreground#e8654a
- debugExceptionWidget.background#160f0d
- debugExceptionWidget.border#241815
- debugIcon.breakpointDisabledForeground#e07a5580
- debugIcon.breakpointForeground#e07a55
- debugToolBar.background#160f0d
- descriptionForeground#7a6058
- diffEditor.diagonalFill#241815
- diffEditor.insertedTextBackground#c9e8941f
- diffEditor.removedTextBackground#e855451f
- dropdown.background#1a1210
- dropdown.border#7a605845
- dropdown.foreground#7a6058
- editor.background#110c0a
- editor.findMatchBackground#6c5980
- editor.findMatchBorder#6c5980
- editor.findMatchHighlightBackground#6c598066
- editor.findMatchHighlightBorder#5f4c7266
- editor.findRangeHighlightBackground#6c598040
- editor.foreground#bfbdb6
- editor.inactiveSelectionBackground#e8654a21
- editor.lineHighlightBackground#1a1210
- editor.rangeHighlightBackground#6c598033
- editor.selectionBackground#e8654a4d
- editor.selectionHighlightBackground#c9e89426
- editor.selectionHighlightBorder#c9e89400
- editor.snippetTabstopHighlightBackground#c9e89433
- editor.wordHighlightBackground#ff9a8014
- editor.wordHighlightBorder#ff9a8080
- editor.wordHighlightStrongBackground#c9e89414
- editor.wordHighlightStrongBorder#c9e89480
- editorBracketMatch.background#8a70684d
- editorBracketMatch.border#8a70684d
- editorCodeLens.foreground#8a6a608c
- editorCursor.foreground#e8654a
- editorError.foreground#e85545
- editorGroup.background#160f0d
- editorGroup.border#241815
- editorGroupHeader.noTabsBackground#110c0a
- editorGroupHeader.tabsBackground#110c0a
- editorGroupHeader.tabsBorder#110c0a
- editorGutter.addedBackground#c9e894cc
- editorGutter.deletedBackground#e85545cc
- editorGutter.modifiedBackground#ff9a80cc
- editorHoverWidget.background#160f0d
- editorHoverWidget.border#241815
- editorIndentGuide.activeBackground1#8a706880
- editorIndentGuide.background1#8a706833
- editorLineNumber.activeForeground#8a7068e6
- editorLineNumber.foreground#8a706899
- editorLink.activeForeground#e8654a
- editorMarkerNavigation.background#160f0d
- editorOverviewRuler.addedForeground#c9e894
- editorOverviewRuler.border#241815
- editorOverviewRuler.bracketMatchForeground#8a7068b3
- editorOverviewRuler.deletedForeground#e85545
- editorOverviewRuler.errorForeground#e85545
- editorOverviewRuler.findMatchForeground#6c5980
- editorOverviewRuler.modifiedForeground#ff9a80
- editorOverviewRuler.warningForeground#e8654a
- editorOverviewRuler.wordHighlightForeground#ff9a8066
- editorOverviewRuler.wordHighlightStrongForeground#c9e89466
- editorRuler.foreground#8a706833
- editorSuggestWidget.background#160f0d
- editorSuggestWidget.border#241815
- editorSuggestWidget.highlightForeground#e8654a
- editorSuggestWidget.selectedBackground#47526640
- editorWarning.foreground#e8654a
- editorWhitespace.foreground#8a706899
- editorWidget.background#160f0d
- editorWidget.border#241815
- errorForeground#e85545
- extensionButton.prominentBackground#e8654a
- extensionButton.prominentForeground#1a1210
- extensionButton.prominentHoverBackground#d85a3f
- focusBorder#1a1210
- foreground#7a6058
- gitDecoration.conflictingResourceForeground
- gitDecoration.deletedResourceForeground#e85545b3
- gitDecoration.ignoredResourceForeground#7a605880
- gitDecoration.modifiedResourceForeground#ff9a80b3
- gitDecoration.submoduleResourceForeground#f2b8c6b3
- gitDecoration.untrackedResourceForeground#c9e894b3
- icon.foreground#7a6058
- input.background#1a1210
- input.border#7a605845
- input.foreground#bfbdb6
- input.placeholderForeground#7a605880
- inputOption.activeBackground#e8654a33
- inputOption.activeBorder#e8654a4d
- inputOption.activeForeground#e8654a
- inputValidation.errorBackground#1a1210
- inputValidation.errorBorder#e85545
- inputValidation.infoBackground#110c0a
- inputValidation.infoBorder#f2b8c6
- inputValidation.warningBackground#110c0a
- inputValidation.warningBorder#f0a878
- keybindingLabel.background#7a60581a
- keybindingLabel.border#bfbdb61a
- keybindingLabel.bottomBorder#bfbdb61a
- keybindingLabel.foreground#bfbdb6
- list.activeSelectionBackground#47526640
- list.activeSelectionForeground#bfbdb6
- list.deemphasizedForeground#e85545
- list.errorForeground#e85545
- list.filterMatchBackground#5f4c7266
- list.filterMatchBorder#6c598066
- list.focusBackground#47526640
- list.focusForeground#bfbdb6
- list.focusOutline#47526640
- list.highlightForeground#e8654a
- list.hoverBackground#47526640
- list.inactiveSelectionBackground#47526633
- list.inactiveSelectionForeground#7a6058
- list.invalidItemForeground#7a60584d
- listFilterWidget.background#160f0d
- listFilterWidget.noMatchesOutline#e85545
- listFilterWidget.outline#e8654a
- minimap.background#110c0a
- minimap.errorHighlight#e85545
- minimap.findMatchHighlight#6c5980
- minimap.selectionHighlight#e8654a4d
- minimapGutter.addedBackground#c9e894
- minimapGutter.deletedBackground#e85545
- minimapGutter.modifiedBackground#ff9a80
- panel.background#110c0a
- panel.border#241815
- panelTitle.activeBorder#e8654a
- panelTitle.activeForeground#bfbdb6
- panelTitle.inactiveForeground#7a6058
- peekView.border#47526640
- peekViewEditor.background#160f0d
- peekViewEditor.matchHighlightBackground#6c598066
- peekViewEditor.matchHighlightBorder#5f4c7266
- peekViewResult.background#160f0d
- peekViewResult.fileForeground#bfbdb6
- peekViewResult.lineForeground#7a6058
- peekViewResult.matchHighlightBackground#6c598066
- peekViewResult.selectionBackground#47526640
- peekViewTitle.background#47526640
- peekViewTitleDescription.foreground#7a6058
- peekViewTitleLabel.foreground#bfbdb6
- pickerGroup.border#241815
- pickerGroup.foreground#7a605880
- progressBar.background#e8654a
- scrollbar.shadow#24181500
- scrollbarSlider.activeBackground#7a6058b3
- scrollbarSlider.background#7a605866
- scrollbarSlider.hoverBackground#7a605899
- selection.background#e8654a4d
- settings.headerForeground#bfbdb6
- settings.modifiedItemIndicator#ff9a80
- sideBar.background#110c0a
- sideBar.border#110c0a
- sideBarSectionHeader.background#110c0a
- sideBarSectionHeader.border#110c0a
- sideBarSectionHeader.foreground#7a6058
- sideBarTitle.foreground#7a6058
- statusBar.background#110c0a
- statusBar.border#110c0a
- statusBar.debuggingBackground#e07a55
- statusBar.debuggingForeground#1a1210
- statusBar.foreground#7a6058
- statusBar.noFolderBackground#160f0d
- statusBarItem.activeBackground#7a605833
- statusBarItem.hoverBackground#7a605833
- statusBarItem.prominentBackground#241815
- statusBarItem.prominentHoverBackground#00000030
- statusBarItem.remoteBackground#e8654a
- statusBarItem.remoteForeground#1a1210
- tab.activeBackground#110c0a
- tab.activeBorder#e8654a
- tab.activeForeground#bfbdb6
- tab.border#110c0a
- tab.inactiveBackground#110c0a
- tab.inactiveForeground#7a6058
- tab.unfocusedActiveBorder#7a6058
- tab.unfocusedActiveForeground#7a6058
- tab.unfocusedInactiveForeground#7a6058
- terminal.ansiBlack#241815
- terminal.ansiBlue#ff9a80
- terminal.ansiBrightBlack#686868
- terminal.ansiBrightBlue#ffb4a0
- terminal.ansiBrightCyan#f0c8a8
- terminal.ansiBrightGreen#f0a878
- terminal.ansiBrightMagenta#f2b8c6
- terminal.ansiBrightRed#ff8a7a
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#f0a878
- terminal.ansiCyan#f0c8a8
- terminal.ansiGreen#c9e894
- terminal.ansiMagenta#f2b8c6
- terminal.ansiRed#e85545
- terminal.ansiWhite#c7c7c7
- terminal.ansiYellow#f0a878
- terminal.background#110c0a
- terminal.foreground#bfbdb6
- textBlockQuote.background#160f0d
- textLink.activeForeground#e8654a
- textLink.foreground#e8654a
- textPreformat.foreground#bfbdb6
- titleBar.activeBackground#110c0a
- titleBar.activeForeground#bfbdb6
- titleBar.border#110c0a
- titleBar.inactiveBackground#110c0a
- titleBar.inactiveForeground#7a6058
- tree.indentGuidesStroke#8a706880
- walkThrough.embeddedEditorBackground#160f0d
- welcomePage.progress.background#1a1210
- welcomePage.tileBackground#110c0a
- welcomePage.tileShadow#00000080
- widget.shadow#00000080
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #bfbdb6 | — |
| comment | #8a6a608c | italic |
| string, constant.other.symbol | #f0a878 | — |
| string.regexp, constant.character, constant.other | #f0c8a8 | — |
| constant.numeric | #f2b8c6 | — |
| constant.language | #f2b8c6 | — |
| variable, variable.parameter.function-call | #bfbdb6 | — |
| variable.member | #ff8a7a | — |
| variable.language | #f2b8c6 | italic |
| storage | #ff7e6b | — |
| keyword | #ff7e6b | — |
| keyword.operator | #e07a55 | — |
| punctuation.separator, punctuation.terminator | #bfbdb6b3 | — |
| punctuation.section | #bfbdb6 | — |
| punctuation.accessor | #e07a55 | — |
| punctuation.definition.template-expression | #ff7e6b | — |
| punctuation.section.embedded | #ff7e6b | — |
| meta.embedded | #bfbdb6 | — |
| source.java storage.type, source.haskell storage.type, source.c storage.type | #ffb4a0 | — |
| entity.other.inherited-class | #f2b8c6 | — |
| storage.type.function | #ff7e6b | — |
| source.java storage.type.primitive | #f2b8c6 | — |
| entity.name.function | #f0a878 | — |
| variable.parameter, meta.parameter | #f2b8c6 | — |
| variable.function, variable.annotation, meta.function-call.generic, support.function.go | #f0a878 | — |
| support.function, support.macro | #ff8a7a | — |
| entity.name.import, entity.name.package | #f0a878 | — |
| entity.name | #ffb4a0 | — |
| entity.name.tag, meta.tag.sgml | #f2b8c6 | — |
| support.class.component | #ffb4a0 | — |
| punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag | #f2b8c680 | — |
| entity.name.tag, entity.name.tag.class.js, entity.name.tag.class.jsx | #ff7e6b | — |
| entity.other.attribute-name | #d4a090 | italic |
| punctuation.decorator | #f0d0b0 | italic |
| support.constant | #e07a55 | italic |
| support.type, support.class, source.go storage.type | #f2b8c6 | — |
| meta.decorator variable.other, meta.decorator punctuation.decorator, storage.type.annotation | #e0a878 | — |
| invalid | #e85545 | — |
| meta.diff, meta.diff.header | #c98878 | — |
| source.ruby variable.other.readwrite | #f0a878 | — |
| 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 | #ffb4a0 | — |
| source.css support.type, source.sass support.type, source.scss support.type, source.less support.type, source.stylus support.type | #8a6a608c | — |
| support.type.property-name | #f2b8c6 | normal |
| constant.numeric.line-number.find-in-files - match | #8a6a608c | — |
| constant.numeric.line-number.match | #ff7e6b | — |
| entity.name.filename.find-in-files | #f0a878 | — |
| message.error | #e85545 | — |
| markup.heading, markup.heading entity.name | #f0a878 | bold |
| markup.underline.link, string.other.link | #f2b8c6 | — |
| markup.italic | #ff8a7a | italic |
| markup.bold | #ff8a7a | bold |
| markup.italic markup.bold, markup.bold markup.italic | — | bold italic |
| markup.raw | — | — |
| markup.raw.inline | — | — |
| meta.separator | #8a6a608c | bold |
| markup.quote | #f0c8a8 | italic |
| markup.list punctuation.definition.list.begin | #f0a878 | — |
| markup.inserted | #c9e894 | — |
| markup.changed | #ff9a80 | — |
| markup.deleted | #e85545 | — |
| markup.strike | #e0a878 | — |
| markup.table | #f2b8c6 | — |
| text.html.markdown markup.inline.raw | #e07a55 | — |
| text.html.markdown meta.dummy.line-break | #8a6a608c | — |
| punctuation.definition.markdown | #8a6a608c | — |