Light Color Theme
Publisher: Olga Feshchenko AndreikoThemes in package: 1
A light theme with colorful syntax highlighting, paired with a dark terminal for an enhanced coding experience in VS Code
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.activeBackground#820263
- activityBar.activeBorder#040403
- activityBar.activeFocusBorder#040403
- activityBar.background#040403
- editor.background#fcfcfc
- editor.foreground#111
- editor.lineHighlightBackground#F1FFE7
- scrollbarSlider.activeBackground#E5E6F2
- scrollbarSlider.background#eee
- scrollbarSlider.hoverBackground#Eee
- sideBar.background#F1FFE7
- sideBarSectionHeader.background#fff
- statusBar.background#b0d0d3
- statusBar.debuggingBackground#820263
- statusBar.debuggingForeground#fff
- statusBar.foreground#15202b
- terminal.ansiBlack#050404
- terminal.ansiBlue#01A0E4
- terminal.ansiBrightBlack#F3F4F7
- terminal.ansiBrightBlue#01A0E4
- terminal.ansiBrightCyan#118CF5
- terminal.ansiBrightGreen#12B74F
- terminal.ansiBrightMagenta#6474EB
- terminal.ansiBrightRed#F53224
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ECB709
- terminal.ansiCyan#58AFF0
- terminal.ansiGreen#2dc55e
- terminal.ansiMagenta#6474EB
- terminal.ansiRed#FF0000
- terminal.ansiWhite#d6dbe5
- terminal.ansiYellow#FDED02
- terminal.background#040403
- terminal.foreground#ffffff
- terminalCursor.background#f8dcc0
- terminalCursor.foreground#f8dcc0
- titleBar.activeBackground#c9f0ff
- titleBar.activeForeground#15202b
- titleBar.inactiveBackground#ffcad4
- titleBar.inactiveForeground#15202b99
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #AAAAAA | italic |
| comment.block.preprocessor | #AAAAAA | |
| comment.documentation, comment.block.documentation | #418422 | — |
| invalid.illegal | #660000 | — |
| keyword.operator | #7F7271 | — |
| keyword, storage | #4675BE | — |
| storage.type, support.type | #7A3E9D | — |
| constant.language, support.constant, variable.language | #AA641B | — |
| variable, support.variable | #7A3E9D | — |
| entity.name.function, support.function | #AA3731 | bold |
| entity.name.type, entity.other.inherited-class, support.class | #7A3E9D | bold |
| entity.name.exception | #660000 | — |
| entity.name.section | — | bold |
| constant.numeric, constant.character, constant | #AB6329 | — |
| string | #418422 | — |
| constant.character.escape | #7F7271 | — |
| string.regexp | #4675BE | — |
| constant.other.symbol | #AB6329 | — |
| punctuation | #7F7271 | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.definition.block, punctuation.definition.binding-pattern.object, punctuation.section.embedded.begin, punctuation.section.embedded.end | #FF1654 | — |
| punctuation.definition.parameters.begin, punctuation.definition.parameters.end, meta.brace.round | #16A35A | — |
| meta.brace.square | #011936 | — |
| meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html | #919191 | — |
| meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #5475B0 | — |
| entity.name.tag | #4273B4 | — |
| meta.tag entity.other.attribute-name, entity.other.attribute-name.html | #5475B0 | italic |
| constant.character.entity, punctuation.definition.entity | #925620 | — |
| meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css | #7A3E9D | — |
| meta.property-name, support.type.property-name | #925620 | — |
| meta.property-value, meta.property-value constant.other, support.constant.property-value | #387320 | — |
| keyword.other.important | — | bold |
| markup.changed | #000000 | — |
| markup.deleted | #000000 | — |
| markup.italic | — | italic |
| markup.error | #660000 | — |
| markup.inserted | #000000 | — |
| meta.link | #4273B4 | — |
| markup.output, markup.raw | #5E5E5E | — |
| markup.prompt | #5E5E5E | — |
| markup.heading | #AA3731 | — |
| markup.bold | — | bold |
| markup.traceback | #660000 | — |
| markup.underline | — | underline |
| markup.quote | #7A3E9D | — |
| markup.list | #4273B4 | — |
| markup.bold, markup.italic | #387320 | — |
| markup.inline.raw | #925620 | |
| meta.diff.range, meta.diff.index, meta.separator | #434343 | — |
| meta.diff.header.from-file | #434343 | — |
| meta.diff.header.to-file | #434343 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...