SoftDark
Publisher: Jove JonovskiThemes in package: 1
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.activeBackground#141b1d
- activityBar.activeBorder#429b97
- activityBar.activeFocusBorder#429b97
- activityBar.background#161e20
- activityBar.border#1b2427
- activityBar.dropBorder#429b97
- activityBar.foreground#429b97
- activityBar.inactiveForeground#7d8d91
- activityBarBadge.background#3c7976
- activityBarBadge.foreground#fff
- badge.background#3c7976
- badge.foreground#fff
- breadcrumb.background#161e20
- breadcrumb.focusForeground#4f9b97
- button.background#2d5f5d
- button.foreground#d3e0e0
- button.secondaryBackground#1e2e2d
- button.secondaryForeground#d3e0e0
- checkbox.background#141a1d
- checkbox.border#1b2427
- checkbox.foreground#95a8b1
- contrastBorder#00000000
- debugIcon.breakpointDisabledForeground#494040
- debugIcon.breakpointForeground#b15858
- debugToolBar.background#192325
- debugToolBar.border#1e2b2e
- descriptionForeground#586669
- diffEditor.border#1b2427
- diffEditor.diagonalFill#1b2427
- diffEditor.insertedLineBackground#3d6b4810
- diffEditor.insertedTextBackground#215f3057
- diffEditor.removedLineBackground#5a3c3c19
- diffEditor.removedTextBackground#612e2e9a
- diffEditorGutter.insertedLineBackground#3d6b4810
- diffEditorGutter.removedLineBackground#5a3c3c19
- disabledForeground#476064
- dropdown.background#141a1d
- dropdown.border#1b2427
- dropdown.foreground#95a8b1
- dropdown.listBackground#141a1d
- editor.background#161e20
- editor.findMatchBackground#4374778c
- editor.findMatchBorder#437477
- editor.findMatchHighlightBackground#375a5c8c
- editor.findMatchHighlightBorder#375a5c
- editor.foreground#8d9fa3
- editor.lineHighlightBackground#1b2729cb
- editor.selectionBackground#243438b9
- editor.selectionHighlightBackground#273338
- editor.selectionHighlightBorder#00000000
- editor.snippetTabstopHighlightBackground#273338
- editor.wordHighlightBackground#26363ab9
- editor.wordHighlightBorder#2e464d
- editor.wordHighlightStrongBackground#2b545eb9
- editor.wordHighlightStrongBorder#306b7a
- editorBracketHighlight.foreground1#739145
- editorBracketHighlight.foreground2#9e5184
- editorBracketHighlight.foreground3#6677c0
- editorBracketHighlight.foreground4#49af6b
- editorBracketHighlight.foreground5#c5683d
- editorBracketHighlight.foreground6#3c968e
- editorBracketMatch.background#375a5c5d
- editorBracketMatch.border#2e464d
- editorBracketPairGuide.activeBackground1#739145
- editorBracketPairGuide.activeBackground2#9e5184
- editorBracketPairGuide.activeBackground3#6677c0
- editorBracketPairGuide.activeBackground4#49af6b
- editorBracketPairGuide.activeBackground5#c5683d
- editorBracketPairGuide.activeBackground6#3c968e
- editorCursor.foreground#598d9b
- editorError.foreground#be4b4b
- editorGroup.border#1b2427
- editorGroup.dropBackground#2a323662
- editorGroup.dropIntoPromptBackground#1c2225
- editorGroup.dropIntoPromptBorder#262e33
- editorGroupHeader.noTabsBackground#161e20
- editorGroupHeader.tabsBackground#161e20
- editorGroupHeader.tabsBorder#00000000
- editorGutter.addedBackground#678654
- editorGutter.background#00000000
- editorGutter.deletedBackground#ac4949
- editorGutter.modifiedBackground#4785be
- editorHoverWidget.background#192325
- editorHoverWidget.border#1e2b2e
- editorHoverWidget.statusBarBackground#181e20
- editorInfo.foreground#35809e
- editorLineNumber.activeForeground#598d9b
- editorLineNumber.foreground#2f454b
- editorMarkerNavigation.background#171b1d
- editorMarkerNavigationError.background#632525
- editorMarkerNavigationError.headerBackground#632525
- editorMarkerNavigationInfo.background#2b4b58
- editorMarkerNavigationInfo.headerBackground#2b4b58
- editorMarkerNavigationWarning.background#584c2b
- editorMarkerNavigationWarning.headerBackground#584c2b
- editorSuggestWidget.focusHighlightForeground#45d4e7
- editorSuggestWidget.highlightForeground#85c4cc
- editorWarning.foreground#b99c52
- editorWhitespace.foreground#1d292c
- editorWidget.background#192325
- editorWidget.border#1e2b2e
- editorWidget.foreground#7d8d91
- editorWidget.resizeBorder#1f2a2e
- focusBorder#406866
- foreground#7d8d91
- gitDecoration.addedResourceForeground#7E935A
- gitDecoration.deletedResourceForeground#935a5a
- gitDecoration.ignoredResourceForeground#475e64
- gitDecoration.modifiedResourceForeground#b9b782
- gitDecoration.untrackedResourceForeground#5da892
- icon.foreground#6e7d85
- input.background#141a1d
- input.border#1b2427
- input.foreground#95a8b1
- input.placeholderForeground#65828f
- inputOption.hoverBackground#27373f
- keybindingLabel.background#324d4b
- keybindingLabel.border#00000000
- keybindingLabel.bottomBorder#00000000
- keybindingLabel.foreground#a1cac7
- keybindingTable.headerBackground#1c282b
- keybindingTable.rowsBackground#192325
- list.activeSelectionBackground#1f2a2e
- list.activeSelectionForeground#99bfc4
- list.activeSelectionIconForeground#99bfc4
- list.dropBackground#21292b
- list.errorForeground#cc5b5b
- list.filterMatchBackground#2b4948
- list.filterMatchBorder#429b97
- list.hoverBackground#1f2a2e
- list.inactiveSelectionBackground#1f2a2e
- list.warningForeground#caad5e
- listFilterWidget.background#1c262b
- listFilterWidget.noMatchesOutline#233036
- listFilterWidget.outline#429b97
- menu.background#192325
- menu.border#1e2b2e
- menu.foreground#7d8d91
- menu.selectionBackground#202c30
- menu.selectionBorder#212f33
- menu.selectionForeground#6bb2bb
- menu.separatorBackground#1f2a2e
- menubar.selectionBackground#1c2629
- menubar.selectionBorder#212f33
- minimap.background#161e20
- minimap.errorHighlight#be4b4b
- minimap.selectionHighlight#3d4950
- minimap.warningHighlight#b99c52
- notificationCenter.border#1b2427
- notificationCenterHeader.background#1a2427
- notifications.background#161e20
- notifications.border#1b2427
- notificationsErrorIcon.foreground#cc5b5b
- notificationsInfoIcon.foreground#429b9b
- notificationsWarningIcon.foreground#caad5e
- panel.border#1b2427
- panelTitle.activeBorder#429b97
- panelTitle.activeForeground#429b97
- panelTitle.inactiveForeground#838c91
- peekView.border#2b4b58
- peekViewEditor.background#131b1d
- peekViewEditor.matchHighlightBackground#1c282bb9
- peekViewResult.background#131b1d
- peekViewResult.matchHighlightBackground#4374778c
- peekViewTitle.background#2b4b58
- pickerGroup.foreground#99bfc4
- progressBar.background#429b97
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#294146
- scrollbarSlider.background#1f2d30
- scrollbarSlider.hoverBackground#23363a
- selection.background#429b9769
- settings.headerForeground#99bfc4
- sideBar.background#141b1d
- sideBar.border#1b2427
- sideBar.foreground#677a80
- sideBarSectionHeader.background#00000000
- sideBarSectionHeader.border#1b2427
- sideBarSectionHeader.foreground#8e999e
- statusBar.background#161e20
- statusBar.border#1b2427
- statusBar.debuggingBackground#462b46
- statusBar.debuggingBorder#553355
- statusBar.debuggingForeground#bcc8ce
- statusBar.focusBorder#1b2427
- statusBar.foreground#838c91
- statusBar.noFolderBackground#161e20
- statusBarItem.hoverBackground#1c2629
- symbolIcon.interfaceForeground#3bb99e
- symbolIcon.methodForeground#a67db1
- symbolIcon.variableForeground#8babb8
- tab.activeBorder#429b97
- tab.activeBorderTop#429b97
- tab.border#00000000
- tab.hoverBorder#429b97
- tab.inactiveBackground#161e20
- terminal.ansiBlack#000000
- terminal.ansiBlue#6da6e7
- terminal.ansiBrightBlack#666666
- terminal.ansiBrightBlue#89baf1
- terminal.ansiBrightCyan#7de0e0
- terminal.ansiBrightGreen#86cc86
- terminal.ansiBrightMagenta#e49fe4
- terminal.ansiBrightRed#db9696
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#beac7a
- terminal.ansiCyan#20e2e2
- terminal.ansiGreen#5ea55e
- terminal.ansiMagenta#b972b9
- terminal.ansiRed#d15f5f
- terminal.ansiWhite#efefef
- terminal.ansiYellow#bba466
- terminal.background#12181a
- terminal.border#1d2224
- terminal.foreground#838c91
- terminal.selectionBackground#293236
- terminal.tab.activeBorder#429b97
- textLink.activeForeground#6bd6d1
- textLink.foreground#4f9b97
- titleBar.activeBackground#161e20
- titleBar.activeForeground#7d8d91
- titleBar.border#1b2427
- titleBar.inactiveBackground#161e20
- tree.indentGuidesStroke#293c41
- tree.tableColumnsBorder#293c41
- welcomePage.tileBackground#1d2b2e
- welcomePage.tileHoverBackground#273c41
- widget.shadow#0000007a
- window.activeBorder#1b2427
- window.inactiveBorder#1b2427
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #425d63 | — |
| variable, entity.name.type.enum, storage.modifier.import, entity.name.function.preprocessor | #8d9fa3 | — |
| meta.attribute, variable.other.property, variable.other.object.property, variable.other.enummember, constant.other.caps, entity.other.attribute, support.type.vendored.property-name, support.type.property-name, support.variable.property, entity.name.tag.yaml | #789ca7 | — |
| variable.parameter.function.language.special.self, variable.parameter.function.language.special.this, variable.language.special.self, variable.language.special.this, variable.language.self, variable.language.this | #637c80 | — |
| meta.brace, punctuation, storage.type.function.arrow, keyword.operator.class | #3e565c | — |
| string, meta.require.xml.toc | #78a05e | — |
| keyword, entity.name.tag, support.type.object.module.js | #9a6ba8 | — |
| meta.property-value, constant, support.constant, keyword.other.unit | #30a789 | — |
| storage, storage.type.function, storage.type.class, storage.type.modifier, storage.type.js, storage.type.ts, storage.type.tsx, keyword.control.new, keyword.operator.new, keyword.command, keyword.local.lua | #5c94c2 | — |
| meta.function-call.generic, entity.name.function, support.function | #9b8962 | — |
| support, entity.name.type.class, entity.name.type.namespace, entity.name.scope-resolution, entity.other.alias, entity.other.inherited-class, keyword.other.class | #a4a550 | — |
| storage.type, support.type, keyword.type, entity.name.type, keyword.other.type | #37a1b4 | — |
| keyword.other.special-method.batchfile, entity.other.attribute-name, punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #9b7174 | — |
| entity.other.attribute-name.class | #bb6c8a | — |
| entity.other.attribute-name.id | #ca6a70 | — |
| support.class.component | #b9659d | — |
| markup.underline.link | #4f9b97 | — |