Dragon Neon Theme
Publisher: Scaled And Icy ThemeThemes in package: 1
A dark neon theme inspired by dragon aesthetics with vibrant teal and pink colors
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#0F0F1A
- activityBar.foreground#79E6F2
- activityBar.inactiveForeground#79E6F260
- activityBarBadge.background#E48EB7
- activityBarBadge.foreground#000000
- badge.background#E48EB7
- badge.foreground#000000
- button.background#E48EB7
- button.foreground#000000
- button.hoverBackground#FF6BB3
- dropdown.background#1A1A2E
- dropdown.border#79E6F260
- dropdown.foreground#FFFFFF
- editor.background#0A0A0F
- editor.findMatchBackground#E48EB760
- editor.findMatchHighlightBackground#E48EB730
- editor.findRangeHighlightBackground#79E6F230
- editor.foreground#FFFFFF
- editor.lineHighlightBackground#1A1A2E
- editor.selectionBackground#79E6F240
- editorBracketMatch.background#E48EB740
- editorBracketMatch.border#E48EB7
- editorCursor.foreground#E48EB7
- editorError.foreground#FF4081
- editorGroupHeader.noTabsBackground#0A0A0F
- editorGroupHeader.tabsBackground#0A0A0F
- editorHint.foreground#E48EB7
- editorHoverWidget.background#1A1A2E
- editorHoverWidget.border#79E6F2
- editorIndentGuide.activeBackground1#79E6F250
- editorIndentGuide.background1#79E6F215
- editorInfo.foreground#79E6F2
- editorSuggestWidget.background#1A1A2E
- editorSuggestWidget.border#79E6F2
- editorSuggestWidget.selectedBackground#E48EB750
- editorWarning.foreground#F5E291
- editorWhitespace.foreground#79E6F230
- editorWidget.background#1A1A2E
- editorWidget.border#79E6F2
- gitDecoration.conflictingResourceForeground#E48EB7
- gitDecoration.deletedResourceForeground#FF4081
- gitDecoration.modifiedResourceForeground#F5E291
- gitDecoration.submoduleResourceForeground#B39DDB
- gitDecoration.untrackedResourceForeground#79E6F2
- input.background#1A1A2E
- input.border#79E6F260
- input.foreground#FFFFFF
- inputOption.activeBorder#E48EB7
- list.activeSelectionBackground#E48EB750
- list.activeSelectionForeground#FFFFFF
- list.focusBackground#E48EB730
- list.hoverBackground#79E6F220
- list.inactiveSelectionBackground#79E6F230
- minimap.background#0A0A0F80
- panel.background#0F0F1A
- panel.border#79E6F240
- panelTitle.activeBorder#E48EB7
- panelTitle.activeForeground#E48EB7
- panelTitle.inactiveForeground#79E6F260
- peekViewEditor.background#0F0F1A
- peekViewTitle.background#E48EB7
- peekViewTitleLabel.foreground#000000
- progressBar.background#E48EB7
- scrollbar.shadow#000000
- scrollbarSlider.activeBackground#79E6F2
- scrollbarSlider.background#79E6F250
- scrollbarSlider.hoverBackground#79E6F270
- sideBar.background#12121F
- sideBar.foreground#FFFFFF
- sideBarSectionHeader.background#1A1A2E
- sideBarSectionHeader.foreground#79E6F2
- sideBarTitle.foreground#E48EB7
- statusBar.background#0F0F1A
- statusBar.debuggingBackground#E48EB7
- statusBar.foreground#E48EB7
- statusBar.noFolderBackground#0F0F1A
- tab.activeBackground#1A1A2E
- tab.activeBorder#E48EB7
- tab.activeForeground#79E6F2
- tab.border#79E6F220
- tab.inactiveBackground#0F0F1A
- tab.inactiveForeground#79E6F260
- terminal.ansiBlue#79E6F2
- terminal.ansiCyan#79E6F2
- terminal.ansiMagenta#E48EB7
- terminal.background#0A0A0F
- terminal.foreground#FFFFFF
- titleBar.activeBackground#0A0A0F
- titleBar.activeForeground#79E6F2
- titleBar.inactiveBackground#0A0A0F
- titleBar.inactiveForeground#79E6F260
- tree.indentGuidesStroke#79E6F240
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.block, comment.line | #6A7FDB | italic |
| string, string.quoted, string.template | #E48EB7 | |
| constant.numeric, constant.language | #79E6F2 | bold |
| keyword, keyword.control, keyword.operator, storage | #F5E291 | bold |
| entity.name.function, meta.function-call, support.function | #79E6F2 | bold |
| variable, variable.parameter | #C8E6C9 | — |
| variable.other | #FFE0B2 | — |
| entity.name.class, entity.name.type.class | #E48EB7 | bold |
| entity.name.type, support.type, storage.type | #B39DDB | bold |
| variable.object.property, meta.object-literal.key | #79E6F2 | — |
| variable.language.this, variable.language.self | #FFCDD2 | italic |
| entity.name.namespace, entity.name.module | #C8E6C9 | — |
| keyword.operator, punctuation | #F5E291 | — |
| entity.name.tag, markup.heading | #E48EB7 | bold |
| entity.other.attribute-name | #79E6F2 | italic |
| keyword.control.import, keyword.control.export, keyword.control.from | #E48EB7 | italic |
| support.type.property-name.json | #79E6F2 | — |
| entity.name.tag.css, entity.other.attribute-name.class.css | #E48EB7 | bold |
| support.type.property-name.css | #79E6F2 | — |
| support.constant.property-value.css, constant.other.color.rgb-value.css | #F5E291 | — |
| punctuation.definition, punctuation.separator | #FFCDD2 | — |
| constant.other, support.constant | #C8E6C9 | — |
| support.function.builtin, support.class.builtin | #FFE0B2 | italic |