Alek Theme
Publisher: AlekWoodThemes in package: 1
my vscode theme
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#150A38
- activityBar.border#2D157830
- activityBar.foreground#CECECE
- activityBarBadge.background#2D1578
- activityBarBadge.foreground#FFFFFF
- badge.background#2D157830
- badge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#FFFFFF
- breadcrumb.background#150A38
- breadcrumb.foreground#6A5FA8
- button.background#2D157860
- button.hoverBackground#2D1578A0
- dropdown.background#150A38
- dropdown.border#FFFFFF20
- dropdown.foreground#CECECE
- editor.background#120A30
- editor.foreground#CECECE
- editor.lineHighlightBackground#2D157820
- editor.selectionBackground#2D157850
- editor.selectionHighlightBackground#2D157830
- editorBracketMatch.border#2D157890
- editorCursor.foreground#BB86FC
- editorError.foreground#D14A61
- editorGutter.addedBackground#1F2B7070
- editorGutter.deletedBackground#12385870
- editorGutter.modifiedBackground#2D157870
- editorHoverWidget.background#150A38
- editorHoverWidget.border#FFFFFF20
- editorIndentGuide.activeBackground#2D1578
- editorIndentGuide.background#2D157850
- editorInfo.foreground#5088FF
- editorLineNumber.activeForeground#CECECE
- editorLineNumber.foreground#6A5FA880
- editorSuggestWidget.background#150A38
- editorSuggestWidget.foreground#CECECE
- editorSuggestWidget.highlightForeground#BB86FC
- editorSuggestWidget.selectedBackground#2D157850
- editorWarning.foreground#C48A20
- editorWhitespace.foreground#6A5FA830
- editorWidget.background#150A38
- editorWidget.border#2D157880
- input.background#1A0D46
- input.border#FFFFFF20
- input.foreground#CECECE
- list.activeSelectionBackground#2D157890
- list.activeSelectionForeground#FFFFFF
- list.hoverBackground#2D157850
- list.hoverForeground#FFFFFF
- list.inactiveSelectionBackground#2D157830
- list.inactiveSelectionForeground#CECECE
- menu.background#150A38
- menu.border#FFFFFF20
- menu.foreground#CECECE
- menu.selectionBackground#2D157880
- menu.selectionForeground#FFFFFF
- panel.background#120A30
- panel.border#2D157830
- peekViewBorder#2D157850
- peekViewEditor.background#1A0D46
- sideBar.background#140A34
- sideBar.border#2D157830
- sideBar.foreground#CECECE
- sideBarSectionHeader.background#140A34
- sideBarSectionHeader.border#2D157860
- sideBarSectionHeader.foreground#FFFFFF
- statusBar.background#0D0624
- statusBar.border#2D157830
- statusBar.foreground#B7B7B7
- tab.activeBackground#2D157850
- tab.activeForeground#FFFFFF
- tab.border#2D157830
- tab.inactiveBackground#150A3850
- tab.inactiveForeground#B7B7B7A0
- terminal.background#120A30
- terminal.foreground#CECECE
- terminalCursor.foreground#BB86FC
- titleBar.activeBackground#150A38
- titleBar.activeForeground#CECECE
- titleBar.border#2D157830
- tree.indentGuidesStroke#2D157880
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.line, comment.block, punctuation.definition.comment | #6FC3A0 | italic |
| keyword, storage.type, storage.modifier, keyword.control | #BB86FC | bold |
| variable, variable.parameter, variable.other, variable.other.readwrite, variable.other.constant | #82AAFF | — |
| entity.name.function, variable.function, meta.function-call | #FFCB6B | italic |
| string, string.quoted, string.quoted.double, string.quoted.single | #C3E88D | — |
| constant.numeric, constant.language, constant.character, constant.escape, constant.other | #F78C6C | — |
| keyword.operator, punctuation, punctuation.separator, punctuation.definition, punctuation.terminator | #89DDFF | — |
| keyword.control.import, keyword.control.directive.c, preprocessor | #FFCB6B | bold |
| entity.name, support.type, support.class, entity.other.attribute-name, markup, source, token.info-token, token.warn-token, token.error-token, token.debug-token | — | — |