Redsea
Publisher: Olayemi GarubaThemes in package: 1
A black-and-red dark theme with a matching icon set. Every colour clears WCAG AA, enforced on every build.
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#FF3B47
- activityBar.background#1B1517
- activityBar.foreground#EDE0E0
- activityBar.inactiveForeground#9A8083
- activityBarBadge.background#FF3B47
- activityBarBadge.foreground#0B0708
- badge.background#FF3B47
- badge.foreground#0B0708
- breadcrumb.focusForeground#EDE0E0
- breadcrumb.foreground#9A8083
- button.background#FF3B47
- button.foreground#0B0708
- button.hoverBackground#FF8A80
- button.secondaryBackground#35272A
- button.secondaryForeground#EDE0E0
- diffEditor.insertedTextBackground#A8D9B222
- diffEditor.removedTextBackground#FF3B4722
- dropdown.background#1F181A
- dropdown.border#35272A
- dropdown.foreground#EDE0E0
- editor.background#171213
- editor.findMatchBackground#FF3B4766
- editor.findMatchHighlightBackground#FF3B4733
- editor.foreground#EDE0E0
- editor.lineHighlightBackground#211A1C
- editor.selectionBackground#35272ACC
- editor.selectionHighlightBackground#35272A80
- editor.wordHighlightBackground#35272A80
- editorBracketMatch.background#35272A
- editorBracketMatch.border#FF3B47
- editorCursor.foreground#FF3B47
- editorError.foreground#FF3B47
- editorGroup.border#2A2225
- editorGroupHeader.tabsBackground#1B1517
- editorGutter.addedBackground#A8D9B2
- editorGutter.deletedBackground#FF3B47
- editorGutter.modifiedBackground#E8A87C
- editorHoverWidget.background#1F181A
- editorHoverWidget.border#35272A
- editorIndentGuide.activeBackground1#46383B
- editorIndentGuide.background1#2A2225
- editorInfo.foreground#5FD3C4
- editorLineNumber.activeForeground#FF8A80
- editorLineNumber.foreground#866E71
- editorOverviewRuler.border#00000000
- editorOverviewRuler.errorForeground#FF3B47
- editorOverviewRuler.warningForeground#FFB86B
- editorRuler.foreground#2A2225
- editorSuggestWidget.selectedBackground#35272A
- editorWarning.foreground#FFB86B
- editorWhitespace.foreground#35272A
- editorWidget.background#1F181A
- editorWidget.border#35272A
- focusBorder#FF3B47
- gitDecoration.addedResourceForeground#A8D9B2
- gitDecoration.conflictingResourceForeground#C97BA8
- gitDecoration.deletedResourceForeground#FF3B47
- gitDecoration.ignoredResourceForeground#5A4A4C
- gitDecoration.modifiedResourceForeground#E8A87C
- gitDecoration.untrackedResourceForeground#FFB86B
- input.background#1F181A
- input.border#35272A
- input.foreground#EDE0E0
- input.placeholderForeground#9A8083
- inputOption.activeBorder#FF3B47
- list.activeSelectionBackground#35272A
- list.activeSelectionForeground#EDE0E0
- list.errorForeground#FF3B47
- list.highlightForeground#FF8A80
- list.hoverBackground#2A2225
- list.inactiveSelectionBackground#2A2225
- list.warningForeground#FFB86B
- minimap.findMatchHighlight#FF3B47
- notificationCenterHeader.background#1F181A
- notifications.background#1F181A
- notifications.border#35272A
- panel.background#1F181A
- panel.border#2A2225
- panelTitle.activeBorder#FF3B47
- panelTitle.activeForeground#EDE0E0
- panelTitle.inactiveForeground#9A8083
- peekView.border#FF3B47
- peekViewEditor.background#1F181A
- peekViewResult.background#1B1517
- progressBar.background#FF3B47
- scrollbarSlider.activeBackground#FF3B4780
- scrollbarSlider.background#35272A99
- scrollbarSlider.hoverBackground#46383BCC
- sideBar.background#1B1517
- sideBar.border#2A2225
- sideBar.foreground#D8C3C5
- sideBarSectionHeader.background#1F181A
- sideBarSectionHeader.foreground#EDE0E0
- sideBarTitle.foreground#EDE0E0
- statusBar.background#1B1517
- statusBar.border#2A2225
- statusBar.debuggingBackground#FF3B47
- statusBar.debuggingForeground#0B0708
- statusBar.foreground#D8C3C5
- statusBar.noFolderBackground#1B1517
- statusBarItem.remoteBackground#35272A
- statusBarItem.remoteForeground#EDE0E0
- tab.activeBackground#171213
- tab.activeBorderTop#FF3B47
- tab.activeForeground#EDE0E0
- tab.border#2A2225
- tab.hoverBackground#2A2225
- tab.inactiveBackground#1B1517
- tab.inactiveForeground#9A8083
- terminal.ansiBlack#171213
- terminal.ansiBlue#5FD3C4
- terminal.ansiBrightBlack#8C7276
- terminal.ansiBrightBlue#8FE3D8
- terminal.ansiBrightCyan#8FE3D8
- terminal.ansiBrightGreen#A8D9B2
- terminal.ansiBrightMagenta#E86A92
- terminal.ansiBrightRed#FF8A80
- terminal.ansiBrightWhite#EDE0E0
- terminal.ansiBrightYellow#FFCE96
- terminal.ansiCyan#5FD3C4
- terminal.ansiGreen#8FCB9B
- terminal.ansiMagenta#C97BA8
- terminal.ansiRed#FF3B47
- terminal.ansiWhite#D8C3C5
- terminal.ansiYellow#FFB86B
- terminal.background#1F181A
- terminal.foreground#EDE0E0
- terminalCursor.foreground#FF3B47
- textBlockQuote.background#1F181A
- textBlockQuote.border#FF3B47
- textCodeBlock.background#1F181A
- textLink.activeForeground#FF8A80
- textLink.foreground#FF3B47
- textPreformat.foreground#E8A87C
- textSeparator.foreground#35272A
- titleBar.activeBackground#1B1517
- titleBar.activeForeground#EDE0E0
- titleBar.border#2A2225
- titleBar.inactiveBackground#171213
- titleBar.inactiveForeground#9A8083
- walkThrough.embeddedEditorBackground#1F181A
- walkthrough.stepTitle.foreground#EDE0E0
- welcomePage.background#171213
- welcomePage.progress.background#2A2225
- welcomePage.progress.foreground#FF3B47
- welcomePage.tileBackground#1B1517
- welcomePage.tileBorder#35272A
- welcomePage.tileHoverBackground#2A2225
- widget.shadow#00000080
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #9A8083 | italic |
| keyword, keyword.control, storage, storage.type, storage.modifier | #FF3B47 | — |
| keyword.operator, punctuation, meta.brace, punctuation.separator, punctuation.terminator | #A98A8D | — |
| string, string.quoted, string.template | #FFB86B | — |
| constant.character.escape, punctuation.definition.template-expression | #FF3B47 | — |
| constant.numeric, constant.language, constant.language.boolean, constant.language.null, support.constant | #E86A92 | — |
| entity.name.function, support.function, meta.function-call.generic, variable.function | #FF8A80 | — |
| entity.name.type, entity.name.class, entity.name.namespace, entity.other.inherited-class, support.type, support.class, storage.type.primitive | #5FD3C4 | — |
| variable, variable.other, meta.definition.variable | #D8C3C5 | — |
| variable.parameter, meta.parameter | #F0A7A0 | — |
| variable.other.property, support.type.property-name, entity.other.attribute-name, meta.object-literal.key | #C97BA8 | — |
| entity.name.tag, punctuation.definition.tag | #FF3B47 | — |
| markup.heading, entity.name.section | #FF3B47 | bold |
| markup.bold | #FF8A80 | bold |
| markup.italic | #FF8A80 | italic |
| markup.underline.link, string.other.link | #5FD3C4 | underline |
| markup.inline.raw, markup.fenced_code | #FFB86B | — |
| invalid, invalid.illegal | #FF3B47 | bold |