Warm up - Medium Dark Theme with clear colors

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#b86200
• activityBar.background#3a0000
• activityBar.foreground#cfcfcf
• activityBarBadge.background#ecba16
• activityBarBadge.foreground#000000
• badge.background#535353
• badge.foreground#e4e4e4
• button.background#692302
• button.foreground#ffffff
• debugConsole.errorForeground#f48771
• debugConsole.infoForeground#75beff
• debugConsole.sourceForeground#cad9e3
• debugConsole.warningForeground#cca700
• debugConsoleInputIcon.foreground#cad9e3
• debugExceptionWidget.background#420b0d
• debugExceptionWidget.border#a31515
• debugIcon.breakpointCurrentStackframeForeground#ffcc00
• debugIcon.breakpointDisabledForeground#848484
• debugIcon.breakpointForeground#e51400
• debugIcon.breakpointStackframeForeground#89d185
• debugIcon.breakpointUnverifiedForeground#848484
• debugIcon.continueForeground#75beff
• debugIcon.disconnectForeground#f48771
• debugIcon.pauseForeground#75beff
• debugIcon.restartForeground#89d185
• debugIcon.startForeground#89d185
• debugIcon.stepBackForeground#75beff
• debugIcon.stepIntoForeground#75beff
• debugIcon.stepOutForeground#75beff
• debugIcon.stepOverForeground#75beff
• debugIcon.stopForeground#f48771
• debugTokenExpression.boolean#4e94ce
• debugTokenExpression.error#f48771
• debugTokenExpression.name#c586c0
• debugTokenExpression.number#b5cea8
• debugTokenExpression.string#ce9178
• debugTokenExpression.value#cccccc99
• debugToolBar.background#333333
• debugView.exceptionLabelBackground#6c2022
• debugView.exceptionLabelForeground#cad9e3
• debugView.stateLabelBackground#88888844
• debugView.stateLabelForeground#cad9e3
• debugView.valueChangedHighlight#569cd6
• descriptionForeground#cad9e3b3
• diffEditor.insertedTextBackground#9bb95533
• diffEditor.removedTextBackground#ff000033
• dropdown.background#000000
• dropdown.border#282c2e
• dropdown.foreground#cad9e3
• editor.background#2e2e2e
• editor.findMatchBackground#515c6a
• editor.foreground#cad9e3
• editor.hoverHighlightBackground#8a010865
• editor.inactiveSelectionBackground#fffdfd62
• editor.lineHighlightBackground#ffa6001e
• editor.lineHighlightBorder#282828
• editor.linkedEditingBackground#ff00004d
• editor.selectionBackground#ffae005b
• editor.selectionHighlightBackground#b01c2433
• editor.snippetFinalTabstopHighlightBorder#525252
• editor.snippetTabstopHighlightBackground#7c7c7c4d
• editor.stackFrameHighlightBackground#ffff0033
• editor.symbolHighlightBackground#ea5c0055
• editor.wordHighlightBackground#76834685
• editorBracketMatch.border#ffffff
• editorGroup.dropBackground#53595d80
• editorGroupHeader.border#f3a908
• editorGroupHeader.tabsBackground#000000
• editorGutter.addedBackground#4ada1e
• editorGutter.background#000000
• editorGutter.deletedBackground#ff002f
• editorGutter.modifiedBackground#eeff02
• editorIndentGuide.activeBackground#ffffff
• editorIndentGuide.background#d16262
• editorLineNumber.activeForeground#ffffff
• editorLineNumber.foreground#5f5f5f
• editorSuggestWidget.highlightForeground#de333c
• editorSuggestWidget.selectedBackground#362f2f
• editorWidget.background#442201
• editorWidget.border#000000
• extensionButton.prominentBackground#68381c
• extensionButton.prominentForeground#ffffff
• focusBorder#de333c
• foreground#d48151
• gitDecoration.conflictingResourceForeground#9d37fc
• gitDecoration.deletedResourceForeground#e61f44
• gitDecoration.ignoredResourceForeground#757f84
• gitDecoration.modifiedResourceForeground#f7b83d
• gitDecoration.untrackedResourceForeground#ffffff
• input.border#f3a908
• input.foreground#cad9e3
• input.placeholderForeground#a0a0a0
• inputOption.activeBorder#686868
• list.activeSelectionBackground#3d2500
• list.dropBackground#4617177c
• list.focusBackground#51585c
• list.hoverBackground#2e1101
• panel.background#2e2e2e
• panel.border#f3a908
• panelSection.border#5d6569
• panelSection.dropBackground#53595d80
• panelTitle.activeBorder#de333c
• panelTitle.inactiveForeground#828c91
• peekView.border#de333c
• peekViewEditor.background#232728
• peekViewEditor.matchHighlightBackground#bb240955
• peekViewEditorGutter.background#202020
• peekViewResult.background#303131
• peekViewTitle.background#282c2e
• peekViewTitleDescription.foreground#c0d2de
• pickerGroup.border#3f3f46
• problemsErrorIcon.foreground#f48771
• problemsInfoIcon.foreground#75beff
• problemsWarningIcon.foreground#cca700
• progressBar.background#ffffff
• scrollbar.shadow#5f5f5f
• sideBar.background#2e2e2e
• sideBar.border#ff0000
• sideBar.dropBackground#53595d80
• sideBar.foreground#777777
• sideBarSectionHeader.foreground#cad9e3
• statusBar.background#3a0000
• statusBar.debuggingBackground#cc6633
• statusBar.debuggingForeground#ffffff
• statusBar.foreground#ffffff
• statusBar.noFolderForeground#ffffff
• statusBarItem.activeBackground#ffffff2e
• statusBarItem.errorBackground#c72e0f
• statusBarItem.errorForeground#ffffff
• statusBarItem.prominentBackground#00000080
• statusBarItem.prominentForeground#ffffff
• statusBarItem.remoteBackground#de333c
• statusBarItem.remoteForeground#ffffff
• tab.inactiveBackground#222222
• tab.inactiveForeground#8f989d
• terminal.ansiBlack#393e41
• terminal.ansiBrightBlack#5d6569
• terminal.background#2e2e2e
• terminal.foreground#cad9e3
• titleBar.activeBackground#3a0000
• widget.shadow#fc89895c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).