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#FFB0A0
- activityBarBadge.background#6F7A3A
- activityBarBadge.foreground#FFFFFF
- badge.background#B90C14
- badge.foreground#FFFFFF
- button.background#6F7A3A
- button.foreground#FFFFFF
- button.hoverBackground#889650
- descriptionForeground#7A7068
- dropdown.background#FFFFFF
- dropdown.border#D0B8A0
- dropdown.foreground#1A0608
- editor.background#FFE0C9
- editor.findMatchBackground#D0121255
- editor.findMatchHighlightBackground#D0121233
- editor.foreground#1A0608
- editor.inactiveSelectionBackground#9AA85E22
- editor.lineHighlightBackground#F5D0B0
- editor.selectionBackground#9AA85E44
- editor.wordHighlightBackground#9AA85E33
- editor.wordHighlightStrongBackground#9AA85E44
- editorBracketMatch.background#9AA85E33
- editorBracketMatch.border#6F7A3A
- editorCursor.foreground#B90C14
- editorError.foreground#B90C14
- editorGroupHeader.tabsBackground#E4E2DE
- editorGutter.background#FFE0C9
- editorHint.foreground#7A7068
- editorIndentGuide.activeBackground#6F7A3A55
- editorIndentGuide.background#E8C8B0
- editorInfo.foreground#6F7A3A
- editorLineNumber.activeForeground#B90C14
- editorLineNumber.foreground#9A8070
- editorWarning.foreground#8A6A20
- editorWhitespace.foreground#D0B8A0
- focusBorder#6F7A3A
- foreground#1A0608
- gitDecoration.deletedResourceForeground#B90C14
- gitDecoration.ignoredResourceForeground#9A8070
- gitDecoration.modifiedResourceForeground#8A6A20
- gitDecoration.untrackedResourceForeground#6F7A3A
- input.background#FFFFFF
- input.border#D0B8A0
- input.foreground#1A0608
- input.placeholderForeground#9A8070
- list.activeSelectionBackground#9AA85E44
- list.activeSelectionForeground#1A0608
- list.highlightForeground#B90C14
- list.hoverBackground#9AA85E22
- list.inactiveSelectionBackground#D8D6D2
- panel.background#FFE0C9
- panel.border#D8D6D2
- scrollbarSlider.activeBackground#9AA85E88
- scrollbarSlider.background#9AA85E44
- scrollbarSlider.hoverBackground#9AA85E66
- sideBar.background#E4E2DE
- sideBar.foreground#1A0608
- sideBarSectionHeader.background#D8D6D2
- sideBarSectionHeader.foreground#1A0608
- sideBarTitle.foreground#B90C14
- statusBar.background#D01212
- statusBar.debuggingBackground#B90C14
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#FFE0C9
- statusBar.noFolderBackground#D01212
- tab.activeBackground#FFE0C9
- tab.activeForeground#B90C14
- tab.border#D8D6D2
- tab.inactiveBackground#E4E2DE
- tab.inactiveForeground#7A7068
- terminal.ansiBlue#6F7A3A
- terminal.ansiCyan#6F7A3A
- terminal.ansiGreen#6F7A3A
- terminal.ansiMagenta#D01212
- terminal.ansiRed#B90C14
- terminal.ansiYellow#8A6A20
- terminal.background#FFE0C9
- terminal.foreground#1A0608
- textLink.activeForeground#B90C14
- textLink.foreground#6F7A3A
- titleBar.activeBackground#1A0608
- titleBar.activeForeground#FFFFFF
- titleBar.inactiveBackground#2A0A0C
- titleBar.inactiveForeground#C0A898
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7A7068 | italic |
| keyword, storage.type, storage.modifier, keyword.control | #B90C14 | bold |
| string, constant.other.symbol | #8A4010 | — |
| constant.numeric, constant.language | #7A3508 | — |
| constant.language.boolean | #5A5048 | — |
| entity.name.function, support.function, meta.function-call | #6F7A3A | — |
| entity.name.type, entity.name.class, support.type, support.class | #8A3020 | bold |
| variable, variable.other, variable.parameter | #1A0608 | — |
| variable.other.property, support.variable.property | #2A1214 | — |
| entity.name.tag | #B90C14 | — |
| entity.other.attribute-name | #8A4010 | — |
| keyword.operator | #7A7068 | — |
| punctuation, meta.brace | #7A7068 | — |
| entity.name.namespace, support.type.namespace | #8A3020 | bold |
| meta.decorator, entity.name.function.decorator | #B90C14 | italic |
| keyword.control.import, keyword.control.export, keyword.control.from | #6F7A3A | — |
| string.regexp | #8A3020 | — |
| constant.character.escape | #6F7A3A | — |
| invalid, invalid.illegal | #B90C14 | bold |
| markup.heading, entity.name.section.markdown | #B90C14 | bold |
| markup.bold | #8A4010 | bold |
| markup.italic | #6F7A3A | italic |
| markup.underline.link | #6F7A3A | — |
| markup.inline.raw, markup.fenced_code.block | #7A3508 | — |
| support.type.property-name.json | #B90C14 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #B90C14 | — |
| support.type.property-name.css | #6F7A3A | — |
| support.constant.property-value.css | #7A3508 | — |