Cool Epic Theme

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#07000D
• activityBar.border#07000D60
• activityBar.foreground#D14081
• activityBarBadge.background#EEC8E0
• activityBarBadge.foreground#07000D
• badge.background#07000D30
• badge.foreground#5600AC
• breadcrumb.activeSelectionForeground#5600AC
• breadcrumb.background#07000D
• breadcrumb.focusForeground#D14081
• breadcrumb.foreground#EF798A
• breadcrumbPicker.background#07000D
• button.background#5600AC50
• contrastBorder#5600AC40
• debugToolBar.background#07000D
• diffEditor.insertedTextBackground#7400E815
• diffEditor.removedTextBackground#85B79D20
• dropdown.background#07000D
• dropdown.border#EF798A10
• editor.background#000000
• editor.findMatchBackground#07000D
• editor.findMatchBorder#5600AC
• editor.findMatchHighlightBackground#5600AC93
• editor.findMatchHighlightBorder#EF798A30
• editor.foreground#D14081
• editor.lineHighlightBackground#07000D50
• editor.selectionBackground#bfa3ff
• editor.selectionForeground#53056b
• editor.selectionHighlightBackground#5600AC6b
• editor.selectionHighlightBorder#EEC8E0f0
• editorBracketMatch.background#07000D
• editorBracketMatch.border#D140817f
• editorCursor.foreground#D14081
• editorError.foreground#85B79D70
• editorGroup.border#07000D30
• editorGroupHeader.tabsBackground#07000D
• editorGutter.addedBackground#7400E860
• editorGutter.deletedBackground#85B79D60
• editorGutter.modifiedBackground#EEC8E060
• editorHoverWidget.background#d5c7e2
• editorHoverWidget.border#3b0009
• editorIndentGuide.activeBackground#420080
• editorIndentGuide.background#42008070
• editorInfo.foreground#EEC8E070
• editorLineNumber.activeForeground#ff00a2
• editorLineNumber.foreground#640337
• editorLink.activeForeground#D14081
• editorMarkerNavigation.background#D1408105
• editorOverviewRuler.border#07000D
• editorOverviewRuler.errorForeground#85B79D40
• editorOverviewRuler.findMatchForeground#5600AC
• editorOverviewRuler.infoForeground#EEC8E040
• editorOverviewRuler.warningForeground#D1408170
• editorRuler.foreground#420080
• editorSuggestWidget.background#160129
• editorSuggestWidget.border#ef798b73
• editorSuggestWidget.focusHighlightForeground#800337
• editorSuggestWidget.foreground#D14081
• editorSuggestWidget.highlightForeground#df3f87
• editorSuggestWidget.selectedBackground#5600AC20
• editorWarning.foreground#7400E8
• editorWhitespace.foreground#D1408140
• editorWidget.background#07000D
• editorWidget.border#D14081
• editorWidget.resizeBorder#5600AC
• extensionButton.prominentBackground#7400E890
• extensionButton.prominentHoverBackground#85B79D
• focusBorder#EF798A00
• gitDecoration.conflictingResourceForeground#D14081
• gitDecoration.deletedResourceForeground#85B79D
• gitDecoration.ignoredResourceForeground#5600AC
• gitDecoration.modifiedResourceForeground#EF798A
• gitDecoration.untrackedResourceForeground#EEC8E0
• input.background#1a012f
• input.border#ef798b59
• input.foreground#db3b90
• input.placeholderForeground#D1408160
• inputOption.activeBackground#D1408130
• inputOption.activeBorder#D1408130
• inputValidation.errorBorder#85B79D50
• inputValidation.infoBorder#EEC8E050
• inputValidation.warningBorder#D1408150
• list.activeSelectionBackground#d140812c
• list.activeSelectionForeground#fa009a
• list.focusBackground#3F007B
• list.focusForeground#EEC8E0
• list.highlightForeground#5600AC
• list.hoverBackground#270031
• list.hoverForeground#d30db8
• list.inactiveSelectionBackground#07000D30
• list.inactiveSelectionForeground#fa009a
• list.warningForeground#D14081
• listFilterWidget.background#07000D30
• listFilterWidget.noMatchesOutline#07000D30
• listFilterWidget.outline#07000D30
• menu.background#07000Df8
• menu.border#5600AC50
• menu.foreground#D14081
• menu.selectionBackground#3F007B
• menu.selectionBorder#07000D30
• menu.selectionForeground#D14081
• menu.separatorBackground#D14081
• menubar.selectionBackground#3F007B
• menubar.selectionBorder#5600AC50
• menubar.selectionForeground#D14081
• minimap.background#000000
• minimapGutter.addedBackground#85B79D
• minimapGutter.deletedBackground#D14081
• minimapGutter.modifiedBackground#7400E8
• minimapSlider.activeBackground#e8006cb0
• minimapSlider.background#64033752
• minimapSlider.hoverBackground#6403375e
• notificationLink.foreground#5600AC
• notifications.background#07000D
• notifications.foreground#D14081
• panel.background#07000D
• panel.border#f8f8f860
• panelTitle.activeBorder#5600AC
• panelTitle.activeForeground#EF798A
• panelTitle.inactiveForeground#D14081
• peekView.border#f5f5f5bb
• peekViewEditor.background#d1408121
• peekViewEditor.matchHighlightBackground#5c0a1bfd
• peekViewEditorGutter.background#D1408105
• peekViewResult.background#D1408105
• peekViewResult.lineForeground#d14081
• peekViewResult.matchHighlightBackground#350108
• peekViewResult.selectionBackground#d1408177
• peekViewResult.selectionForeground#ffffff
• peekViewTitle.background#D1408105
• peekViewTitleDescription.foreground#D1408160
• pickerGroup.foreground#5600AC
• progressBar.background#5600AC
• scrollbar.shadow#07000D00
• scrollbarSlider.activeBackground#640337
• scrollbarSlider.background#640337
• scrollbarSlider.hoverBackground#640337
• selection.background#7445a3
• settings.checkboxBackground#07000D
• settings.checkboxForeground#D14081
• settings.dropdownBackground#07000D
• settings.dropdownForeground#D14081
• settings.headerForeground#5600AC
• settings.modifiedItemIndicator#5600AC
• settings.numberInputBackground#07000D
• settings.numberInputForeground#D14081
• settings.textInputBackground#07000D
• settings.textInputForeground#D14081
• sideBar.background#000000
• sideBar.border#5600AC50
• sideBar.foreground#EEC8E0
• sideBarSectionHeader.background#07000D
• sideBarSectionHeader.border#07000D60
• sideBarSectionHeader.foreground#EEC8E0
• sideBarTitle.foreground#D14081
• statusBar.a#6100C3
• statusBar.border#07000D60
• statusBar.debuggingBackground#D14081
• statusBar.debuggingForeground#EF798A
• statusBar.foreground#D14081
• statusBar.noFolderBackground#07000D
• statusBarItem.hoverBackground#5600AC20
• statusBarItem.remoteBackground#5600AC
• statusBarItem.remoteForeground#07000D
• tab.activeBackground#220112
• tab.activeBorder#05000a
• tab.activeForeground#df087a
• tab.activeModifiedBorder#5600AC
• tab.border#35075d
• tab.inactiveBackground#5600AC20
• tab.inactiveForeground#D14081af
• tab.unfocusedActiveBackground#5600AC40
• tab.unfocusedActiveBorder#5600AC
• tab.unfocusedActiveForeground#D14081
• tab.unfocusedInactiveBackground#5600AC10
• tab.unfocusedInactiveForeground#D140817f
• terminal.ansiBlack#07000D
• terminal.ansiBlue#EEC8E0
• terminal.ansiBrightBlack#5600AC
• terminal.ansiBrightBlue#EEC8E0
• terminal.ansiBrightCyan#F9F5E3
• terminal.ansiBrightGreen#7400E8
• terminal.ansiBrightMagenta#D14081
• terminal.ansiBrightRed#85B79D
• terminal.ansiBrightWhite#EF798A
• terminal.ansiBrightYellow#D14081
• terminal.ansiCyan#F9F5E3
• terminal.ansiGreen#7400E8
• terminal.ansiMagenta#D14081
• terminal.ansiRed#85B79D
• terminal.ansiWhite#EF798A
• terminal.ansiYellow#D14081
• terminalCursor.background#07000D
• terminalCursor.foreground#D14081
• textLink.activeForeground#D14081
• textLink.foreground#5600AC
• titleBar.activeBackground#07000D
• titleBar.activeForeground#D14081
• titleBar.border#07000D60
• titleBar.inactiveBackground#07000D
• titleBar.inactiveForeground#af0b7e
• tree.indentGuidesStroke#D14081
• widget.shadow#07000D30

tokenColors

TextMate scopes and font styles (syntax highlighting rules).