Eye Like Light
Publisher: domin1c86Themes in package: 1
A warm, eye-friendly light theme with high-contrast syntax highlighting
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#F0EDE8
- activityBar.border#E8E4DE
- activityBar.foreground#525252
- activityBar.inactiveForeground#B8B0A6
- activityBarBadge.background#2860A6
- activityBarBadge.foreground#FFFFFF
- button.background#2860A6
- button.foreground#FFFFFF
- button.hoverBackground#1F4F8C
- dropdown.background#FAF8F5
- dropdown.border#D8D2CA
- editor.background#FAF8F5
- editor.findMatchBackground#FFD9A0
- editor.findMatchHighlightBackground#FFEBCC
- editor.foreground#4A4A4A
- editor.inactiveSelectionBackground#E4EEF7
- editor.lineHighlightBackground#F0EDE8
- editor.rangeHighlightBackground#F5F0E8
- editor.selectionBackground#D4E4F7
- editor.wordHighlightBackground#E8E4DC
- editor.wordHighlightStrongBackground#DCD6CC
- editorBracketHighlight.foreground1#B8345E
- editorBracketHighlight.foreground2#2860A6
- editorBracketHighlight.foreground3#7B50B0
- editorBracketHighlight.foreground4#2D7D53
- editorBracketHighlight.foreground5#AD5E17
- editorBracketHighlight.foreground6#2B7D7D
- editorBracketMatch.background#E0DDD6
- editorBracketMatch.border#C0B8AA
- editorCursor.foreground#B8345E
- editorGroup.border#E0DBD4
- editorGroupHeader.noTabsBackground#F5F2EE
- editorGroupHeader.tabsBackground#F5F2EE
- editorGutter.addedBackground#2D7D53
- editorGutter.deletedBackground#B8345E
- editorGutter.modifiedBackground#2860A6
- editorHoverWidget.background#F8F6F2
- editorHoverWidget.border#E0DBD4
- editorIndentGuide.activeBackground#D0C8BC
- editorIndentGuide.background#E8E4DE
- editorLineNumber.activeForeground#7A6B5A
- editorLineNumber.foreground#B8B0A6
- editorSuggestWidget.background#F8F6F2
- editorSuggestWidget.border#E0DBD4
- editorSuggestWidget.highlightForeground#2860A6
- editorSuggestWidget.selectedBackground#D4E4F7
- editorWhitespace.foreground#E0DBD4
- editorWidget.background#F8F6F2
- editorWidget.border#E0DBD4
- gitDecoration.addedResourceForeground#2D7D53
- gitDecoration.conflictingResourceForeground#7B50B0
- gitDecoration.deletedResourceForeground#B8345E
- gitDecoration.ignoredResourceForeground#B8B0A6
- gitDecoration.modifiedResourceForeground#2860A6
- gitDecoration.untrackedResourceForeground#AD5E17
- input.background#FFFFFF
- input.border#D8D2CA
- input.foreground#4A4A4A
- input.placeholderForeground#B8B0A6
- inputOption.activeBorder#2860A6
- list.activeSelectionBackground#D4E4F7
- list.activeSelectionForeground#2860A6
- list.highlightForeground#2860A6
- list.hoverBackground#F0EDE8
- list.inactiveSelectionBackground#EDE9E3
- minimapGutter.addedBackground#2D7D5340
- minimapGutter.deletedBackground#B8345E40
- minimapGutter.modifiedBackground#2860A640
- panel.background#F8F6F2
- panel.border#E0DBD4
- panelTitle.activeBorder#2860A6
- panelTitle.activeForeground#4A4A4A
- panelTitle.inactiveForeground#9C8F80
- scrollbar.shadow#E0DBD4
- scrollbarSlider.activeBackground#B0A898AA
- scrollbarSlider.background#D0C8BC88
- scrollbarSlider.hoverBackground#C0B8AA99
- sideBar.background#F5F2EE
- sideBar.border#E8E4DE
- sideBar.foreground#525252
- sideBarSectionHeader.background#EDE9E3
- sideBarSectionHeader.foreground#6A5D50
- sideBarTitle.foreground#4A4A4A
- statusBar.background#EDE9E3
- statusBar.border#E0DBD4
- statusBar.debuggingBackground#B8345E
- statusBar.debuggingForeground#FAF8F5
- statusBar.foreground#4A4540
- statusBar.noFolderBackground#EAE4DC
- statusBarItem.hoverBackground#E0DBD4
- statusBarItem.remoteBackground#2860A6
- statusBarItem.remoteForeground#FFFFFF
- tab.activeBackground#FAF8F5
- tab.activeBorderTop#2860A6
- tab.activeForeground#4A4A4A
- tab.border#E8E4DE
- tab.inactiveBackground#F0EDE8
- tab.inactiveForeground#9C8F80
- terminal.ansiBlack#4A4A4A
- terminal.ansiBlue#2860A6
- terminal.ansiBrightBlack#7A6B5A
- terminal.ansiBrightBlue#4080C0
- terminal.ansiBrightCyan#40A0A0
- terminal.ansiBrightGreen#3D9068
- terminal.ansiBrightMagenta#9568C8
- terminal.ansiBrightRed#D04A75
- terminal.ansiBrightWhite#B8B0A6
- terminal.ansiBrightYellow#D88030
- terminal.ansiCyan#2B7D7D
- terminal.ansiGreen#2D7D53
- terminal.ansiMagenta#7B50B0
- terminal.ansiRed#B8345E
- terminal.ansiWhite#9C8F80
- terminal.ansiYellow#AD5E17
- terminal.background#F8F6F2
- terminal.foreground#4A4A4A
- textBlockQuote.background#F5F2EE
- textBlockQuote.border#E0DBD4
- textCodeBlock.background#F0EDE8
- textLink.activeForeground#1F4F8C
- textLink.foreground#2860A6
- textPreformat.foreground#6A5D50
- titleBar.activeBackground#F5F2EE
- titleBar.activeForeground#4A4A4A
- titleBar.border#E0DBD4
- titleBar.inactiveBackground#F0EDE8
- titleBar.inactiveForeground#9C8F80
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #998F80 | italic |
| comment.block.documentation, comment.line.documentation | #877D6E | italic |
| string, string.quoted | #2D7D53 | — |
| string.quoted.single, string.quoted.double | #2D7D53 | — |
| string.template, template-string, punctuation.definition.template-expression | #2D7D53 | — |
| constant.character, constant.other.character-class.escape | #2B7D7D | — |
| constant.numeric, constant.language, constant.language.boolean, constant.language.null, constant.language.undefined | #AD5E17 | — |
| keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.type, storage.type, storage.modifier | #B8345E | bold |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical, keyword.operator.relational, keyword.operator.ternary | #B8345E | |
| entity.name.function, meta.function-call, support.function | #2860A6 | — |
| variable.function | #2860A6 | — |
| entity.name.type, entity.name.class, entity.other.inherited-class, support.class, support.type, entity.name.interface, entity.name.enum, entity.name.type.parameter, entity.name.type.alias | #7B50B0 | — |
| variable, variable.other, variable.parameter, variable.language, variable.other.readwrite | #4A4A4A | — |
| variable.other.property, variable.other.object.property, support.variable.property | #556B5F | — |
| variable.language.this, variable.language.self, variable.language.super | #B8345E | italic |
| variable.other.constant, entity.name.constant, support.constant, constant.other | #7E4E1E | — |
| support.type.property-name, entity.name.tag.yaml, entity.name.type.property-name, meta.object-literal.key | #556B5F | — |
| entity.name.tag | #B8345E | — |
| entity.other.attribute-name | #AD5E17 | italic |
| punctuation.definition.tag | #998F80 | — |
| support.type.property-name.css | #2860A6 | — |
| support.constant.property-value.css | #2D7D53 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #7B50B0 | — |
| keyword.control.at-rule, entity.name.function.preprocessor | #B8345E | — |
| string.regexp | #75701E | — |
| meta.decorator, entity.name.function.decorator, punctuation.decorator | #75701E | italic |
| markup.heading, entity.name.section.markdown | #2860A6 | bold |
| markup.bold | #4A4A4A | bold |
| markup.italic | #6A5D50 | italic |
| markup.inline.raw, markup.fenced_code | #2D7D53 | — |
| markup.underline.link | #2860A6 | — |
| support.type.property-name.json | #2860A6 | — |
| keyword.operator.logical.python, keyword.control.flow.python | #B8345E | bold |
| support.function.builtin.python | #2860A6 | — |
| string.quoted.docstring | #877D6E | italic |
| punctuation.separator, punctuation.terminator, punctuation.definition.block | #7A6B5A | — |
| markup.inserted | #2D7D53 | — |
| markup.deleted | #B8345E | — |
| markup.changed | #2860A6 | — |
| invalid, invalid.illegal | #B8345E | — |
| invalid.deprecated | #998F80 | italic strikethrough |
| entity.name.namespace, entity.name.module, entity.name.type.namespace | #7B50B0 | — |
| storage.modifier.lifetime, entity.name.lifetime | #B8345E | — |
| punctuation.definition.string | #2D7D53 | — |