halcyon-dark-theme
Publisher: James PatrickThemes in package: 1
My first theme. Releatively high-constrast black-yellow combo.
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.activeBackground#000000
- activityBar.activeBorder#bee9fd
- activityBar.activeFocusBorder#000000
- activityBar.background#242d33
- activityBar.border#000000
- activityBar.foreground#bfe8fb
- activityBarBadge.background#ffc600
- activityBarBadge.foreground#000000
- badge.background#ffc600
- badge.foreground#000000
- button.background#455c67
- button.foreground#ffc600
- button.hoverBackground#263238
- button.secondaryBackground#455c67
- button.secondaryForeground#ffc600
- button.secondaryHoverBackground#263238
- dropdown.background#455c67
- dropdown.border#ffc600
- dropdown.foreground#ff0000
- dropdown.listBackground#455c67
- editor.background#263238
- editor.foreground#b2ccd6
- editor.hoverHighlightBackground#182328
- editor.lineHighlightBackground#88558d67
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#455c67
- editor.selectionForeground#000000
- editor.selectionHighlightBackground#ffffff
- editor.selectionHighlightBorder#f7e602
- editor.wordHighlightBackground#455c67
- editor.wordHighlightStrongBackground#455c67
- editorBracketMatch.background#ffcc00
- editorBracketMatch.border#ffcc00
- editorCursor.foreground#ffcc00
- editorGroup.border#182328
- editorGroup.emptyBackground#ffffff
- editorGroupHeader.noTabsBackground#263238
- editorGroupHeader.tabsBackground#ffffff
- editorGutter.addedBackground#00ff00
- editorGutter.deletedBackground#ff0000
- editorGutter.modifiedBackground#ffb300
- editorHoverWidget.background#222222
- editorLineNumber.activeForeground#eb950b
- editorLineNumber.foreground#919a9bea
- editorSuggestWidget.background#263238
- editorSuggestWidget.border#455c67
- editorSuggestWidget.highlightForeground#309687
- editorWidget.background#182328
- editorWidget.foreground#ffcc00
- editorWidget.resizeBorder#ffcc00
- focusBorder#455c67
- foreground#ffc600
- icon.foreground#ff7b00
- input.background#ffffff
- input.border#182328
- input.foreground#ff0000
- input.placeholderForeground#ff0000
- inputOption.activeBackground#ffc600
- inputOption.activeBorder#000000
- inputOption.activeForeground#000000
- inputValidation.errorBorder#ffc600dd
- inputValidation.warningBorder#ffc600
- list.activeSelectionBackground#182328
- list.activeSelectionForeground#ffcc00
- list.dropBackground#000000
- list.errorForeground#ff0000
- list.focusBackground#c6e6e1
- list.focusForeground#000000
- list.focusOutline#000000
- list.highlightForeground#309687
- list.hoverBackground#ffcc00
- list.hoverForeground#000000
- list.inactiveFocusOutline#000000
- list.inactiveSelectionBackground#1f292e
- list.inactiveSelectionForeground#ffcc00
- list.warningForeground#f77903
- menu.background#455c67
- menu.border#ffffff
- menu.foreground#ffc600
- menu.selectionBackground#000000
- menu.selectionBorder#ffc600
- menu.selectionForeground#ffc600
- menu.separatorBackground#e7e7e7
- menubar.selectionForeground#ff9900
- notifications.background#ffc80044
- notifications.foreground#ff0000
- panel.background#242d33
- panel.border#ffc600
- panelTitle.activeBorder#263238
- panelTitle.activeForeground#ffc600
- panelTitle.inactiveForeground#99b5c2
- progressBar.background#309687
- sash.hoverBorder#000000
- scrollbar.shadow#000000
- scrollbarSlider.activeBackground#b2ccd6
- scrollbarSlider.background#b2ccd6
- scrollbarSlider.hoverBackground#b2ccd6
- selection.background#ffc600
- sideBar.background#242d33
- sideBar.border#ffcc00
- sideBar.foreground#ffffff
- sideBarSectionHeader.background#ffcc00
- sideBarSectionHeader.border#000000
- sideBarSectionHeader.foreground#000000
- sideBarTitle.foreground#ffcc00
- statusBar.background#ffcc00
- statusBar.foreground#000000
- statusBar.noFolderBackground#ffcc00
- statusBar.noFolderBorder#000000
- statusBar.noFolderForeground#000000
- statusBarItem.activeBackground#000000
- statusBarItem.hoverBackground#ff7b00
- statusBarItem.prominentBackground#000000
- statusBarItem.prominentForeground#ff0000
- statusBarItem.prominentHoverBackground#000000
- statusBarItem.remoteBackground#000000
- statusBarItem.remoteForeground#ffcc00
- tab.activeBackground#263238
- tab.activeBorder#ffcc00
- tab.activeForeground#ffffff
- tab.border#ffffff5e
- tab.hoverBackground#ffcc00
- tab.hoverForeground#000000
- tab.inactiveBackground#212a30
- tab.inactiveForeground#8d8d8d
- tab.unfocusedActiveBackground#000000
- terminal.ansiBlack#263238
- terminal.ansiBlue#82aaff
- terminal.ansiBrightBlack#65737e
- terminal.ansiBrightBlue#82aaff
- terminal.ansiBrightCyan#7fcac3
- terminal.ansiBrightGreen#a3be8c
- terminal.ansiBrightMagenta#f77669
- terminal.ansiBrightRed#bf616a
- terminal.ansiBrightWhite#b2ccd6
- terminal.ansiBrightYellow#ffcc00
- terminal.ansiCyan#7fcac3
- terminal.ansiGreen#c3e88d
- terminal.ansiMagenta#f77669
- terminal.ansiRed#fa6981
- terminal.ansiWhite#b2ccd6
- terminal.ansiYellow#ffcc00
- terminal.foreground#000000
- terminal.selectionBackground#ffc8007e
- terminalCursor.background#ffc600
- terminalCursor.foreground#ffc8007e
- titleBar.activeBackground#263238
- titleBar.activeForeground#ffc600
- titleBar.inactiveBackground#263238
- titleBar.inactiveForeground#ffffff
- toolbar.activeBackground#ffc600
- toolbar.hoverBackground#000000
- toolbar.hoverOutline#000000
- widget.shadow#ffffff
- window.activeBorder#ffc600
- window.inactiveBorder#000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #888888 | — |
| string | #3cd31e | — |
| constant.language.boolean | #f77669 | — |
| constant.numeric | #f77669 | — |
| variable, support.variable, support.class, support.constant, meta.definition.variable entity.name.function | #ffcc00 | — |
| keyword, modifier, variable.language.this, support.type.object, constant.language | #ffcc00 | — |
| entity.name.function | #ede574 | |
| meta.function entity.name.function | #f115df | — |
| meta.function-call.python | #c1f6f8 | — |
| meta.function-call.arguments.python | #c1f6f8 | — |
| meta.function.parameters.python | #c1f6f8 | — |
| punctuation.definition.decorator.python | #ffcc00 | — |
| entity.name.function, support.function | #f115df | — |
| variable.parameter.function.python | #ffcc00 | |
| storage.type, storage.modifier | #ffcc00 | — |
| support.module, support.node | #82AAFF | — |
| support.type | #e200f6 | — |
| entity.name.type, entity.other.inherited-class | #FFCB6B | — |
| entity.name.type.class | #6be9ff | — |
| variable.object.property | #C3E88D | — |
| meta.definition.method entity.name.function | #FFCB6B | — |
| template.expression.begin, template.expression.end | #C3E88D | — |
| meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json | #7FCAC3 | — |
| constant.language.json | #C3E88D | — |
| entity.other.attribute-name.class | #FFCB6B | — |
| entity.other.attribute-name.id | #FFCB6B | — |
| source.css entity.name.tag | #FA6981 | — |
| meta.tag, punctuation.definition.tag | #B2CCD6 | — |
| entity.name.tag | #FA6981 | — |
| entity.other.attribute-name | #FFCB6B | — |
| markup.heading | #B2CCD6 | — |
| text.html.markdown meta.link.inline, meta.link.reference | #B2CCD6 | — |
| text.html.markdown markup.quote | #FFCB6B | — |
| text.html.markdown beginning.punctuation.definition.list | #C3E88D | — |
| markup.italic | #C3E88D | italic |
| markup.bold | #C3E88D | bold |
| markup.bold markup.italic, markup.italic markup.bold | #C3E88D | italic bold |
| token.info-token | #6796e6 | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #b267e6 | — |