Warner Digital Themes

Color themes

• 

  Warner Digital

• 

  Warner Digital - Demo Dark

• 

  Warner Digital - Demo Light

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#4f2683
• activityBar.foreground#f99500
• activityBarBadge.background#f99500
• activityBarBadge.foreground#4f2683
• badge.background#f99500
• badge.foreground#4f2683
• button.background#4f2683
• button.foreground#f99500
• button.hoverBackground#6b35a8
• checkbox.background#4f2683
• checkbox.border#f99500
• checkbox.foreground#f99500
• dropdown.background#4f2683
• dropdown.border#f99500
• dropdown.foreground#f99500
• editor.background#1e1e1e
• editor.findMatchBackground#f9950055
• editor.findMatchHighlightBackground#f9950033
• editor.foreground#d4d4d4
• editor.inactiveSelectionBackground#f9950022
• editor.lineHighlightBackground#2d2050
• editor.lineHighlightBorder#6b35a8aa
• editor.selectionBackground#f9950055
• editor.wordHighlightBackground#f9950077
• editor.wordHighlightStrongBackground#f9950050
• editorBracketMatch.background#f9950033
• editorBracketMatch.border#f99500
• editorCursor.foreground#f99500
• editorGroupHeader.tabsBackground#252525
• editorHoverWidget.background#252525
• editorHoverWidget.border#4f2683
• editorHoverWidget.foreground#d4d4d4
• editorIndentGuide.activeBackground#4f2683
• editorIndentGuide.background#3a3a3a
• editorLineNumber.activeForeground#a47bd8
• editorLineNumber.foreground#555555
• editorSuggestWidget.background#252525
• editorSuggestWidget.border#4f2683
• editorSuggestWidget.focusHighlightForeground#4f2683
• editorSuggestWidget.foreground#d4d4d4
• editorSuggestWidget.highlightForeground#f99500
• editorSuggestWidget.selectedBackground#f99500
• editorSuggestWidget.selectedForeground#1a1a1a
• extensionButton.prominentBackground#4f2683
• extensionButton.prominentForeground#f99500
• extensionButton.prominentHoverBackground#6b35a8
• focusBorder#f99500
• input.background#4f2683
• input.border#f99500
• input.foreground#f99500
• input.placeholderForeground#f99500aa
• list.activeSelectionBackground#f99500
• list.activeSelectionForeground#1a1a1a
• list.focusBackground#4f268377
• list.hoverBackground#4f2683c0
• menu.background#252525
• menu.foreground#d4d4d4
• menu.selectionBackground#4f2683
• menu.selectionForeground#f99500
• menu.separatorBackground#4f2683
• menubar.selectionBackground#4f2683
• menubar.selectionForeground#f99500
• notificationLink.foreground#f99500
• notifications.background#252525
• notifications.border#4f2683
• notifications.foreground#d4d4d4
• panel.background#252525
• panel.border#4f2683
• panelTitle.activeBorder#a47bd8
• panelTitle.activeForeground#f99500
• panelTitle.inactiveForeground#a47bd8
• pickerGroup.border#4f2683
• pickerGroup.foreground#f99500
• progressBar.background#f99500
• quickInput.background#252525
• quickInput.foreground#d4d4d4
• scrollbarSlider.activeBackground#f9950099
• scrollbarSlider.background#4f268399
• scrollbarSlider.hoverBackground#4f2683bb
• selection.background#a47bd8c0
• sideBar.background#1e1e1e
• sideBar.border#4f2683
• sideBar.foreground#d4d4d4
• sideBarSectionHeader.background#4f2683
• sideBarSectionHeader.foreground#f99500
• statusBar.background#4f2683
• statusBar.debuggingBackground#4f2683
• statusBar.debuggingForeground#f99500
• statusBar.foreground#f99500
• statusBar.noFolderBackground#4f2683
• statusBar.noFolderForeground#f99500
• tab.activeBackground#1e1e1e
• tab.activeBorder#4f2683
• tab.activeForeground#f99500
• tab.inactiveBackground#252525
• tab.inactiveForeground#a47bd8
• terminal.background#252525
• terminal.foreground#a47bd8
• terminalCursor.foreground#f99500
• titleBar.activeBackground#4f2683
• titleBar.activeForeground#f99500
• titleBar.inactiveBackground#3d1e65
• titleBar.inactiveForeground#a47bd8

tokenColors

TextMate scopes and font styles (syntax highlighting rules).