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#082c0f
- activityBar.background#040402
- activityBar.foreground#bfbfbb
- activityBar.inactiveForeground#bfbfbb66
- activityBarBadge.background#082c0f
- activityBarBadge.foreground#bfbfbb
- badge.background#082c0f
- badge.foreground#bfbfbb
- banner.background#082c0f
- banner.foreground#bfbfbb
- banner.iconForeground#2cbc4c
- breadcrumb.activeSelectionForeground#bfbfbb99
- breadcrumb.background#0c0c08
- breadcrumb.focusForeground#bfbfbb
- breadcrumb.foreground#bfbfbb66
- breadcrumbPicker.background#0c0c08
- button.background#082c0f
- button.foreground#bfbfbb
- button.hoverBackground#082c0f66
- button.secondaryForeground#bfbfbb
- debugConsole.infoForeground#2cbc4c
- editor.background#040402
- editor.foreground#bfbfbb
- editor.selectionBackground#2cbc4c66
- editorGroupHeader.tabsBackground#040402
- editorInfo.foreground#2cbc4c
- editorMarkerNavigationInfo.background#2cbc4c
- editorMarkerNavigationInfo.headerBackground#2cbc4c33
- editorOverviewRuler.infoForeground#2cbc4c
- editorSuggestWidget.selectedBackground#082c0f
- extensionBadge.remoteBackground#082c0f
- extensionBadge.remoteForeground#bfbfbb
- extensionButton.prominentBackground#082c0f
- extensionButton.prominentForeground#bfbfbb
- extensionIcon.verifiedForeground#2cbc4c
- focusBorder#2cbc4c99
- input.background#040402
- input.foreground#bfbfbb
- interactive.activeCodeBorder#bfbfbb66
- list.activeSelectionBackground#082c0f
- list.inactiveSelectionBackground#082c0f
- menu.background#040402
- menu.foreground#bfbfbb
- menu.selectionBackground#082c0f
- notificationLink.foreground#2cbc4c
- notificationsInfoIcon.foreground#2cbc4c
- panel.background#060604
- peekView.border#082c0fbb
- peekViewEditor.background#0c0c08
- peekViewEditor.matchHighlightBackground#2cbc4c33
- peekViewEditorGutter.background#0c0c0899
- peekViewResult.background#060604
- peekViewResult.matchHighlightBackground#2cbc4c33
- peekViewResult.selectionBackground#082c0f66
- peekViewTitle.background#2cbc4c33
- pickerGroup.foreground#2cbc4c
- problemsInfoIcon.foreground#2cbc4c
- quickInputList.focusBackground#082c0f
- scrollbarSlider.activeBackground#082c0f
- scrollbarSlider.background#082c0f66
- scrollbarSlider.hoverBackground#082c0fbb
- settings.checkboxBackground#082c0f99
- settings.checkboxBorder#082c0f
- settings.dropdownBackground#082c0f
- settings.focusedRowBackground#082c0f33
- settings.numberInputBackground#082c0f
- settings.rowHoverBackground#082c0f66
- settings.textInputBackground#082c0f
- sideBar.background#060604
- sideBarSectionHeader.background#2c7c3c33
- statusBar.background#082c0f
- statusBar.debuggingBackground#1f2c0f
- statusBarItem.remoteBackground#084c1f
- tab.activeBackground#040402
- tab.border#0c0c0a
- tab.inactiveBackground#060604
- textLink.activeForeground#2cbc4c
- textLink.foreground#2cbc4ccc
- titleBar.activeBackground#080806
- titleBar.inactiveBackground#040402
- welcomePage.progress.foreground#2cbc4c
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 | — |