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#EAE9E4
- activityBar.foreground#2D3748
- activityBar.inactiveForeground#718096
- activityBarBadge.background#7BC8A4
- activityBarBadge.foreground#FFFFFF
- badge.background#7BC8A4
- badge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#2D3436
- breadcrumb.background#FAF9F6
- breadcrumb.foreground#9CA3AF
- button.background#7EB5D6
- button.foreground#FFFFFF
- button.hoverBackground#6BA3C5
- dropdown.background#FFFFFF
- dropdown.border#D0D0D0
- dropdown.foreground#2D3436
- editor.background#FAF9F6
- editor.findMatchBackground#FFE4B5
- editor.findMatchHighlightBackground#FFF8DC
- editor.foreground#1A1A2E
- editor.lineHighlightBackground#F0EFEA
- editor.selectionBackground#D4E6F1
- editor.selectionHighlightBackground#E8D5E0
- editorBracketMatch.background#B8E0D2
- editorBracketMatch.border#7BC8A4
- editorGroup.border#E0DFDA
- editorGroup.dropBackground#D4E6F150
- editorGutter.addedBackground#A8D5BA
- editorGutter.background#FAF9F6
- editorGutter.deletedBackground#FFB5B5
- editorGutter.modifiedBackground#FFE4B5
- editorHoverWidget.background#F5F4F0
- editorHoverWidget.border#D0D0D0
- editorLineNumber.activeForeground#4A5568
- editorLineNumber.foreground#7D8597
- editorOverviewRuler.currentContentForeground#A8D5BA
- editorOverviewRuler.incomingContentForeground#A8D8EA
- editorSuggestWidget.background#FAF9F6
- editorSuggestWidget.border#D0D0D0
- editorSuggestWidget.highlightForeground#7EB5D6
- editorSuggestWidget.selectedBackground#D4E6F1
- extensionButton.prominentBackground#7BC8A4
- extensionButton.prominentForeground#FFFFFF
- extensionButton.prominentHoverBackground#6AB894
- gitDecoration.addedResourceForeground#81B29A
- gitDecoration.deletedResourceForeground#F97316
- gitDecoration.ignoredResourceForeground#9CA3AF
- gitDecoration.modifiedResourceForeground#E09F3E
- gitDecoration.untrackedResourceForeground#7EB5D6
- input.background#FFFFFF
- input.border#D0D0D0
- input.foreground#2D3436
- input.placeholderForeground#9CA3AF
- inputOption.activeBorder#7EB5D6
- list.activeSelectionBackground#D4E6F1
- list.activeSelectionForeground#2D3436
- list.highlightForeground#7EB5D6
- list.hoverBackground#F0EFEA
- list.inactiveSelectionBackground#E8E8E4
- menu.background#FAF9F6
- menu.foreground#2D3436
- menu.selectionBackground#D4E6F1
- menu.selectionForeground#2D3436
- merge.currentHeaderBackground#A8D5BA60
- merge.incomingHeaderBackground#A8D8EA60
- notificationCenter.border#E0DFDA
- notificationCenterHeader.background#E8E8E4
- notifications.background#FAF9F6
- notifications.border#E0DFDA
- notifications.foreground#2D3436
- notificationToast.border#E0DFDA
- panel.background#F5F4F0
- panel.border#E0DFDA
- peekView.border#7EB5D6
- peekViewEditor.background#F5F4F0
- peekViewEditor.matchHighlightBackground#FFE4B5
- peekViewResult.background#F5F4F0
- peekViewResult.matchHighlightBackground#FFE4B5
- peekViewTitle.background#E8E8E4
- quickInput.background#FAF9F6
- quickInput.foreground#2D3436
- scrollbar.shadow#00000010
- scrollbarSlider.activeBackground#90909080
- scrollbarSlider.background#D0D0D040
- scrollbarSlider.hoverBackground#B0B0B060
- sideBar.background#F5F4F0
- sideBar.foreground#2D3748
- sideBarSectionHeader.background#E8E8E4
- statusBar.background#E5E5E0
- statusBar.foreground#2D3748
- statusBar.noFolderBackground#E5E5E0
- tab.activeBackground#FAF9F6
- tab.activeBorderTop#7BC8A4
- tab.activeForeground#2D3436
- tab.border#E0DFDA
- tab.inactiveBackground#E8E8E4
- tab.inactiveForeground#5A6578
- terminal.ansiBlack#2D3436
- terminal.ansiBlue#2563EB
- terminal.ansiBrightBlack#636e72
- terminal.ansiBrightBlue#3B82F6
- terminal.ansiBrightCyan#06B6D4
- terminal.ansiBrightGreen#A8D5BA
- terminal.ansiBrightMagenta#A855F7
- terminal.ansiBrightRed#FB923C
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFE4B5
- terminal.ansiCyan#0891B2
- terminal.ansiGreen#81B29A
- terminal.ansiMagenta#9333EA
- terminal.ansiRed#F97316
- terminal.ansiWhite#F5F4F0
- terminal.ansiYellow#F2CC8F
- terminal.background#FAF9F6
- terminal.foreground#2D3436
- titleBar.activeBackground#E5E5E0
- titleBar.activeForeground#4A4A4A
- titleBar.inactiveBackground#F0EFEA
- titleBar.inactiveForeground#9CA3AF
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6B7280 | italic |
| keyword, storage.type, storage.modifier | #7C3AED | — |
| string, string.quoted, string.template | #4338CA | — |
| constant.numeric, constant.language | #D97706 | — |
| entity.name.function, support.function | #0369A1 | — |
| entity.name.type, support.type | #059669 | — |
| variable, identifier | #2D3436 | — |
| entity.name.class, support.class | #81B29A | — |
| punctuation, meta.brace, meta.delimiter | #4B5563 | — |
| operator, keyword.operator | #BE185D | — |
| tag, entity.name.tag | #7EB5D6 | — |
| attribute, entity.other.attribute-name | #B45309 | — |
| invalid, error | #E07A5F | — |
| markup.heading | #9B7EDE | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.list | #E07A5F | — |
| markup.link | #7EB5D6 | underline |
| markup.quote | #A0A0A0 | italic |
| markup.raw | #81B29A | — |
| storage.type.function, keyword.declaration.function | #9B7EDE | — |
| parameter, variable.parameter | #D97706 | — |
| property, variable.object.property | #4338CA | — |
| support.constant | #E09F3E | — |
| keyword.control.import, keyword.control.from, keyword.control.export | #9B7EDE | — |
| entity.name.module, string.quoted.source | #81B29A | — |
| keyword.control.conditional, keyword.control.loop | #9B7EDE | — |
| keyword.control.return, keyword.control.yield | #9B7EDE | — |
| keyword.control.exception | #E07A5F | — |
| punctuation.definition.tag, punctuation.definition.string | #A0A0A0 | — |
| comment.block.documentation | #7EB5D6 | — |
| source.js, source.ts, source.tsx | #2D3436 | — |
| support.variable.property | #7EB5D6 | — |
| meta.decorator | #81B29A | italic |
| template.expression | #E09F3E | — |