Ivory Light
Publisher: vaaxoooThemes in package: 1
A clean and refreshing light theme that brings clarity and elegance to your coding experience.
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#212328
- activityBar.foreground#ffffff
- editor.background#ffffff
- editor.foreground#1c1c1d
- editor.lineHighlightBackground#f8f8f8
- editor.selectionBackground#cce5ff
- editorCursor.foreground#1d1c1c
- editorGutter.addedBackground#1c1c1d
- editorGutter.deletedBackground#5b9c00
- editorGutter.modifiedBackground#1c1c1d
- editorIndentGuide.activeBackground1#f0f0f0
- editorIndentGuide.background1#f0f0f0
- editorLineNumber.activeForeground#1d1c1d
- editorLineNumber.foreground#a8a8a8
- editorUnnecessaryCode.border#ff0000
- editorUnnecessaryCode.opacity#000000c0
- editorWhitespace.foreground#ffffff
- gitDecoration.modifiedResourceForeground#000000
- gitDecoration.stageModifiedResourceForeground#000000
- list.activeSelectionBackground#ffffff
- list.activeSelectionForeground#1c1c1d
- list.highlightForeground#1d1c1d
- list.hoverBackground#e1e1e1
- list.inactiveSelectionBackground#5b9c00
- list.inactiveSelectionForeground#ffffff
- sideBar.background#f4f4f4
- sideBar.border#f4f4f4
- sideBar.foreground#1d1c1c
- statusBar.background#5b9c00
- statusBar.foreground#ffffff
- tab.activeBackground#ffffff
- tab.activeForeground#1d1c1d
- tab.activeModifiedBorder#1c1c1d
- tab.inactiveBackground#f4f4f4
- tab.inactiveForeground#a8a8a8
- tab.inactiveModifiedBorder#1c1c1d
- titleBar.activeBackground#ffffff
- titleBar.activeForeground#1d1c1d
- titleBar.inactiveForeground#a8a8a8
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #9a9a9a | italic |
| keyword, storage | #e01e5a | bold |
| variable, support.variable | #1d1c1c | — |
| entity.name.function, support.function | #008cff | bold |
| string | #5b9c00 | — |
| constant.numeric, constant.character, constant | #e01e5a | bold |
| entity.name.type, entity.other.inherited-class, support.class | #1d1c1c | bold |
| storage.type, support.type | #e01e5a | bold |
| punctuation | #1d1c1c | — |
| keyword.operator | #4b1515 | — |
| meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #1c1c1d | — |
| entity.name.tag | #5b9c00 | — |
| meta.tag entity.other.attribute-name, entity.other.attribute-name.html | #000000 | italic |
| meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css | #1c1c1d | |
| meta.property-name, support.type.property-name | #000000 | |
| meta.property-value, meta.property-value constant.other, support.constant.property-value | #e01e5a | bold |
| keyword.other.important | #77ac66 | |
| markup.changed | #1d1c1d | — |
| markup.deleted | #77ac66 | — |
| markup.italic | — | italic |
| invalid, markup.error, source.error | #ff0000 | — |
| markup.inserted | #1c1c1d | — |
| meta.link | #e01e5a | — |
| markup.heading | #1c1c1d | — |
| markup.bold | — | bold |
| meta.object-literal.key, meta.object-literal.key string | #1c1c1d | bold |
| variable.other.readwrite.unused, meta.unused, source.unused, variable.other.unused | #a0a0a0 | italic |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, meta.brace.curly | #1c1c1d | — |