Syn Themes — Syn-Agentic Cyberpunk Glass Design Presets
Publisher: jenninexusThemes in package: 6
Six cyberpunk glass color themes for VS Code / Cursor — WCAG AA contrast, semantic highlighting, and tuned terminal colors.
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#0a0a0e
- activityBar.border#161320
- activityBar.foreground#FF6B00
- activityBar.inactiveForeground#6a6480
- activityBarBadge.background#8B5CF6
- activityBarBadge.foreground#ffffff
- badge.background#8B5CF6
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#FF6B00
- breadcrumb.focusForeground#ece8f4
- breadcrumb.foreground#6a6480
- breadcrumbPicker.background#161320
- button.background#FF6B00
- button.foreground#0a0a0e
- button.hoverBackground#FF8533
- button.secondaryBackground#211c2b
- button.secondaryForeground#ece8f4
- descriptionForeground#a89ccb
- dropdown.background#161320
- dropdown.border#211c2b
- dropdown.foreground#ece8f4
- editor.background#0c0a12
- editor.findMatchBackground#FFAA0030
- editor.findMatchHighlightBackground#FFAA0018
- editor.foreground#ece8f4
- editor.inactiveSelectionBackground#FF6B0012
- editor.lineHighlightBackground#16132088
- editor.selectionBackground#FF6B0025
- editor.wordHighlightBackground#8B5CF618
- editorBracketMatch.background#8B5CF618
- editorBracketMatch.border#8B5CF644
- editorCursor.foreground#FFAA00
- editorGroupHeader.tabsBackground#0a0a0e
- editorGroupHeader.tabsBorder#161320
- editorGutter.addedBackground#42f4c866
- editorGutter.deletedBackground#E53E3E66
- editorGutter.modifiedBackground#FF6B0066
- editorIndentGuide.activeBackground1#2a2438
- editorIndentGuide.background1#1a1624
- editorLineNumber.activeForeground#b8b0d0
- editorLineNumber.foreground#8a8498
- editorOverviewRuler.border#161320
- editorWhitespace.foreground#211c2b
- errorForeground#E53E3E
- focusBorder#FF6B0044
- foreground#ece8f4
- gitDecoration.addedResourceForeground#42f4c8
- gitDecoration.conflictingResourceForeground#FFAA00
- gitDecoration.deletedResourceForeground#E53E3E
- gitDecoration.ignoredResourceForeground#4a4658
- gitDecoration.modifiedResourceForeground#FF6B00
- gitDecoration.untrackedResourceForeground#63B3ED
- input.background#161320
- input.border#211c2b
- input.foreground#ece8f4
- input.placeholderForeground#6a6480
- inputOption.activeBorder#FF6B00
- list.activeSelectionBackground#FF6B0018
- list.activeSelectionForeground#ece8f4
- list.focusBackground#FF6B0015
- list.highlightForeground#FFAA00
- list.hoverBackground#161320
- list.inactiveSelectionBackground#8B5CF612
- minimap.findMatchHighlight#FFAA0040
- minimap.selectionHighlight#FF6B0030
- notifications.background#161320
- notifications.border#211c2b
- notifications.foreground#ece8f4
- panel.background#0c0a12
- panel.border#211c2b
- panelTitle.activeBorder#FF6B00
- panelTitle.activeForeground#ece8f4
- panelTitle.inactiveForeground#6a6480
- peekView.border#8B5CF644
- peekViewEditor.background#121018
- peekViewResult.background#121018
- peekViewTitle.background#161320
- scrollbar.shadow#00000060
- scrollbarSlider.activeBackground#FF6B003c
- scrollbarSlider.background#FF6B0015
- scrollbarSlider.hoverBackground#FF6B0028
- selection.background#FF6B0030
- sideBar.background#121018
- sideBar.border#161320
- sideBar.foreground#ece8f4
- sideBarSectionHeader.background#161320
- sideBarSectionHeader.foreground#a89ccb
- sideBarTitle.foreground#FF6B00
- statusBar.background#0a0a0e
- statusBar.border#161320
- statusBar.debuggingBackground#E53E3E
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#FF6B00
- statusBar.noFolderBackground#0a0a0e
- statusBarItem.hoverBackground#FF6B0018
- statusBarItem.remoteBackground#8B5CF6
- statusBarItem.remoteForeground#ffffff
- tab.activeBackground#161320
- tab.activeBorderTop#FF6B00
- tab.activeForeground#ece8f4
- tab.border#161320
- tab.hoverBackground#1a1624
- tab.inactiveBackground#0a0a0e
- tab.inactiveForeground#6a6480
- terminal.ansiBlack#161320
- terminal.ansiBlue#63B3ED
- terminal.ansiBrightBlack#6a6480
- terminal.ansiBrightBlue#88ccff
- terminal.ansiBrightCyan#70ffe8
- terminal.ansiBrightGreen#70ffe8
- terminal.ansiBrightMagenta#a78bfa
- terminal.ansiBrightRed#ff5c5c
- terminal.ansiBrightWhite#f8f6ff
- terminal.ansiBrightYellow#ffc840
- terminal.ansiCyan#42f4c8
- terminal.ansiGreen#42f4c8
- terminal.ansiMagenta#8B5CF6
- terminal.ansiRed#E53E3E
- terminal.ansiWhite#ece8f4
- terminal.ansiYellow#FFAA00
- terminal.background#0a0a0e
- terminal.foreground#ece8f4
- terminalCursor.foreground#FFAA00
- titleBar.activeBackground#0a0a0e
- titleBar.activeForeground#FF6B00
- titleBar.inactiveBackground#0a0a0e
- titleBar.inactiveForeground#6a6480
- widget.shadow#00000070
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8a849e | italic |
| string, string.quoted | #42f4c8 | — |
| constant.numeric | #FFAA00 | — |
| constant.language, constant.other | #FF8533 | — |
| keyword, storage.type, storage.modifier | #FF6B00 | — |
| keyword.control, keyword.operator.logical | #FF8533 | — |
| keyword.operator | #a89ccb | — |
| entity.name.function, support.function, meta.function-call | #63B3ED | — |
| entity.name.type, entity.name.class, support.class, support.type | #8B5CF6 | — |
| entity.name.type.interface | #42f4c8 | — |
| variable, variable.other | #ece8f4 | — |
| variable.parameter | #a78bfa | — |
| variable.other.property, variable.other.object.property | #a89ccb | — |
| entity.name.tag | #FF6B00 | — |
| entity.other.attribute-name | #8B5CF6 | italic |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #42f4c8 | — |
| support.type.property-name.css | #63B3ED | — |
| variable.scss, variable.css | #a78bfa | — |
| string.regexp | #FF8533 | — |
| constant.character.escape | #FFAA00 | — |
| punctuation | #8a849e | — |
| support.type.property-name.json | #a89ccb | — |
| markup.heading, entity.name.section.markdown | #FF6B00 | bold |
| markup.bold | #ece8f4 | bold |
| markup.italic | #a78bfa | italic |
| markup.underline.link | #63B3ED | — |
| markup.inline.raw, markup.fenced_code | #42f4c8 | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #FF6B00 | — |
| variable.other.php | #a78bfa | — |
| entity.name.tag.yaml | #a89ccb | — |
| variable.language.this, variable.language.self | #FF8533 | italic |