Easy Light+
Publisher: VaisakThemes in package: 1
Rich colors, easy background and dark text.
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#9ff99310
- activityBar.activeBorder#E6E6E6
- activityBar.background#E6E6E6
- activityBar.foreground#000000
- activityBar.inactiveForeground#808080
- activityBarBadge.background#D2D2D2
- activityBarBadge.foreground#000000
- badge.background#D2D2D2
- badge.foreground#000000
- breadcrumb.activeSelectionForeground#000000
- breadcrumb.background#E6E6E6
- breadcrumb.focusForeground#000000
- breadcrumb.foreground#808080
- breadcrumbPicker.background#E6E6E6
- button.background#E6E6E6
- button.foreground#000000
- contrastBorder#E6E6E6
- debugToolBar.background#D7D7D7
- diffEditor.insertedTextBackground#50FA7B20
- diffEditor.removedTextBackground#FF323250
- dropdown.background#D2D2D2
- dropdown.border#E6E6E6
- dropdown.foreground#000000
- editor.background#F0F0F0
- editor.findMatchBackground#D6D6D6
- editor.findMatchHighlightBackground#B6B6B6
- editor.findRangeHighlightBackground#E8E8E8
- editor.foldBackground#E6E6E6
- editor.foreground#000000
- editor.hoverHighlightBackground#B6B6E690
- editor.lineHighlightBorder#E6E6E6
- editor.rangeHighlightBackground#E6E6E6
- editor.selectionBackground#80808060
- editor.selectionHighlightBackground#80808036
- editor.snippetFinalTabstopHighlightBackground#D2D2D2
- editor.snippetFinalTabstopHighlightBorder#D2D2D2
- editor.snippetTabstopHighlightBackground#D2D2D2
- editor.snippetTabstopHighlightBorder#808080
- editor.wordHighlightBackground#808080
- editor.wordHighlightStrongBackground#50FA7B36
- editorCodeLens.foreground#808080
- editorError.foreground#FF3232
- editorGroup.border#E6E6E6
- editorGroup.dropBackground#AAAAAA
- editorGroupHeader.tabsBackground#D2D2D2
- editorGutter.addedBackground#50FA7B80
- editorGutter.deletedBackground#FF323280
- editorGutter.modifiedBackground#00000080
- editorHoverWidget.background#D2D2D2
- editorHoverWidget.border#808080
- editorIndentGuide.activeBackground#FFFFFF45
- editorIndentGuide.background#80808036
- editorLineNumber.foreground#555555
- editorLink.activeForeground#000000
- editorMarkerNavigation.background#D7D7D7
- editorOverviewRuler.addedForeground#50FA7B80
- editorOverviewRuler.border#E6E6E6
- editorOverviewRuler.currentContentForeground#50FA7B
- editorOverviewRuler.deletedForeground#FF555580
- editorOverviewRuler.errorForeground#FF555580
- editorOverviewRuler.incomingContentForeground#BD93F9
- editorOverviewRuler.infoForeground#00000080
- editorOverviewRuler.modifiedForeground#00000080
- editorOverviewRuler.selectionHighlightForeground#FF895D
- editorOverviewRuler.warningForeground#FF895D80
- editorOverviewRuler.wordHighlightForeground#000000
- editorOverviewRuler.wordHighlightStrongForeground#50FA7B
- editorRuler.foreground#80808036
- editorSuggestWidget.background#D7D7D7
- editorSuggestWidget.foreground#000000
- editorSuggestWidget.selectedBackground#E6E6E6
- editorWarning.foreground#000000
- editorWhitespace.foreground#80808036
- editorWidget.background#D7D7D7
- errorForeground#FF3232
- extensionButton.prominentBackground#D2D2D2
- extensionButton.prominentForeground#000000
- extensionButton.prominentHoverBackground#D2D2D2EE
- focusBorder#E6E6E6
- foreground#000000
- gitDecoration.conflictingResourceForeground#FF895D
- gitDecoration.deletedResourceForeground#FF3232
- gitDecoration.ignoredResourceForeground#808080
- gitDecoration.modifiedResourceForeground#000000
- gitDecoration.untrackedResourceForeground#50FA7B
- input.background#E6E6E6
- input.border#E6E6E6
- input.foreground#000000
- input.placeholderForeground#000000
- inputOption.activeBorder#46e209
- inputValidation.errorBorder#FF3232
- inputValidation.infoBorder#7EA7D8
- inputValidation.warningBorder#FF895D
- list.activeSelectionBackground#E6E6E6
- list.activeSelectionForeground#000000
- list.dropBackground#E6E6E6
- list.errorForeground#FF3232
- list.focusBackground#E6E6E6
- list.highlightForeground#000000
- list.hoverBackground#E6E6E6
- list.inactiveSelectionBackground#E6E6E6
- list.warningForeground#46e209
- listFilterWidget.background#343746
- listFilterWidget.noMatchesOutline#FF3232
- listFilterWidget.outline#80808036
- merge.currentHeaderBackground#50FA7B90
- merge.incomingHeaderBackground#BD93F990
- panel.background#D2D2D2
- panel.border#E6E6E6
- panelTitle.activeBorder#E6E6E6
- panelTitle.activeForeground#000000
- panelTitle.inactiveForeground#808080
- peekView.border#E6E6E6
- peekViewEditor.background#D2D2D2
- peekViewEditor.matchHighlightBackground#F1FA8C80
- peekViewResult.background#D7D7D7
- peekViewResult.fileForeground#000000
- peekViewResult.lineForeground#46e209
- peekViewResult.matchHighlightBackground#F1FA8C80
- peekViewResult.selectionBackground#E6E6E6
- peekViewResult.selectionForeground#000000
- peekViewTitle.background#E6E6E6
- peekViewTitleDescription.foreground#808080
- peekViewTitleLabel.foreground#000000
- pickerGroup.border#E6E6E6
- pickerGroup.foreground#000000
- progressBar.background#000000
- selection.background#9394FF
- settings.checkboxBackground#D7D7D7
- settings.checkboxBorder#E6E6E6
- settings.checkboxForeground#000000
- settings.dropdownBackground#D7D7D7
- settings.dropdownBorder#E6E6E6
- settings.dropdownForeground#000000
- settings.headerForeground#000000
- settings.modifiedItemIndicator#FF895D
- settings.numberInputBackground#D7D7D7
- settings.numberInputBorder#E6E6E6
- settings.numberInputForeground#000000
- settings.textInputBackground#D7D7D7
- settings.textInputBorder#E6E6E6
- settings.textInputForeground#000000
- sideBar.background#D2D2D2
- sideBar.border#E6E6E6
- sideBarSectionHeader.background#E6E6E6
- sideBarSectionHeader.border#808080
- sideBarTitle.foreground#000000
- statusBar.background#D7D7D7
- statusBar.debuggingBackground#FF3232
- statusBar.debuggingForeground#E6E6E6
- statusBar.foreground#000000
- statusBar.noFolderBackground#E6E6E6
- statusBar.noFolderForeground#000000
- statusBarItem.prominentBackground#FF3232
- statusBarItem.prominentHoverBackground#FF895D
- statusBarItem.remoteBackground#93f9b1
- statusBarItem.remoteForeground#000000
- tab.activeBorder#D2D2D2
- tab.activeForeground#000000
- tab.inactiveBackground#D2D2D2
- tab.inactiveForeground#808080
- terminal.ansiBlack#D7D7D7
- terminal.ansiBlue#BD93F9
- terminal.ansiBrightBlack#6272A4
- terminal.ansiBrightBlue#D6ACFF
- terminal.ansiBrightCyan#A4FFFF
- terminal.ansiBrightGreen#69FF94
- terminal.ansiBrightMagenta#FF92DF
- terminal.ansiBrightRed#FF6E6E
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFFFA5
- terminal.ansiCyan#000000
- terminal.ansiGreen#50FA7B
- terminal.ansiMagenta#FF79C6
- terminal.ansiRed#FF5555
- terminal.ansiWhite#000000
- terminal.ansiYellow#F1FA8C
- terminal.background#E6E6E6
- terminal.foreground#000000
- titleBar.activeBackground#D7D7D7
- titleBar.activeForeground#646464
- titleBar.inactiveBackground#A0A0A0
- titleBar.inactiveForeground#808080
- walkThrough.embeddedEditorBackground#D7D7D7
- window.activeBorder#D2D2D2
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, unused.comment, wildcard.comment | #AAAAAA | italic |
| comment.block.preprocessor | #AAAAAA | |
| comment.documentation, comment.block.documentation | #448C27 | — |
| invalid.illegal, invalid | #FF3232 | — |
| keyword.operator, keyword.control | #B13E1A | — |
| constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution | #000000 | — |
| keyword, storage, storage.type, storage.modifier | #009500 | — |
| entity.name, entity.name.type, entity.other.inherited-class, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types | #DE3F00 | |
| support.type | #009500 | — |
| constant.language, support.constant | #001AC0 | — |
| variable.language | #009500 | italic |
| variable, variable, constant.other.key.perl, support.variable.property, variable.other.constant.js, variable.other.constant.ts, variable.other.constant.tsx | #001AC0 | — |
| constant.other.symbol, constant.other.color, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #A95ABD | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method | #001AC0 | — |
| meta.block variable.other | #001AC0 | — |
| support.other.variable, string.other.link | #0400ff | — |
| entity.name.exception | #660000 | — |
| entity.name.section | — | |
| constant.numeric, constant.character, constant | #001AC0 | — |
| constant.escape, variable.parameter, keyword.other.unit, keyword.other | #001AC0 | — |
| string | #A95ABD | — |
| constant.character.escape | #89DDFF | — |
| string.regexp | #89DDFF | — |
| constant.other.symbol | #A95ABD | — |
| meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html | #AAAAAA | — |
| meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #91B3E0 | — |
| entity.name.tag | #4B83CD | — |
| meta.tag entity.other.attribute-name, entity.other.attribute-name.html | #91B3E0 | italic |
| constant.character.entity, punctuation.definition.entity | #AB6526 | — |
| meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css | #7A3E9D | — |
| meta.property-name, support.type.property-name | #AB6526 | — |
| meta.property-value, meta.property-value constant.other, support.constant.property-value | #448C27 | — |
| keyword.other.important | — | bold |
| markup.changed | #000000 | — |
| markup.deleted | #000000 | — |
| markup.italic | — | italic |
| markup.error | #660000 | — |
| markup.inserted | #000000 | — |
| meta.link | #4B83CD | — |
| markup.output, markup.raw | #777777 | — |
| markup.prompt | #777777 | — |
| markup.heading | #AA3731 | — |
| markup.bold | — | bold |
| markup.traceback | #660000 | — |
| markup.underline | — | underline |
| markup.quote | #7A3E9D | — |
| markup.list | #4B83CD | — |
| markup.bold, markup.italic | #448C27 | — |
| markup.inline.raw | #AB6526 | |
| meta.diff.range, meta.diff.index, meta.separator | #434343 | — |
| meta.diff.header.from-file | #434343 | — |
| meta.diff.header.to-file | #434343 | — |