MoonLight custom-bg (авто-настройка)
Publisher: MoonLightDeathThemes in package: 37
Живой фон и панель оформления для VS Code: наборы по зонам, движок читаемости, шейдерные фоны, 37 тем. Ставит и настраивает всё сам.
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.activeBorder#89b4fa
- activityBar.background#161621
- activityBar.border#42424f
- activityBar.foreground#89b4fa
- activityBar.inactiveForeground#676e79
- activityBarBadge.background#89b4fa
- activityBarBadge.foreground#1e1e2e
- badge.background#89b4fa
- badge.foreground#1e1e2e
- breadcrumb.activeSelectionForeground#89b4fa
- breadcrumb.focusForeground#d6dae0
- breadcrumb.foreground#676e79
- button.background#89b4fa
- button.foreground#1e1e2e
- button.hoverBackground#9abffb
- descriptionForeground#949ca8
- dropdown.background#30303f
- dropdown.border#42424f
- dropdown.foreground#d6dae0
- editor.background#1e1e2e
- editor.findMatchBackground#89b4fa73
- editor.findMatchHighlightBackground#89b4fa38
- editor.foreground#d6dae0
- editor.lineHighlightBackground#39394766
- editor.selectionBackground#89b4fa52
- editor.selectionHighlightBackground#89b4fa29
- editor.wordHighlightBackground#89b4fa29
- editor.wordHighlightStrongBackground#89b4fa3d
- editorBracketMatch.background#89b4fa29
- editorBracketMatch.border#89b4fa99
- editorCursor.foreground#89b4fa
- editorError.foreground#f38ba8
- editorGroup.border#42424f
- editorGroupHeader.tabsBackground#1a1a28
- editorGroupHeader.tabsBorder#42424f
- editorGutter.addedBackground#a6e3a1
- editorGutter.deletedBackground#f38ba8
- editorGutter.modifiedBackground#c6a6f2
- editorHoverWidget.background#30303f
- editorHoverWidget.border#42424f
- editorIndentGuide.activeBackground1#89b4fa99
- editorIndentGuide.background1#42424f
- editorInfo.foreground#89b4fa
- editorLineNumber.activeForeground#89b4fa
- editorLineNumber.foreground#676e79
- editorSuggestWidget.background#30303f
- editorSuggestWidget.selectedBackground#89b4fa3d
- editorWarning.foreground#f9e2af
- editorWhitespace.foreground#676e79
- editorWidget.background#30303f
- editorWidget.border#42424f
- errorForeground#f38ba8
- focusBorder#89b4fa80
- foreground#949ca8
- gitDecoration.deletedResourceForeground#f38ba8
- gitDecoration.modifiedResourceForeground#c6a6f2
- gitDecoration.untrackedResourceForeground#a6e3a1
- input.background#30303f
- input.border#42424f
- input.foreground#d6dae0
- input.placeholderForeground#676e79
- inputOption.activeBackground#89b4fa3d
- inputOption.activeBorder#89b4fa
- list.activeSelectionBackground#89b4fa47
- list.activeSelectionForeground#d6dae0
- list.focusBackground#89b4fa47
- list.highlightForeground#89b4fa
- list.hoverBackground#3e3e4b80
- list.inactiveSelectionBackground#89b4fa29
- minimap.selectionHighlight#89b4fa80
- panel.background#1a1a28
- panel.border#42424f
- panelTitle.activeBorder#89b4fa
- panelTitle.activeForeground#d6dae0
- panelTitle.inactiveForeground#676e79
- peekViewEditor.background#1e1e2e
- peekViewResult.background#1a1a28
- progressBar.background#89b4fa
- quickInput.background#30303f
- quickInput.foreground#d6dae0
- quickInputList.focusBackground#89b4fa3d
- scrollbarSlider.activeBackground#89b4fa8c
- scrollbarSlider.background#89b4fa38
- scrollbarSlider.hoverBackground#89b4fa61
- selection.background#89b4fa57
- sideBar.background#1a1a28
- sideBar.border#42424f
- sideBar.foreground#949ca8
- sideBarSectionHeader.background#1a1a28
- sideBarSectionHeader.foreground#d6dae0
- sideBarTitle.foreground#d6dae0
- statusBar.background#161621
- statusBar.border#42424f
- statusBar.debuggingBackground#89b4fa
- statusBar.debuggingForeground#1e1e2e
- statusBar.foreground#949ca8
- statusBar.noFolderBackground#161621
- statusBarItem.remoteBackground#89b4fa
- statusBarItem.remoteForeground#1e1e2e
- tab.activeBackground#1e1e2e
- tab.activeBorder#89b4fab3
- tab.activeBorderTop#89b4fa
- tab.activeForeground#d6dae0
- tab.border#161621
- tab.inactiveBackground#1a1a28
- tab.inactiveForeground#676e79
- terminal.background#1e1e2e
- terminal.foreground#d6dae0
- terminalCursor.foreground#89b4fa
- textLink.activeForeground#9cc0fb
- textLink.foreground#89b4fa
- titleBar.activeBackground#161621
- titleBar.activeForeground#d6dae0
- titleBar.border#42424f
- titleBar.inactiveBackground#161621
- titleBar.inactiveForeground#676e79
- widget.shadow#00000066
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #676e79 | italic |
| string, string.quoted, string.template | #f69a9b | — |
| constant.numeric, constant.language, constant.character, constant.other | #ddaf60 | — |
| keyword, storage, storage.type, storage.modifier, keyword.control, keyword.operator.new | #89b4fa | — |
| keyword.operator, punctuation, meta.brace | #949ca8 | — |
| entity.name.function, support.function, meta.function-call.generic | #8fc986 | — |
| entity.name.type, entity.name.class, support.type, support.class, entity.other.inherited-class | #54c9e5 | — |
| variable, variable.other, meta.definition.variable.name | #d6dae0 | — |
| variable.parameter, variable.other.readwrite | #d6dae0 | — |
| variable.language, variable.other.constant, support.variable | #ddaf60 | — |
| entity.name.tag, punctuation.definition.tag | #89b4fa | — |
| entity.other.attribute-name, meta.object-literal.key, support.type.property-name | #c6a6f2 | — |
| markup.heading, entity.name.section | #89b4fa | bold |
| markup.bold | #ddaf60 | bold |
| markup.italic | #f69a9b | italic |
| markup.inline.raw, markup.fenced_code | #8fc986 | — |
| markup.inserted | #a6e3a1 | — |
| markup.deleted | #f38ba8 | — |
| invalid, invalid.illegal | #f38ba8 | — |