Soft DeLight
Publisher: xdm67xThemes in package: 3
A comfortable light and dark theme for developers - easy on the eyes with vibrant, contrasting colors
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#20203A
- activityBar.foreground#E8E8E8
- activityBar.inactiveForeground#7A7A9A
- activityBarBadge.background#5CA885
- activityBarBadge.foreground#1A1A2E
- badge.background#5CA885
- badge.foreground#1A1A2E
- breadcrumb.activeSelectionForeground#E8E8E8
- breadcrumb.background#1A1A2E
- breadcrumb.foreground#7A7A9A
- button.background#60A5FA
- button.foreground#1A1A2E
- button.hoverBackground#93C5FD
- dropdown.background#303055
- dropdown.border#404070
- dropdown.foreground#E8E8E8
- editor.background#1A1A2E
- editor.findMatchBackground#5C4A3B
- editor.findMatchHighlightBackground#4A4A3B
- editor.foreground#E8E8E8
- editor.lineHighlightBackground#252541
- editor.selectionBackground#3B4C6B
- editor.selectionHighlightBackground#4A3B5C
- editorBracketMatch.background#3B5C4A
- editorBracketMatch.border#5CA885
- editorGroup.border#303055
- editorGroup.dropBackground#3B4C6B50
- editorGroupHeader.tabsBackground#20203A
- editorGroupHeader.tabsBorder#303055
- editorGutter.addedBackground#5CA885
- editorGutter.background#1A1A2E
- editorGutter.deletedBackground#F97316
- editorGutter.modifiedBackground#F2CC8F
- editorHoverWidget.background#252541
- editorHoverWidget.border#404070
- editorLineNumber.activeForeground#8A8AA8
- editorLineNumber.foreground#5A5A7A
- editorOverviewRuler.currentContentForeground#5CA885
- editorOverviewRuler.incomingContentForeground#60A5FA
- editorSuggestWidget.background#252541
- editorSuggestWidget.border#404070
- editorSuggestWidget.highlightForeground#60A5FA
- editorSuggestWidget.selectedBackground#3B4C6B
- extensionButton.prominentBackground#5CA885
- extensionButton.prominentForeground#1A1A2E
- extensionButton.prominentHoverBackground#7DD3A8
- gitDecoration.addedResourceForeground#81B29A
- gitDecoration.deletedResourceForeground#F97316
- gitDecoration.ignoredResourceForeground#7A7A9A
- gitDecoration.modifiedResourceForeground#F2CC8F
- gitDecoration.untrackedResourceForeground#60A5FA
- input.background#303055
- input.border#404070
- input.foreground#E8E8E8
- input.placeholderForeground#7A7A9A
- inputOption.activeBorder#60A5FA
- list.activeSelectionBackground#3B4C6B
- list.activeSelectionForeground#E8E8E8
- list.highlightForeground#60A5FA
- list.hoverBackground#2A2A4A
- list.inactiveSelectionBackground#303055
- menu.background#252541
- menu.foreground#E8E8E8
- menu.selectionBackground#3B4C6B
- menu.selectionForeground#E8E8E8
- merge.currentHeaderBackground#5CA88540
- merge.incomingHeaderBackground#60A5FA40
- notificationCenter.border#303055
- notificationCenterHeader.background#303055
- notifications.background#252541
- notifications.border#303055
- notifications.foreground#E8E8E8
- notificationToast.border#303055
- panel.background#252541
- panel.border#303055
- peekView.border#60A5FA
- peekViewEditor.background#252541
- peekViewEditor.matchHighlightBackground#5C4A3B
- peekViewResult.background#252541
- peekViewResult.matchHighlightBackground#5C4A3B
- peekViewTitle.background#303055
- quickInput.background#252541
- quickInput.foreground#E8E8E8
- scrollbar.shadow#00000040
- scrollbarSlider.activeBackground#7070B0C0
- scrollbarSlider.background#50507080
- scrollbarSlider.hoverBackground#606090A0
- sideBar.background#252541
- sideBar.foreground#E8E8E8
- sideBarSectionHeader.background#303055
- statusBar.background#303055
- statusBar.foreground#E8E8E8
- statusBar.noFolderBackground#303055
- tab.activeBackground#1A1A2E
- tab.activeBorderTop#5CA885
- tab.activeForeground#E8E8E8
- tab.border#303055
- tab.hoverBackground#353560
- tab.inactiveBackground#2A2A4A
- tab.inactiveForeground#9A9AB0
- terminal.ansiBlack#2D3436
- terminal.ansiBlue#60A5FA
- terminal.ansiBrightBlack#6B7280
- terminal.ansiBrightBlue#7DD3FC
- terminal.ansiBrightCyan#67E8F9
- terminal.ansiBrightGreen#A8D5BA
- terminal.ansiBrightMagenta#D8B4FE
- terminal.ansiBrightRed#FB923C
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFE4B5
- terminal.ansiCyan#22D3EE
- terminal.ansiGreen#81B29A
- terminal.ansiMagenta#C084FC
- terminal.ansiRed#F97316
- terminal.ansiWhite#E8E8E8
- terminal.ansiYellow#F2CC8F
- terminal.background#1A1A2E
- terminal.foreground#E8E8E8
- titleBar.activeBackground#303055
- titleBar.activeForeground#E8E8E8
- titleBar.inactiveBackground#252541
- titleBar.inactiveForeground#7A7A9A
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6B7280 | italic |
| keyword, storage.type, storage.modifier | #A78BFA | — |
| string, string.quoted, string.template | #818CF8 | — |
| constant.numeric, constant.language | #FBBF24 | — |
| entity.name.function, support.function | #7DD3FC | — |
| entity.name.type, support.type | #6EE7B7 | — |
| variable, identifier | #E8E8E8 | — |
| entity.name.class, support.class | #6EE7B7 | — |
| punctuation, meta.brace, meta.delimiter | #9CA3AF | — |
| operator, keyword.operator | #F472B6 | — |
| tag, entity.name.tag | #7DD3FC | — |
| attribute, entity.other.attribute-name | #FCD34D | — |
| invalid, error | #F97316 | — |
| markup.heading | #A78BFA | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.list | #F97316 | — |
| markup.link | #7DD3FC | underline |
| markup.quote | #6B7280 | italic |
| markup.raw | #6EE7B7 | — |
| storage.type.function, keyword.declaration.function | #A78BFA | — |
| parameter, variable.parameter | #FCD34D | — |
| property, variable.object.property | #A5B4FC | — |
| support.constant | #FCD34D | — |
| keyword.control.import, keyword.control.from, keyword.control.export | #A78BFA | — |
| entity.name.module, string.quoted.source | #6EE7B7 | — |
| keyword.control.conditional, keyword.control.loop | #A78BFA | — |
| keyword.control.return, keyword.control.yield | #A78BFA | — |
| keyword.control.exception | #F97316 | — |
| punctuation.definition.tag, punctuation.definition.string | #6B7280 | — |
| comment.block.documentation | #60A5FA | — |
| source.js, source.ts, source.tsx | #E8E8E8 | — |
| support.variable.property | #7DD3FC | — |
| meta.decorator | #6EE7B7 | italic |
| template.expression | #FCD34D | — |