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#0F0F0F
- activityBar.foreground#E8E8E8
- activityBar.inactiveForeground#666666
- activityBarBadge.background#5CA885
- activityBarBadge.foreground#141414
- badge.background#5CA885
- badge.foreground#141414
- breadcrumb.activeSelectionForeground#E8E8E8
- breadcrumb.background#141414
- breadcrumb.foreground#666666
- button.background#5CA885
- button.foreground#141414
- button.hoverBackground#7DD3A8
- dropdown.background#222222
- dropdown.border#333333
- dropdown.foreground#E8E8E8
- editor.background#141414
- editor.findMatchBackground#3D3D3D
- editor.findMatchHighlightBackground#2F2F2F
- editor.foreground#E8E8E8
- editor.lineHighlightBackground#1E1E1E
- editor.selectionBackground#2A2A2A
- editor.selectionHighlightBackground#2D2D2D
- editorBracketMatch.background#2A2A2A
- editorBracketMatch.border#5CA885
- editorGroup.border#2A2A2A
- editorGroup.dropBackground#2A2A2A50
- editorGroupHeader.tabsBackground#181818
- editorGroupHeader.tabsBorder#2A2A2A
- editorGutter.addedBackground#5CA885
- editorGutter.background#141414
- editorGutter.deletedBackground#F97316
- editorGutter.modifiedBackground#F2CC8F
- editorHoverWidget.background#1A1A1A
- editorHoverWidget.border#333333
- editorLineNumber.activeForeground#808080
- editorLineNumber.foreground#505050
- editorOverviewRuler.currentContentForeground#5CA885
- editorOverviewRuler.incomingContentForeground#60A5FA
- editorSuggestWidget.background#1A1A1A
- editorSuggestWidget.border#333333
- editorSuggestWidget.highlightForeground#5CA885
- editorSuggestWidget.selectedBackground#2A2A2A
- extensionButton.prominentBackground#5CA885
- extensionButton.prominentForeground#141414
- extensionButton.prominentHoverBackground#7DD3A8
- gitDecoration.addedResourceForeground#81B29A
- gitDecoration.deletedResourceForeground#F97316
- gitDecoration.ignoredResourceForeground#666666
- gitDecoration.modifiedResourceForeground#F2CC8F
- gitDecoration.untrackedResourceForeground#60A5FA
- input.background#222222
- input.border#333333
- input.foreground#E8E8E8
- input.placeholderForeground#666666
- inputOption.activeBorder#5CA885
- list.activeSelectionBackground#2A2A2A
- list.activeSelectionForeground#E8E8E8
- list.highlightForeground#5CA885
- list.hoverBackground#252525
- list.inactiveSelectionBackground#222222
- menu.background#1A1A1A
- menu.foreground#E8E8E8
- menu.selectionBackground#2A2A2A
- menu.selectionForeground#E8E8E8
- merge.currentHeaderBackground#5CA88540
- merge.incomingHeaderBackground#60A5FA40
- notificationCenter.border#2A2A2A
- notificationCenterHeader.background#222222
- notifications.background#1A1A1A
- notifications.border#2A2A2A
- notifications.foreground#E8E8E8
- notificationToast.border#2A2A2A
- panel.background#1A1A1A
- panel.border#2A2A2A
- peekView.border#5CA885
- peekViewEditor.background#1A1A1A
- peekViewEditor.matchHighlightBackground#3D3D3D
- peekViewResult.background#1A1A1A
- peekViewResult.matchHighlightBackground#3D3D3D
- peekViewTitle.background#222222
- quickInput.background#1A1A1A
- quickInput.foreground#E8E8E8
- scrollbar.shadow#00000040
- scrollbarSlider.activeBackground#606060C0
- scrollbarSlider.background#40404080
- scrollbarSlider.hoverBackground#505050A0
- sideBar.background#1A1A1A
- sideBar.foreground#E8E8E8
- sideBarSectionHeader.background#222222
- statusBar.background#222222
- statusBar.foreground#E8E8E8
- statusBar.noFolderBackground#222222
- tab.activeBackground#141414
- tab.activeBorderTop#5CA885
- tab.activeForeground#E8E8E8
- tab.border#2A2A2A
- tab.hoverBackground#252525
- tab.inactiveBackground#1E1E1E
- tab.inactiveForeground#888888
- terminal.ansiBlack#2D2D2D
- 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#141414
- terminal.foreground#E8E8E8
- titleBar.activeBackground#222222
- titleBar.activeForeground#E8E8E8
- titleBar.inactiveBackground#1A1A1A
- titleBar.inactiveForeground#666666
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 | — |