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#040807
- activityBar.border#081410
- activityBar.foreground#90e848
- activityBar.inactiveForeground#5a8870
- activityBarBadge.background#90e848
- activityBarBadge.foreground#040807
- badge.background#90e848
- badge.foreground#040807
- breadcrumb.activeSelectionForeground#90e848
- breadcrumb.focusForeground#c8dcd0
- breadcrumb.foreground#5a8870
- breadcrumbPicker.background#080e0c
- button.background#90e848
- button.foreground#040807
- button.hoverBackground#a0f050
- button.secondaryBackground#102018
- button.secondaryForeground#c8dcd0
- descriptionForeground#6a9878
- dropdown.background#080e0c
- dropdown.border#102018
- dropdown.foreground#c8dcd0
- editor.background#050908
- editor.findMatchBackground#90e84830
- editor.findMatchHighlightBackground#90e84818
- editor.foreground#c8dcd0
- editor.inactiveSelectionBackground#90e84815
- editor.lineHighlightBackground#0c140e08
- editor.selectionBackground#90e84828
- editor.wordHighlightBackground#c0c0c018
- editorBracketMatch.background#90e84818
- editorBracketMatch.border#90e84844
- editorCursor.foreground#90e848
- editorGroupHeader.tabsBackground#040807
- editorGroupHeader.tabsBorder#081410
- editorGutter.addedBackground#90e84866
- editorGutter.deletedBackground#a8b82066
- editorGutter.modifiedBackground#c8b03066
- editorIndentGuide.activeBackground1#182e24
- editorIndentGuide.background1#0c1a14
- editorLineNumber.activeForeground#6e8a7e
- editorLineNumber.foreground#78837f
- editorOverviewRuler.border#081410
- editorWhitespace.foreground#102018
- errorForeground#a8b820
- focusBorder#90e84844
- foreground#c8dcd0
- gitDecoration.addedResourceForeground#90e848
- gitDecoration.conflictingResourceForeground#c8b030
- gitDecoration.deletedResourceForeground#a8b820
- gitDecoration.ignoredResourceForeground#66726d
- gitDecoration.modifiedResourceForeground#c8b030
- gitDecoration.untrackedResourceForeground#7ab050
- input.background#080e0c
- input.border#102018
- input.foreground#c8dcd0
- input.placeholderForeground#406858
- inputOption.activeBorder#90e848
- list.activeSelectionBackground#90e84822
- list.activeSelectionForeground#d8ece4
- list.focusBackground#90e84818
- list.highlightForeground#90e848
- list.hoverBackground#081210
- list.inactiveSelectionBackground#90e84812
- minimap.findMatchHighlight#90e84860
- minimap.selectionHighlight#90e84844
- notifications.background#080e0c
- notifications.border#102018
- notifications.foreground#c8dcd0
- panel.background#050908
- panel.border#102018
- panelTitle.activeBorder#90e848
- panelTitle.activeForeground#c8dcd0
- panelTitle.inactiveForeground#5a8870
- peekView.border#90e84844
- peekViewEditor.background#060b09
- peekViewResult.background#060b09
- peekViewTitle.background#080e0c
- scrollbar.shadow#00000040
- scrollbarSlider.activeBackground#90e84844
- scrollbarSlider.background#90e84818
- scrollbarSlider.hoverBackground#90e84830
- selection.background#90e84833
- sideBar.background#060b09
- sideBar.border#081410
- sideBar.foreground#c8dcd0
- sideBarSectionHeader.background#080e0c
- sideBarSectionHeader.foreground#6a9878
- sideBarTitle.foreground#90e848
- statusBar.background#040807
- statusBar.border#081410
- statusBar.debuggingBackground#90e848
- statusBar.debuggingForeground#040807
- statusBar.foreground#90e848
- statusBar.noFolderBackground#040807
- statusBarItem.hoverBackground#90e84822
- statusBarItem.remoteBackground#90e848
- statusBarItem.remoteForeground#040807
- tab.activeBackground#081210
- tab.activeBorderTop#90e848
- tab.activeForeground#d8ece4
- tab.border#081410
- tab.hoverBackground#0a1410
- tab.inactiveBackground#040807
- tab.inactiveForeground#5a8870
- terminal.ansiBlack#101c14
- terminal.ansiBlue#7ab050
- terminal.ansiBrightBlack#2e4438
- terminal.ansiBrightBlue#98c868
- terminal.ansiBrightCyan#b8f878
- terminal.ansiBrightGreen#a8f060
- terminal.ansiBrightMagenta#d8d8d8
- terminal.ansiBrightRed#c8d040
- terminal.ansiBrightWhite#d8ece4
- terminal.ansiBrightYellow#e0c848
- terminal.ansiCyan#68c030
- terminal.ansiGreen#90e848
- terminal.ansiMagenta#c0c0c0
- terminal.ansiRed#a8b820
- terminal.ansiWhite#c8dcd0
- terminal.ansiYellow#c8b030
- terminal.background#040807
- terminal.foreground#c8dcd0
- terminalCursor.foreground#90e848
- titleBar.activeBackground#040807
- titleBar.activeForeground#90e848
- titleBar.inactiveBackground#040807
- titleBar.inactiveForeground#406858
- widget.shadow#00000060
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #707f77 | italic |
| string, string.quoted | #90e848 | — |
| constant.numeric | #c8b030 | — |
| constant.language, constant.other | #a8b820 | — |
| keyword, storage.type, storage.modifier | #68c030 | — |
| keyword.control, keyword.operator.logical | #40e8b8 | — |
| keyword.operator | #7ab050 | — |
| entity.name.function, support.function, meta.function-call | #7ab050 | — |
| entity.name.type, entity.name.class, support.class, support.type | #c0c0c0 | — |
| entity.name.type.interface | #68c030 | — |
| variable, variable.other | #c8dcd0 | — |
| variable.parameter | #d0d0d0 | — |
| variable.other.property, variable.other.object.property | #8ab8a8 | — |
| entity.name.tag | #68c030 | — |
| entity.other.attribute-name | #c0c0c0 | italic |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #90e848 | — |
| support.type.property-name.css | #7ab050 | — |
| variable.scss, variable.css | #d0d0d0 | — |
| string.regexp | #a8b820 | — |
| constant.character.escape | #68c030 | — |
| punctuation | #677e71 | — |
| support.type.property-name.json | #8ab8a8 | — |
| markup.heading, entity.name.section.markdown | #90e848 | bold |
| markup.bold | #d8ece4 | bold |
| markup.italic | #d0d0d0 | italic |
| markup.underline.link | #7ab050 | — |
| markup.inline.raw, markup.fenced_code | #90e848 | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #a8b820 | — |
| variable.other.php | #d0d0d0 | — |
| entity.name.tag.yaml | #8ab8a8 | — |
| variable.language.this, variable.language.self | #a8b820 | italic |