Sonic Inspired Theme
Publisher: AndreLuizJPolesThemes in package: 6
Unofficial fan color themes for VS Code: Sonic, Tails, and Knuckles (Dark + Light each). Free and non-profit. Not affiliated with SEGA.
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.background#D01212
- activityBar.foreground#FFE0C9
- activityBar.inactiveForeground#8A4040
- activityBarBadge.background#9AA85E
- activityBarBadge.foreground#1A0608
- badge.background#FF0000
- badge.foreground#FFFFFF
- button.background#9AA85E
- button.foreground#1A0608
- button.hoverBackground#B0BE70
- descriptionForeground#8A7870
- dropdown.background#2A0A0C
- dropdown.border#3A1518
- dropdown.foreground#E4E2DE
- editor.background#1A0608
- editor.findMatchBackground#D0121244
- editor.findMatchHighlightBackground#D0121222
- editor.foreground#E4E2DE
- editor.inactiveSelectionBackground#9AA85E22
- editor.lineHighlightBackground#2A0A0C
- editor.selectionBackground#9AA85E44
- editor.wordHighlightBackground#9AA85E33
- editor.wordHighlightStrongBackground#9AA85E55
- editorBracketMatch.background#9AA85E33
- editorBracketMatch.border#9AA85E
- editorCursor.foreground#FFE0C9
- editorError.foreground#FF0000
- editorGroupHeader.tabsBackground#120405
- editorGutter.background#1A0608
- editorHint.foreground#8A7870
- editorIndentGuide.activeBackground#9AA85E66
- editorIndentGuide.background#3A1518
- editorInfo.foreground#9AA85E
- editorLineNumber.activeForeground#FFE0C9
- editorLineNumber.foreground#7A5052
- editorWarning.foreground#FFE0C9
- editorWhitespace.foreground#4A2022
- focusBorder#9AA85E
- foreground#E4E2DE
- gitDecoration.deletedResourceForeground#FF0000
- gitDecoration.ignoredResourceForeground#7A5052
- gitDecoration.modifiedResourceForeground#FFE0C9
- gitDecoration.untrackedResourceForeground#9AA85E
- input.background#2A0A0C
- input.border#3A1518
- input.foreground#E4E2DE
- input.placeholderForeground#7A5052
- list.activeSelectionBackground#9AA85E44
- list.activeSelectionForeground#FFFFFF
- list.highlightForeground#FFE0C9
- list.hoverBackground#9AA85E22
- list.inactiveSelectionBackground#2A0A0C
- panel.background#1A0608
- panel.border#3A1518
- scrollbarSlider.activeBackground#9AA85E88
- scrollbarSlider.background#9AA85E44
- scrollbarSlider.hoverBackground#9AA85E66
- sideBar.background#120405
- sideBar.foreground#E4E2DE
- sideBarSectionHeader.background#2A0A0C
- sideBarSectionHeader.foreground#9AA85E
- sideBarTitle.foreground#D01212
- statusBar.background#D01212
- statusBar.debuggingBackground#FF0000
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#FFE0C9
- statusBar.noFolderBackground#D01212
- tab.activeBackground#1A0608
- tab.activeForeground#FFE0C9
- tab.border#2A0A0C
- tab.inactiveBackground#120405
- tab.inactiveForeground#7A5052
- terminal.ansiBlue#9AA85E
- terminal.ansiCyan#9AA85E
- terminal.ansiGreen#9AA85E
- terminal.ansiMagenta#D01212
- terminal.ansiRed#FF0000
- terminal.ansiYellow#FFE0C9
- terminal.background#1A0608
- terminal.foreground#E4E2DE
- textLink.activeForeground#FFE0C9
- textLink.foreground#9AA85E
- titleBar.activeBackground#0E0304
- titleBar.activeForeground#E4E2DE
- titleBar.inactiveBackground#0E0304
- titleBar.inactiveForeground#7A5052
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8A7870 | italic |
| keyword, storage.type, storage.modifier, keyword.control | #D01212 | bold |
| string, constant.other.symbol | #FFE0C9 | — |
| constant.numeric, constant.language | #FFD0B0 | — |
| constant.language.boolean | #E4E2DE | — |
| entity.name.function, support.function, meta.function-call | #9AA85E | — |
| entity.name.type, entity.name.class, support.type, support.class | #FFB090 | bold |
| variable, variable.other, variable.parameter | #E4E2DE | — |
| variable.other.property, support.variable.property | #D0CEC8 | — |
| entity.name.tag | #FF0000 | — |
| entity.other.attribute-name | #FFE0C9 | — |
| keyword.operator | #8A7870 | — |
| punctuation, meta.brace | #8A7870 | — |
| entity.name.namespace, support.type.namespace | #FFB090 | bold |
| meta.decorator, entity.name.function.decorator | #FFE0C9 | italic |
| keyword.control.import, keyword.control.export, keyword.control.from | #9AA85E | — |
| string.regexp | #FFB090 | — |
| constant.character.escape | #9AA85E | — |
| invalid, invalid.illegal | #FF0000 | bold |
| markup.heading, entity.name.section.markdown | #D01212 | bold |
| markup.bold | #FFE0C9 | bold |
| markup.italic | #9AA85E | italic |
| markup.underline.link | #9AA85E | — |
| markup.inline.raw, markup.fenced_code.block | #FFD0B0 | — |
| support.type.property-name.json | #D01212 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #FFE0C9 | — |
| support.type.property-name.css | #9AA85E | — |
| support.constant.property-value.css | #FFD0B0 | — |