Valinor Theme
Publisher: Diego BrocanelliThemes in package: 24
Valinor theme is a fusion of various well-established themes.
Color themes
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#050505
- activityBar.foreground#b0b0b0
- activityBarBadge.background#505060
- activityBarBadge.foreground#000000
- button.background#505060
- button.foreground#000000
- editor.background#000000
- editor.foreground#b0b0b0
- editor.lineHighlightBackground#0d0d0d
- editor.selectionBackground#1a1a1a
- editor.selectionHighlightBackground#1a1a1a88
- editor.wordHighlightBackground#1a1a1a66
- editorCursor.foreground#b0b0b0
- editorGroup.border#1a1a1a
- editorGroupHeader.tabsBackground#050505
- editorGroupHeader.tabsBorder#1a1a1a
- editorIndentGuide.background1#1a1a1a
- editorLineNumber.activeForeground#b0b0b0
- editorLineNumber.foreground#1a1a1a
- editorLink.activeForeground#505060
- editorRuler.foreground#1a1a1a
- editorWhitespace.foreground#1a1a1a
- editorWidget.background#050505
- input.background#050505
- inputValidation.infoBorder#1a1a1a
- list.activeSelectionBackground#505060
- list.activeSelectionForeground#000000
- list.focusHighlightForeground#e0e0e0
- list.highlightForeground#e0e0e0
- list.hoverBackground#1a1a1a
- panel.background#050505
- pickerGroup.border#1a1a1a
- pickerGroup.foreground#fff
- quickInput.background#050505
- quickInput.foreground#fff
- quickInputList.focusBackground#2c1a1a
- quickInputList.focusForeground#ccc
- sideBar.background#050505
- sideBar.foreground#909090
- sideBarSectionHeader.background#0d0d0d
- sideBarSectionHeader.foreground#505060
- sideBarTitle.foreground#505060
- statusBar.background#111111
- statusBar.foreground#909090
- tab.activeBackground#000000
- tab.activeBorder#1a1a1a
- tab.activeBorderTop#1a1a1a
- tab.activeForeground#b0b0b0
- tab.border#1a1a1a
- tab.inactiveBackground#050505
- tab.inactiveForeground#909090
- tab.unfocusedActiveBorder#1a1a1a
- tab.unfocusedActiveBorderTop#1a1a1a
- terminal.background#000000
- terminal.foreground#b0b0b0
- terminalCursor.foreground#b0b0b0
- titleBar.activeBackground#050505
- widget.border#1a1a1a
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword.control, keyword.operator.expression, keyword.operator.new, keyword.control.new, storage.type, storage.modifier, keyword.other.use, keyword.other.namespace, storage.modifier.extends, entity.other.inherited-class, variable.language, variable.language.this, variable.language.self, variable.language.super, variable.language.parent, variable.language punctuation.definition.variable.php, punctuation.definition.variable.php, keyword.control.php, keyword.control.flow, keyword.control.async-modifier, keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.return | — | italic |
| comment, punctuation.definition.comment | #404040 | italic |
| keyword, keyword.control, keyword.operator.expression | #707085 | — |
| storage, storage.type, storage.modifier | #606075 | — |
| variable | #b0b0b0 | — |
| variable.language | #908080 | italic |
| string, string.quoted, punctuation.definition.string | #608060 | — |
| constant, constant.numeric, constant.language | #806050 | — |
| entity.name.function, support.function | #607080 | — |
| entity.name.type.class, entity.name.class, support.class | #607575 | — |
| entity.other.inherited-class | #607575 | italic |
| entity.name.tag | #806060 | — |
| entity.other.attribute-name | #508070 | italic |
| support.type, support.class | #607575 | — |
| variable.parameter, entity.name.variable.parameter | — | italic |
| keyword.control.new, keyword.operator.new | — | bold italic |
| markup.italic | — | italic |
| markup.bold | — | bold |
| markup.heading | #607080 | bold |