Eye Care Themes
Publisher: lzwmeThemes in package: 9
lzwme 定制护眼主题
Color themes
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#FAF9DE
- activityBar.border#FAF9DE
- activityBar.foreground#24292e
- activityBarBadge.background#d73a49
- button.background#d73a49
- button.foreground#FAF9DE
- dropdown.background#FAF9DE
- dropdown.border#b2b2b2
- dropdown.listBackground#FAF9DE
- editor.background#FAF9DE
- editor.foreground#24292e
- editor.lineHighlightBackground#f0ecd0
- editor.lineHighlightBorder#f0ecd0
- editor.selectionBackground#fed442
- editorGroup.border#FAF9DE
- editorGroupHeader.noTabsBackground#FAF9DE
- editorGroupHeader.tabsBackground#FAF9DE
- editorGroupHeader.tabsBorder#FAF9DE
- editorLineNumber.activeForeground#000000
- editorLineNumber.foreground#babbbc
- editorSuggestWidget.highlightForeground#d73a49
- editorSuggestWidget.selectedBackground#e1e1e1
- editorWidget.background#FAF9DE
- editorWidget.border#24292e
- focusBorder#FAF9DE00
- foreground#24292e
- input.background#FAF9DE
- input.border#b2b2b2
- list.activeSelectionBackground#e0edd3
- list.activeSelectionForeground#d73a49
- list.focusBackground#e0edd3
- list.focusForeground#d73a49
- list.highlightForeground#d73a49
- list.hoverBackground#e0edd3
- list.hoverForeground#d73a49
- list.inactiveSelectionBackground#FAF9DE
- list.inactiveSelectionForeground#d73a49
- notificationCenter.border#FAF9DE
- notificationCenterHeader.background#FAF9DE
- notifications.background#FAF9DE
- notifications.border#FAF9DE
- notificationToast.border#FAF9DE
- panel.border#d73a49
- scrollbar.shadow#FAF9DE
- sideBar.background#FAF9DE
- sideBar.border#FAF9DE
- sideBar.foreground#24292e
- sideBarSectionHeader.background#FAF9DE
- statusBar.background#FAF9DE
- statusBar.border#FAF9DE
- statusBar.debuggingBackground#FAF9DE
- statusBar.debuggingForeground#24292e
- statusBar.foreground#24292e
- statusBar.noFolderBackground#FAF9DE
- statusBar.noFolderForeground#24292e
- tab.activeBackground#e0edd3
- tab.activeBorder#d73a49
- tab.border#FAF9DE
- tab.inactiveBackground#FAF9DE
- titleBar.activeBackground#FAF9DE
- titleBar.activeForeground#24292e
- titleBar.border#FAF9DE
- titleBar.inactiveBackground#FAF9DE
- titleBar.inactiveForeground#24292e
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| entity.name.tag | #CCCCCC | — |
| entity.other.attribute-name.html | #FF6666 | italic |
| source.directive.vue | #0099CC | italic |
| punctuation.separator.key-value.html | #24292eff | italic |
| constant.language.undefined.js, constant.language.boolean.true.js, constant.language.boolean.false.js, keyword.operator.expression.delete.js, constant.numeric.decimal.js, keyword.operator | #B93CF6 | italic |
| variable.other.property.js, variable.other.constant.js, meta.object.member.js | #24292eff | — |
| variable.other | #E63022 | — |
| entity.name.function.js | #30A0FC | italic underline |
| variable.language.this.js, keyword, storage, storage.type | #005cc5 | italic |
| variable.parameter.js | #AA5D00 | italic |
| comment, punctuation.definition.comment, string.comment | #6a737d | — |
| constant, entity.name.constant, variable.other.constant, variable.language | #005cc5 | — |
| keyword.operator.symbole, keyword.other.mark | #24292e | — |
| variable.parameter.function | #24292e | — |
| constant.numeric.css | #DB0A5B | — |
| entity.other.attribute-name.class.css | #00AA00 | — |
| support.type.property-name.css | #BB671C | — |
| storage.modifier.package, storage.modifier.import, storage.type.java | #24292e | — |
| string, punctuation.definition.string, string punctuation.section.embedded source | #008040 | — |
| string.unquoted.import.ada | — | — |
| support | #005cc5 | — |
| meta.property-name | #005cc5 | — |
| variable | #e36209 | — |
| invalid.broken | #b31d28 | bold italic underline |
| invalid.deprecated | #b31d28 | bold italic underline |
| invalid.illegal | #b31d28 | italic underline |
| carriage-return | #d73a49 | italic underline |
| invalid.unimplemented | #b31d28 | bold italic underline |
| message.error | #b31d28 | — |
| string source | #24292e | — |
| string variable | #005cc5 | — |
| source.regexp, string.regexp | #032f62 | — |
| string.regexp.character-class, string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition | #032f62 | — |
| string.regexp constant.character.escape | #22863a | bold |
| support.constant | #005cc5 | — |
| support.variable | #005cc5 | — |
| meta.module-reference | #005cc5 | — |
| markup.list | #735c0f | — |
| markup.heading, markup.heading entity.name | #005cc5 | bold |
| markup.quote | #22863a | — |
| markup.italic | #24292e | italic |
| markup.bold | #24292e | bold |
| markup.raw | #005cc5 | — |
| markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted | #b31d28 | — |
| markup.inserted, meta.diff.header.to-file, punctuation.definition.inserted | #22863a | — |
| markup.changed, punctuation.definition.changed | #e36209 | — |
| markup.ignored, markup.untracked | #005cc5 | — |
| meta.diff.range | #6f42c1 | bold |
| meta.diff.header | #005cc5 | — |
| meta.separator | #005cc5 | bold |
| meta.output | #005cc5 | — |
| brackethighlighter.tag, brackethighlighter.curly, brackethighlighter.round, brackethighlighter.square, brackethighlighter.angle, brackethighlighter.quote | #586069 | — |
| brackethighlighter.unmatched | #b31d28 | — |
| sublimelinter.mark.error | #b31d28 | — |
| sublimelinter.mark.warning | #e36209 | — |
| sublimelinter.gutter-mark | #959da5 | — |
| constant.other.reference.link, string.other.link | #032f62 | underline |
| meta.function-call support.function, meta.function-call entity.name.function | #005cc5 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...