White Devil Theme by SP
Publisher: Swayam PatelThemes in package: 1
A clean, bright VSCode theme built for early birds and developers who love daylight clarity.
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#5C8D7B
- activityBar.activeFocusBorder#5C8D7B
- activityBar.background#EEF1F0
- activityBar.foreground#263238
- activityBar.inactiveForeground#7B8789
- badge.background#D7EAE2
- badge.foreground#28513F
- button.background#5C8D7B
- button.foreground#FFFFFF
- button.hoverBackground#4D7B6A
- descriptionForeground#5F6B72
- disabledForeground#9AA3A8
- editor.background#FAFAFA
- editor.foreground#263238
- editor.inactiveSelectionBackground#DCEBE4
- editor.lineHighlightBackground#F0F4F2
- editor.selectionBackground#BFDCCF
- editor.selectionHighlightBackground#E5F1EB
- editorCursor.foreground#CC9900
- editorGroupHeader.tabsBackground#EEF1F0
- editorGroupHeader.tabsBorder#DCE3E0
- editorHoverWidget.background#FFFFFF
- editorHoverWidget.border#D1DDD8
- editorHoverWidget.foreground#263238
- editorIndentGuide.activeBackground1#AABBB4
- editorIndentGuide.background1#DDE6E2
- editorLineNumber.activeForeground#3F514B
- editorLineNumber.foreground#7A8786
- editorWhitespace.foreground#D5DEDA
- editorWidget.background#FFFFFF
- editorWidget.border#D1DDD8
- editorWidget.foreground#263238
- focusBorder#5C8D7B
- foreground#263238
- icon.foreground#405057
- input.background#FFFFFF
- input.border#C8D4CF
- input.foreground#263238
- inputOption.activeBackground#D7EAE2
- inputOption.activeBorder#78A995
- inputOption.activeForeground#20352D
- list.activeSelectionBackground#D7EAE2
- list.activeSelectionForeground#20352D
- list.focusBackground#D7EAE2
- list.focusForeground#20352D
- list.foreground#263238
- list.highlightForeground#397A61
- list.hoverBackground#EAF2EF
- list.hoverForeground#263238
- list.inactiveSelectionBackground#E4F0EB
- list.inactiveSelectionForeground#30473E
- menu.background#FFFFFF
- menu.border#DCE3E0
- menu.foreground#263238
- menu.selectionBackground#D7EAE2
- menu.selectionForeground#20352D
- menu.separatorBackground#DCE3E0
- scrollbarSlider.activeBackground#789E8FCC
- scrollbarSlider.background#B8C9C2AA
- scrollbarSlider.hoverBackground#91AEA1CC
- sideBar.background#F7F9F8
- sideBar.border#DCE3E0
- sideBar.foreground#263238
- statusBar.background#E8EFEC
- statusBar.border#D2DEDA
- statusBar.foreground#263238
- statusBarItem.activeBackground#C7DED3
- statusBarItem.errorBackground#F5D8D5
- statusBarItem.errorForeground#8B2F2A
- statusBarItem.hoverBackground#D7EAE2
- statusBarItem.hoverForeground#20352D
- statusBarItem.prominentBackground#D7EAE2
- statusBarItem.prominentForeground#20352D
- statusBarItem.warningBackground#F7E8C7
- statusBarItem.warningForeground#6F5318
- tab.activeBackground#FFFFFF
- tab.activeBorderTop#5C8D7B
- tab.activeForeground#263238
- tab.border#DCE3E0
- tab.inactiveBackground#EEF1F0
- tab.inactiveForeground#6B787A
- terminal.background#FAFAFA
- terminal.foreground#263238
- terminal.selectionBackground#BFDCCF
- terminalCursor.foreground#CC9900
- titleBar.activeBackground#EEF1F0
- titleBar.activeForeground#263238
- titleBar.inactiveBackground#EEF1F0
- titleBar.inactiveForeground#6B787A
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.tag, entity.name.tag, support.class.component.html, entity.name.tag.custom, punctuation.definition.tag | #0451A5 | — |
| meta.tag.attributes, entity.other.attribute-name, variable.other.attribute-name.html, meta.attribute, entity.other.attribute-name.custom | #0C7D9D | — |
| string, string.quoted, string.quoted.double, string.quoted.single, string.template, string.quoted.double.html, string.quoted.single.html, string.quoted.double.css, string.quoted.single.css, string.interpolated, meta.template.expression | #A31515 | — |
| constant.numeric, constant.language.boolean, constant.language, constant.character, constant.other, constant.numeric.float.decimal, constant.numeric.integer | #098658 | — |
| storage, storage.type, keyword.control, keyword.operator, keyword.control.import, keyword.control.flow, keyword.control.conditional, keyword.operator.new, keyword.other.unit | #AF00DB | — |
| variable, variable.other, variable.other.readwrite, variable.parameter, variable.language, variable.parameter.function, variable.object.property | #001080 | — |
| entity.name.function, support.function, meta.function-call, meta.function, entity.name.function.python, meta.function.definition.c, entity.name.function.constructor | #795E26 | — |
| entity.name.type, support.class, support.type, entity.name.class, entity.other.inherited-class, entity.name.namespace, entity.name.struct, entity.name.enum | #267f99 | — |
| support.constant.json, meta.structure.dictionary.json string.quoted.double.json, constant.language.json | #A31515 | — |
| comment, punctuation.definition.comment, comment.block.documentation, comment.line, comment.block, comment.documentation, comment.block.documentation.python | #6A9955 | italic |
| punctuation.separator.key-value, punctuation.terminator.statement, punctuation.definition.string, punctuation.definition.parameters.begin, punctuation.definition.parameters.end, punctuation.separator, punctuation.definition.block, punctuation.definition.generic | #1A1A1A | — |
| punctuation.bracket, punctuation.section, punctuation.section.embedded, punctuation.definition.array.begin, punctuation.definition.array.end | #1A1A1A | — |
| invalid, invalid.illegal, invalid.broken, invalid.deprecated, invalid.unimplemented | #E51400 | — |