Aviation VSCode Theme
Publisher: Dan TroninThemes in package: 1
Dark cockpit focus, light radar sidebars. Inspired by avionics.
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#151C26
- activityBar.foreground#7FA4C0
- badge.background#C94040
- badge.foreground#ECEDEE
- button.background#3A5DF6
- button.foreground#ECEDEE
- dropdown.background#232832
- dropdown.foreground#ECEDEE
- editor.background#1C2127
- editor.foreground#ECEDEE
- editor.lineHighlightBackground#272B30
- editor.selectionBackground#4D6A8C66
- editor.selectionHighlightBackground#4D6A8C44
- editor.wordHighlightBackground#3C526980
- editor.wordHighlightStrongBackground#AF7FE620
- editorCursor.foreground#FFE755
- editorError.foreground#FF5555
- editorGroupHeader.tabsBackground#1A1F25
- editorHint.foreground#6EF8AA
- editorIndentGuide.activeBackground#4D6A8C55
- editorIndentGuide.background#2C3642
- editorInfo.foreground#4DB5FF
- editorLineNumber.activeForeground#AF7FE6
- editorLineNumber.foreground#3D4D5E
- editorWarning.foreground#E0AF00
- editorWhitespace.foreground#3A4A5A
- input.background#232832
- input.foreground#ECEDEE
- input.placeholderForeground#6B7B8F
- inputValidation.errorBackground#450B14E0
- inputValidation.errorBorder#FF5555
- inputValidation.infoBackground#1D4065E0
- inputValidation.infoBorder#4DB5FF
- inputValidation.warningBackground#3B3303E0
- inputValidation.warningBorder#E0AF00
- list.activeSelectionBackground#203544
- list.activeSelectionForeground#FFFFFF
- list.hoverBackground#1F2D3A
- list.hoverForeground#ECEDEE
- list.inactiveSelectionBackground#232832
- list.inactiveSelectionForeground#A3B1C6
- panel.background#181C20
- panel.border#20242C
- panelTitle.activeForeground#6EF8AA
- panelTitle.inactiveForeground#42596D
- peekView.border#E0AF00
- peekViewEditor.background#1C2127
- peekViewResult.background#232832
- peekViewResult.matchHighlightBackground#FFB80060
- sideBar.background#1A1F25
- sideBar.foreground#8996A8
- statusBar.background#0F1D29
- statusBar.foreground#6EF8AA
- tab.activeBackground#1C2127
- tab.activeForeground#6EF8AA
- tab.inactiveBackground#20252B
- tab.inactiveForeground#8996A8
- terminal.background#1C2127
- terminal.foreground#ECEDEE
- titleBar.activeBackground#1A1F25
- titleBar.activeForeground#6EF8AA
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #49515A | italic |
| comment.keyword.todo, comment.line.todo, comment.block.documentation.todo, comment.line.fixme, comment.block.documentation.fixme | #F5C242 | bold italic |
| string | #6AC6A6 | — |
| constant.numeric | #A38AE2 | — |
| constant.language.boolean | #FFCC66 | bold |
| keyword, keyword.operator, storage.modifier | #62AEEF | bold |
| storage.type | #62B5F2 | italic |
| entity.name.function | #D7A9FF | bold |
| entity.name.class, entity.name.type.class | #F5C242 | bold underline |
| variable.parameter | #8FCBF2 | italic |
| variable.other.constant, constant.other | #FFE97F | — |
| variable | #D8DEE9 | — |
| invalid, meta.error, markup.error | #FF6E6E | bold |
| markup.warning, meta.warning | #F2C94C | bold |
| meta.deprecated, comment.deprecated | #F48FB1 | italic underline |
| variable.language.this, variable.language.self | #FFEE80 | bold |
| entity.name.namespace, entity.name.module | #CFAEFF | — |
| entity.name.tag | #4DB5FF | — |
| entity.other.attribute-name | #6AC6A6 | — |