Loved
Publisher: Paul van der MeijsThemes in package: 1
A Visual Studio Code theme based on Daniel Pintilei's Loved theme for Atom
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#121926
- activityBarBadge.background#121926
- badge.background#0c111a
- button.background#6e94b9
- debugToolBar.background#121926
- dropdown.background#99beff08
- editor.background#17202f
- editor.findMatchBackground#ff5c8d90
- editor.findMatchHighlightBackground#ff5c8d24
- editor.foreground#c0c5ce
- editor.lineHighlightBackground#99beff08
- editor.lineHighlightBorder#0000
- editor.selectionBackground#99beff24
- editor.wordHighlightBackground#99beff32
- editorBracketMatch.border#c0c5ce24
- editorCursor.foreground#ff5c8d
- editorError.foreground#ff6347
- editorGroup.border#0000
- editorGroup.dropBackground#99beff08
- editorGroupHeader.tabsBackground#121926
- editorGroupHeader.tabsBorder#0000
- editorGutter.addedBackground#73c990
- editorGutter.deletedBackground#e05252cc
- editorGutter.modifiedBackground#e2c08d
- editorIndentGuide.activeBackground#c0c5ce10
- editorIndentGuide.background#c0c5ce10
- editorLineNumber.foreground#75809590
- editorOverviewRuler.addedForeground#73c990
- editorOverviewRuler.bracketMatchForeground#c0c5ce24
- editorOverviewRuler.deletedForeground#e05252cc
- editorOverviewRuler.errorForeground#ff6347
- editorOverviewRuler.infoForeground#99beff
- editorOverviewRuler.modifiedForeground#e2c08d
- editorOverviewRuler.warningForeground#73c990
- editorRuler.foreground#c0c5ce16
- editorWarning.foreground#73c990
- editorWidget.background#121926
- editorWidget.border#0c111a
- focusBorder#0000
- foreground#99a4b8
- gitDecoration.addedResourceForeground#73c990
- gitDecoration.deletedResourceForeground#e05252cc
- gitDecoration.ignoredResourceForeground#99a4b880
- gitDecoration.modifiedResourceForeground#e2c08d
- input.background#99beff08
- input.border#0000
- list.activeSelectionBackground#99beff10
- list.errorForeground#ff6347
- list.focusBackground#99beff16
- list.highlightForeground#d5dae2
- list.hoverBackground#99beff16
- list.inactiveSelectionBackground#99beff08
- list.warningForeground#73c990
- peekView.border#121926
- peekViewEditor.background#12192690
- peekViewEditor.matchHighlightBackground#ff5c8d90
- peekViewResult.background#121926
- peekViewResult.matchHighlightBackground#ff5c8d24
- peekViewResult.selectionBackground#99beff16
- peekViewTitle.background#121926
- scrollbar.shadow#0000
- scrollbarSlider.activeBackground#99beff10
- scrollbarSlider.background#99beff08
- scrollbarSlider.hoverBackground#99beff16
- selection.background#99beff24
- sideBar.background#121926
- sideBarSectionHeader.background#0000
- sideBarTitle.foreground#d5dae2
- statusBar.background#ea7599
- statusBar.debuggingBackground#f07178
- statusBar.noFolderBackground#6e94b9
- tab.activeBorder#0000
- tab.activeForeground#d5dae2
- tab.border#0000
- tab.inactiveBackground#121926
- tab.inactiveForeground#99a4b880
- terminal.ansiBlue#6e94b9
- terminal.ansiGreen#73c990
- terminal.ansiRed#e05252
- terminal.ansiYellow#e2c08d
- titleBar.activeBackground#121926
- titleBar.inactiveBackground#121926
- widget.shadow#0000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| entity.name, support.class, support.type, support.other.namespace, support.other.namespace storage.type, meta.function.parameter.typehinted storage.type, entity.other.inherited-class, meta.other.inherited-class, entity.other.alias, storage.type.cs, punctuation.separator.inheritance | #f7987e | — |
| keyword, storage.type, storage.modifier, punctuation.definition.block.tag | #b18bb1 | — |
| variable, support.variable, entity.name.variable, punctuation.definition.variable, meta.object-literal.key | #ea7599 | — |
| constant, support.constant, punctuation.separator.decimal | #eabe9a | — |
| keyword.operator | #c0c5ce | — |
| punctuation | #c0c5ce | — |
| comment, punctuation.definition.comment | #64727d | italic |
| string, punctuation.definition.string | #97a38f | — |
| support.function, keyword.operator.expression | #7ea9a9 | — |
| entity.name.function | #6e94b9 | — |
| entity.name.function.constructor, entity.name.function.destructor, support.function.magic | #7ea9a9 | — |
| entity.name.tag | #ea7599 | — |
| entity.other.attribute-name | #eabe9a | — |
| heading, markup.heading, entity.name.section | #ea7599 | — |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.underline | — | underline |
| markup.list beginning.punctuation | #eabe9a | — |
| markup.raw, markup.inline.raw, markup.fenced_code | #97a38f | — |
| markup.underline.link | #7ea9a9 | — |
| string.other.link | #6e94b9 | — |
| punctuation.section.embedded | #a67868 | — |
| support.constant.property-value | #a67868 | — |
| source.json support.type.property-name | #ea7599 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...