Jack's AG Theme
Publisher: JackAGThemes in package: 1
The Singularity Edition VS Code Theme. Neon void aesthetics with glassmorphism support.
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#56b6d4
- activityBar.background#0c161d
- activityBar.foreground#56b6d4
- activityBar.inactiveForeground#415066
- activityBarBadge.background#ff5f56
- activityBarBadge.foreground#ffffff
- badge.background#56b6d4
- badge.foreground#0c161d
- breadcrumb.activeSelectionForeground#56b6d4
- breadcrumb.background#0c161d
- breadcrumb.focusForeground#eef1f8
- breadcrumb.foreground#6c7393
- button.background#56b6d4
- button.foreground#0c161d
- button.hoverBackground#76e0ea
- debugToolBar.background#121623
- diffEditor.insertedTextBackground#27c93f20
- diffEditor.removedTextBackground#ff5f5620
- dropdown.background#121623
- dropdown.border#56b6d450
- dropdown.foreground#eef1f8
- editor.background#0c161d
- editor.findMatchBackground#56b6d440
- editor.findMatchHighlightBackground#56b6d420
- editor.foreground#a9b8e8
- editor.lineHighlightBackground#121623
- editor.selectionBackground#56b6d430
- editor.selectionHighlightBackground#56b6d415
- editor.wordHighlightBackground#56b6d420
- editorBracketMatch.background#56b6d440
- editorBracketMatch.border#56b6d4
- editorCursor.foreground#56b6d4
- editorGroup.border#56b6d440
- editorGroupHeader.tabsBackground#0c161d
- editorGutter.addedBackground#27c93f
- editorGutter.deletedBackground#ff5f56
- editorGutter.modifiedBackground#ffbd2e
- editorHoverWidget.background#121623
- editorHoverWidget.border#56b6d4
- editorIndentGuide.activeBackground1#56b6d4
- editorIndentGuide.background1#2c3043
- editorLineNumber.activeForeground#56b6d4
- editorLineNumber.foreground#415066
- editorLink.activeForeground#56b6d4
- editorSuggestWidget.background#121623
- editorSuggestWidget.border#56b6d4
- editorSuggestWidget.foreground#a9b8e8
- editorSuggestWidget.highlightForeground#56b6d4
- editorSuggestWidget.selectedBackground#56b6d430
- editorWidget.background#121623
- editorWidget.border#56b6d4
- focusBorder#56b6d4
- gitDecoration.addedResourceForeground#27c93f
- gitDecoration.conflictingResourceForeground#ffbd2e
- gitDecoration.deletedResourceForeground#ff5f56
- gitDecoration.ignoredResourceForeground#415066
- gitDecoration.modifiedResourceForeground#56b6d4
- gitDecoration.untrackedResourceForeground#27c93f
- input.background#0c161d
- input.border#56b6d4
- input.foreground#eef1f8
- input.placeholderForeground#415066
- list.activeSelectionBackground#56b6d420
- list.activeSelectionForeground#56b6d4
- list.focusBackground#56b6d420
- list.focusForeground#56b6d4
- list.hoverBackground#121623
- list.hoverForeground#eef1f8
- list.inactiveSelectionBackground#121623
- list.inactiveSelectionForeground#56b6d4
- minimap.findMatchHighlightrgba(86, 182, 212, 0.4)
- minimap.selectionHighlightrgba(86, 182, 212, 0.4)
- notificationCenterHeader.background#121623
- notifications.background#121623
- notifications.border#56b6d4
- panel.background#0c161d
- panel.border#56b6d440
- panelTitle.activeBorder#56b6d4
- panelTitle.activeForeground#56b6d4
- panelTitle.inactiveForeground#415066
- peekView.border#56b6d4
- peekViewEditor.background#121623
- peekViewResult.background#121623
- peekViewTitle.background#121623
- pickerGroup.border#56b6d4
- pickerGroup.foreground#56b6d4
- progressBar.background#56b6d4
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#56b6d480
- scrollbarSlider.background#56b6d440
- scrollbarSlider.hoverBackground#56b6d460
- selection.background#56b6d440
- sideBar.background#0c161d
- sideBar.border#56b6d440
- sideBar.foreground#6c7393
- sideBarSectionHeader.background#0c161d
- sideBarSectionHeader.foreground#56b6d4
- sideBarTitle.foreground#56b6d4
- statusBar.background#0c161d
- statusBar.border#56b6d440
- statusBar.debuggingBackground#ff5f56
- statusBar.foreground#6c7393
- statusBar.noFolderBackground#0c161d
- statusBarItem.hoverBackground#56b6d420
- statusBarItem.remoteBackground#56b6d4
- statusBarItem.remoteForeground#0c161d
- tab.activeBackground#121623
- tab.activeBorder#56b6d4
- tab.activeForeground#56b6d4
- tab.border#0c161d
- tab.inactiveBackground#0c161d
- tab.inactiveForeground#6c7393
- terminal.ansiBlack#000000
- terminal.ansiBlue#82aaff
- terminal.ansiBrightBlack#676e95
- terminal.ansiBrightBlue#82aaff
- terminal.ansiBrightCyan#56b6d4
- terminal.ansiBrightGreen#27c93f
- terminal.ansiBrightMagenta#c792ea
- terminal.ansiBrightRed#ff5f56
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffcb6b
- terminal.ansiCyan#56b6d4
- terminal.ansiGreen#27c93f
- terminal.ansiMagenta#c792ea
- terminal.ansiRed#ff5f56
- terminal.ansiWhite#ffffff
- terminal.ansiYellow#ffcb6b
- terminal.background#0c161d
- terminal.foreground#a9b8e8
- titleBar.activeBackground#0c161d
- titleBar.activeForeground#56b6d4
- titleBar.border#56b6d440
- titleBar.inactiveBackground#0c161d
- titleBar.inactiveForeground#415066
- widget.shadow#00000080
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #546e7a | italic |
| variable, string constant.other.placeholder | #a9b8e8 | — |
| constant.other.php | #a9b8e8 | — |
| constant.language, constant.numeric, constant.other | #ffcb6b | — |
| keyword, storage.type, storage.modifier | #c792ea | italic |
| keyword.operator, punctuation | #89ddff | — |
| entity.name.function, support.function, entity.name.method, meta.function-call | #56b6d4 | bold |
| string, string.template | #c3e88d | — |
| entity.name.type, support.class, support.type | #ffcb6b | italic |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #ff5f56 | — |
| entity.other.attribute-name | #ffcb6b | italic |
| markup.heading, entity.name.section | #56b6d4 | bold |
| markup.bold, punctuation.definition.bold | #ffcb6b | bold |
| markup.italic, punctuation.definition.italic | #c792ea | italic |
| markup.inline.raw | #89ddff | — |
| source.json meta.structure.dictionary.json > string.quoted.json | #56b6d4 | — |
| source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string | #56b6d4 | — |
| source.json meta.structure.dictionary.json > value.json > string.quoted.json | #c3e88d | — |
| source.css entity.other.attribute-name.class | #ffcb6b | italic |
| source.css entity.other.attribute-name.id | #56b6d4 | bold |
| source.css support.type.property-name | #a9b8e8 | — |
| source.css constant.numeric | #c792ea | — |