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.background#E6E8F0
- activityBar.foreground#2C3E50
- editor.background#FAFAFA
- editor.foreground#1A1A1A
- editor.lineHighlightBackground#E5E8EF
- editor.selectionBackground#C0C6D6
- editorCursor.foreground#CC9900
- editorIndentGuide.activeBackground1#B0B5C0
- editorIndentGuide.background1#D6D9E0
- editorLineNumber.foreground#7A7E8A
- icon.foreground#2C3E50
- list.activeSelectionForeground#1A1A1A
- list.hoverForeground#1A1A1A
- list.inactiveSelectionForeground#4A4A4A
- menu.foreground#1A1A1A
- menu.selectionForeground#000000
- sideBar.background#F2F3F7
- sideBar.foreground#2C3E50
- statusBar.background#E6E8F0
- tab.activeBackground#FFFFFF
- tab.activeForeground#1A1A1A
- tab.inactiveBackground#E6E8F0
- tab.inactiveForeground#4A4A4A
- terminal.background#FAFAFA
- terminal.foreground#1A1A1A
- titleBar.activeBackground#E6E8F0
- titleBar.inactiveBackground#E6E8F0
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 | — |
| source.ts, source.tsx, support.type.primitive.ts, support.type.builtin.ts | #267f99 | — |
| source.jsx, source.js.jsx, entity.name.tag.jsx, meta.tag.js | #0451A5 | — |
| variable.parameter.ts, variable.parameter.tsx, variable.parameter.function.ts | #001080 | — |
| source.vue, meta.tag.template.vue, meta.tag.script.vue, meta.tag.style.vue, entity.name.tag.vue | #AF00DB | — |
| entity.name.tag.angular, source.ts.angular, meta.directive.angular, support.class.component.ts.angular | #AF00DB | — |
| source.sql, keyword.other.DML.sql, keyword.other.DDL.sql | #098658 | — |
| source.mongodb, keyword.operator.assignment.mongodb, meta.object-literal.key.mongodb | #0C7D9D | — |
| source.python.django, support.function.builtin.python, entity.name.function.django | #795E26 | — |
| source.python.flask, entity.name.function.flask | #795E26 | — |
| source.cs, entity.name.type.cs, keyword.other.cs | #267f99 | — |
| support.class.component.nextjs, entity.name.function.nextjs, meta.import.nextjs | #AF00DB | — |
| source.ruby, keyword.control.ruby, variable.other.readwrite.ruby | #AF00DB | — |
| source.json, source.yaml, source.toml, punctuation.separator.key-value.json | #A31515 | — |
| markup.heading.markdown, markup.bold.markdown, markup.italic.markdown, markup.inline.raw.markdown | #AF00DB | bold |
| source.shell, keyword.other.shell, variable.other.readwrite.shell | #0451A5 | — |