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#2A2F36
- activityBar.foreground#F8FAFC
- activityBar.inactiveForeground#AEB7C4
- activityBarBadge.background#FF6A2A
- activityBarBadge.foreground#FFFFFF
- badge.background#FF6A2A
- badge.foreground#FFFFFF
- button.background#FF6A2A
- button.foreground#FFFFFF
- button.hoverBackground#E85F25
- button.secondaryBackground#E7EBF0
- button.secondaryForeground#111827
- button.secondaryHoverBackground#DDE4EC
- dropdown.background#FFFFFF
- dropdown.border#C8D0DA
- dropdown.foreground#111827
- editor.background#FFFFFF
- editor.findMatchBackground#FFB48A99
- editor.findMatchHighlightBackground#FF6A2A30
- editor.foreground#111827
- editor.lineHighlightBackground#F4F6F8
- editor.selectionBackground#FFD8C2
- editor.selectionHighlightBackground#FF6A2A24
- editorBracketMatch.background#FF6A2A22
- editorBracketMatch.border#FF6A2A
- editorCursor.foreground#FF6A2A
- editorGroup.border#D9DEE6
- editorGroupHeader.tabsBackground#2A2F36
- editorGutter.background#FFFFFF
- editorIndentGuide.activeBackground1#FF6A2A88
- editorIndentGuide.background1#E3E7ED
- editorLineNumber.activeForeground#111827
- editorLineNumber.foreground#A8B0BB
- editorWidget.background#2A2F36
- editorWidget.border#FF6A2A
- editorWidget.foreground#F8FAFC
- focusBorder#FF6A2A
- icon.foreground#1F2937
- input.background#FFFFFF
- input.border#C8D0DA
- input.foreground#111827
- list.activeSelectionBackground#DDE4EC
- list.activeSelectionForeground#111827
- list.focusOutline#FF6A2A
- list.highlightForeground#B94713
- list.hoverBackground#ECEFF4
- list.hoverForeground#111827
- list.inactiveSelectionBackground#E7EBF0
- list.inactiveSelectionForeground#1F2937
- menu.background#2A2F36
- menu.foreground#F8FAFC
- menu.selectionBackground#3A414C
- menu.selectionForeground#FFFFFF
- panel.background#F8FAFC
- panel.border#D9DEE6
- panelTitle.activeForeground#111827
- panelTitle.inactiveForeground#6B7280
- progressBar.background#FF6A2A
- quickInput.background#2A2F36
- quickInput.foreground#F8FAFC
- quickInputList.focusBackground#3A414C
- quickInputList.focusForeground#FFFFFF
- sideBar.background#F4F6F8
- sideBar.border#D9DEE6
- sideBar.foreground#1F2937
- sideBarSectionHeader.background#ECEFF4
- sideBarSectionHeader.foreground#111827
- sideBarTitle.foreground#4B5563
- statusBar.background#2A2F36
- statusBar.border#1F242B
- statusBar.debuggingBackground#FF6A2A
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#F8FAFC
- tab.activeBackground#FFFFFF
- tab.activeBorderTop#FF6A2A
- tab.activeForeground#111827
- tab.border#1F242B
- tab.hoverBackground#353B44
- tab.inactiveBackground#2A2F36
- tab.inactiveForeground#D7DEE8
- tab.unfocusedInactiveForeground#AEB7C4
- terminal.background#FFFFFF
- terminal.foreground#111827
- terminalCursor.foreground#FF6A2A
- titleBar.activeBackground#2A2F36
- titleBar.activeForeground#F8FAFC
- titleBar.inactiveBackground#252A31
- titleBar.inactiveForeground#AEB7C4
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #5E6A78 | italic |
| string, constant.other.symbol | #6F3E07 | — |
| constant.numeric, constant.language, support.constant, constant.character.escape | #006B5C | — |
| keyword, keyword.control, keyword.control.flow | #B94713 | — |
| storage.type, entity.name.type, support.type, support.class, entity.name.class, entity.name.interface, entity.name.enum | #4C1D95 | — |
| entity.name.function, support.function, meta.function-call, variable.function | #075985 | — |
| variable, variable.other.readwrite, meta.definition.variable.name | #111827 | — |
| variable.parameter, meta.parameters, storage.modifier, keyword.modifier | #7C2D12 | — |
| keyword.operator, punctuation.separator, punctuation.accessor | #374151 | — |
| punctuation, punctuation.section, meta.brace | #4B5563 | — |
| entity.name.tag, entity.name.tag.html, support.class.component | #B94713 | — |
| entity.other.attribute-name, entity.other.attribute-name.html | #92400E | — |
| support.type.property-name.css, support.type.property-name.json, meta.object-literal.key, meta.property-name, variable.other.property | #047857 | — |
| invalid, invalid.illegal | #B91C1C | underline |