Darklee Color Theme Set
Publisher: oQJamesQoThemes in package: 3
A set of Visual Studio Code themes that are on the dark side of the moon.
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#121405
- activityBar.background#24280B
- activityBar.foreground#ffffff
- activityBar.inactiveForeground#ffffff66
- activityBarBadge.background#121405
- activityBarBadge.foreground#ffffff
- badge.background#121405
- badge.foreground#ffffff
- banner.background#121405
- banner.foreground#ffffff
- banner.iconForeground#24280B
- breadcrumb.activeSelectionForeground#ffffff99
- breadcrumb.background#0c0c08
- breadcrumb.focusForeground#bfbfbb
- breadcrumb.foreground#bfbfbb66
- breadcrumbPicker.background#0c0c08
- button.background#24280B
- button.foreground#ffffff
- button.hoverBackground#24280B66
- button.secondaryForeground#ffffff
- debugConsole.infoForeground#BACC4B
- editor.background#040402
- editor.foreground#bfbfbb
- editor.selectionBackground#49511466
- editorGroupHeader.tabsBackground#2E330E
- editorInfo.foreground#BACC4B
- editorMarkerNavigationInfo.background#BACC4B
- editorMarkerNavigationInfo.headerBackground#2cbc4c33
- editorOverviewRuler.infoForeground#BACC4B
- editorSuggestWidget.selectedBackground#BACC4B
- extensionBadge.remoteBackground#082c0f
- extensionBadge.remoteForeground#bfbfbb
- extensionButton.prominentBackground#082c0f
- extensionButton.prominentForeground#bfbfbb
- extensionIcon.verifiedForeground#BACC4B
- focusBorder#2E330E99
- input.background#2E330E
- input.foreground#ffffff
- interactive.activeCodeBorder#bfbfbb66
- list.activeSelectionBackground#2E330E
- list.inactiveSelectionBackground#2E330E
- menu.background#2E330E
- menu.foreground#ffffff
- menu.selectionBackground#121405
- notificationLink.foreground#BACC4B
- notificationsInfoIcon.foreground#BACC4B
- panel.background#060604
- peekView.border#2E330Ebb
- peekViewEditor.background#0c0c08
- peekViewEditor.matchHighlightBackground#2cbc4c33
- peekViewEditorGutter.background#0c0c0899
- peekViewResult.background#060604
- peekViewResult.matchHighlightBackground#2cbc4c33
- peekViewResult.selectionBackground#082c0f66
- peekViewTitle.background#2cbc4c33
- pickerGroup.foreground#BACC4B
- problemsInfoIcon.foreground#BACC4B
- quickInputList.focusBackground#2E330E
- scrollbarSlider.activeBackground#2E330E
- scrollbarSlider.background#2E330E66
- scrollbarSlider.hoverBackground#2E330Ebb
- settings.checkboxBackground#2E330E99
- settings.checkboxBorder#2E330E
- settings.dropdownBackground#2E330E
- settings.focusedRowBackground#2E330E33
- settings.numberInputBackground#2E330E
- settings.rowHoverBackground#2E330E66
- settings.textInputBackground#2E330E
- sideBar.background#060604
- sideBarSectionHeader.background#2E330E33
- statusBar.background#40471A
- statusBar.debuggingBackground#1f2c0f
- statusBarItem.remoteBackground#2E330E
- tab.activeBackground#24280B
- tab.border#0c0c0a
- tab.inactiveBackground#2E330E
- textLink.activeForeground#BACC4B
- textLink.foreground#BACC4Bcc
- titleBar.activeBackground#40471A
- titleBar.inactiveBackground#121405
- welcomePage.progress.foreground#BACC4B
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #4c8 | italic |
| keyword.control.directive.include, keyword.preprocessor, keyword.other.using, keyword.control.import, keyword.control.from | #adc | — |
| constant, support.constant, support.type.builtin | #8ac | — |
| keyword, keyword.other.this, keyword.control | #4bb | — |
| entity.name.type | #8ab | — |
| storage.type, entity.other.inherited-class | #4bb | — |
| support.type.primitive | #9ba | — |
| storage.modifier | #6a4 | — |
| entity.name.function, support.function | #9cc | — |
| string | #789 | — |
| meta.block, variable, variable.language | #808280 | — |
| support.type.object, variable.other.object | #b0bbb7 | — |
| entity.name, entity.name.variable, entity.other.attribute-name, meta.object-literal, support.type.property-name, variable.other.property, variable.other.object.property | #9aa | — |
| variable.language.this, entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #4ab | — |
| punctuation, keyword.operator | #789 | — |