NorthernLights
Publisher: EskilopThemes in package: 1
A dark blue theme for vscode
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#0A0E14
- activityBar.foreground#B6BECC
- badge.background#668ACC
- badge.foreground#B6BECC
- button.background#668ACC
- button.foreground#B6BECC
- button.hoverBackground#668ACC
- checkbox.background#0A0E14
- checkbox.border#FFFFFF00
- descriptionForeground#182133D9
- dropdown.background#0A0E14
- editor.background#0F141F
- editor.findMatchBackground#668ACC60
- editor.findMatchHighlightBackground#CC996660
- editor.foreground#B6BECC
- editor.lineHighlightBackground#6284CC10
- editor.selectionBackground#182133D9
- editor.selectionHighlightBackground#CC996660
- editorCursor.foreground#B6BECC
- editorGroupHeader.tabsBackground#0A0D14
- editorLineNumber.activeForeground#B6BECC
- editorLineNumber.foreground#B6BECCA0
- editorSuggestWidget.background#0F141F
- editorWhitespace.foreground#B6BECC25
- editorWidget.background#0F141F
- errorForeground#CC6666
- focusBorder#0F141F
- foreground#B6BECC
- icon.foreground#668ACC
- input.background#0A0E14
- list.activeSelectionBackground#1A2233
- list.errorForeground#CC6666
- list.filterMatchBackground#66CC7730
- list.hoverBackground#171E2E
- list.inactiveSelectionBackground#1A2233A0
- list.warningForeground#CC9966
- listFilterWidget.background#1A2233
- listFilterWidget.noMatchesOutline#CC6666
- listFilterWidget.outline#66CC77
- notifications.background#0F141F
- progressBar.background#668ACC
- scrollbarSlider.activeBackground#1A2233
- scrollbarSlider.background#20222E
- scrollbarSlider.hoverBackground#1A2233
- selection.background#182133FF
- sideBar.background#0A0E14
- sideBar.foreground#B6BECC
- sideBarSectionHeader.background#171E2ED0
- statusBar.background#668ACC
- statusBar.debbugingForeground#B6BECC
- statusBar.debuggingBackground#668ACC
- statusBar.foreground#0F141F
- statusBar.noFolderBackground#668ACC
- statusBar.noFolderForeground#B6BECC
- tab.activeBackground#0F141F
- tab.inactiveBackground#0A0E14
- textLink.activeForeground#668ACC
- textLink.foreground#668ACC
- titleBar.activeBackground#0F141F
- titleBar.activeForeground#B6BECC
- titleBar.inactiveBackground#0A0E14
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #B6BECC | — |
| comment | #CC9966 | — |
| string | #6666CC | — |
| constant.numeric | #6666CC | — |
| constant.language | #6666CC | — |
| constant.character, constant.other | #6666CC | — |
| variable | #66CCCA | italic |
| keyword | #668ACC | — |
| storage | #66CC77 | |
| storage.type | #6666CC | italic |
| entity.name.type.class | #CC6666 | underline |
| entity.other.inherited-class | #66CC77 | italic underline |
| entity.name.function | #668ACC | |
| variable.parameter | #CC9966 | italic |
| entity.name.tag | #66CC77 | |
| entity.other.attribute-name | #66CC77 | |
| support.function | #66CCCA | |
| support.constant | #6666CC | |
| support.type, support.class | #66CCCA | italic |
| support.other.variable | #66CCCA | italic |
| invalid | #B6BECC | |
| invalid.deprecated | #B6BECC | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...