Blankill Theme
Publisher: Blankill NetWorkThemes in package: 6
Created by a dev who spends hours in VS Code, for devs who do the same. Simple, straightforward, and comfortable.
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.activeBorder#FF6A2A
- activityBar.background#0B0D11
- activityBar.foreground#F1F5F9
- activityBar.inactiveForeground#6F7A8A
- activityBarBadge.background#FF6A2A
- activityBarBadge.foreground#101216
- badge.background#FF6A2A
- badge.foreground#101216
- button.background#FF6A2A
- button.foreground#101216
- button.hoverBackground#FF7D45
- dropdown.background#171A21
- dropdown.border#2B3340
- editor.background#101216
- editor.findMatchBackground#FF6A2A55
- editor.findMatchHighlightBackground#FF6A2A2A
- editor.foreground#E2E8F0
- editor.lineHighlightBackground#171A21
- editor.selectionBackground#332A21
- editor.selectionHighlightBackground#FF6A2A22
- editorBracketMatch.background#FF6A2A22
- editorBracketMatch.border#FF6A2A
- editorCursor.foreground#FF6A2A
- editorGroup.border#1C222B
- editorGroupHeader.tabsBackground#0B0D11
- editorGutter.background#101216
- editorIndentGuide.activeBackground1#FF6A2A66
- editorIndentGuide.background1#252B35
- editorLineNumber.activeForeground#B6C2D2
- editorLineNumber.foreground#3F4754
- focusBorder#FF6A2A
- icon.foreground#CBD5E1
- input.background#171A21
- input.border#2B3340
- input.foreground#E2E8F0
- list.activeSelectionBackground#222936
- list.focusOutline#FF6A2A
- list.highlightForeground#FF8A4D
- list.hoverBackground#1B212B
- list.inactiveSelectionBackground#191E27
- panel.background#101216
- panel.border#1C222B
- progressBar.background#FF6A2A
- sideBar.background#101216
- sideBar.border#1C222B
- sideBar.foreground#CBD5E1
- sideBarSectionHeader.background#141820
- sideBarSectionHeader.foreground#E2E8F0
- sideBarTitle.foreground#94A3B8
- statusBar.background#0B0D11
- statusBar.border#1C222B
- statusBar.debuggingBackground#FF6A2A
- statusBar.debuggingForeground#101216
- statusBar.foreground#E2E8F0
- tab.activeBackground#101216
- tab.activeBorderTop#FF6A2A
- tab.activeForeground#F8FAFC
- tab.border#1C222B
- tab.inactiveBackground#0D1015
- tab.inactiveForeground#94A3B8
- terminal.background#101216
- terminal.foreground#E2E8F0
- terminalCursor.foreground#FF6A2A
- titleBar.activeBackground#0B0D11
- titleBar.activeForeground#E2E8F0
- titleBar.inactiveBackground#0B0D11
- titleBar.inactiveForeground#6F7A8A
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #77859A | italic |
| string, constant.other.symbol | #FDE68A | — |
| constant.numeric, constant.language, support.constant, constant.character.escape | #86EFAC | — |
| keyword, keyword.control, keyword.control.flow | #FF6A2A | — |
| storage.type, entity.name.type, support.type, support.class, entity.name.class, entity.name.interface, entity.name.enum | #A78BFA | — |
| entity.name.function, support.function, meta.function-call, variable.function | #67E8F9 | — |
| variable, variable.other.readwrite, meta.definition.variable.name | #E2E8F0 | — |
| variable.parameter, meta.parameters, storage.modifier, keyword.modifier | #FDBA74 | — |
| keyword.operator, punctuation.separator, punctuation.accessor | #93C5FD | — |
| punctuation, punctuation.section, meta.brace | #94A3B8 | — |
| entity.name.tag, entity.name.tag.html, support.class.component | #FF7D45 | — |
| entity.other.attribute-name, entity.other.attribute-name.html | #FDE68A | — |
| support.type.property-name.css, support.type.property-name.json, meta.object-literal.key, meta.property-name, variable.other.property | #A7F3D0 | — |