Relentless

Color themes

• 

  Relentless Midnight

• 

  Relentless Sunset

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#BEC4D4
• activityBar.background#00001A
• activityBar.dropBorder#1B1C37
• activityBar.foreground#BEC4D4
• activityBar.inactiveForeground#858CA3
• activityBarBadge.background#B870DE
• activityBarBadge.foreground#00001A
• badge.background#B870DE
• badge.foreground#00001A
• banner.background#0A0B26
• banner.foreground#BEC4D4
• banner.iconForeground#858CA3
• breadcrumb.activeSelectionForeground#B870DE
• breadcrumb.background#00001A
• breadcrumb.focusForeground#858CA3
• breadcrumb.foreground#63667F
• breadcrumbPicker.background#0A0B26
• button.background#B870DE
• button.foreground#00001A
• button.hoverBackground#B870DEe6
• button.secondaryBackground#0A0B26
• button.secondaryForeground#BEC4D4
• button.secondaryHoverBackground#1B1C37
• charts.blue#9688FF
• charts.foreground#BEC4D4
• charts.green#C8A8F9
• charts.lines#858CA3
• charts.orange#B870DE
• charts.purple#62DFC4
• charts.red#DC77CE
• charts.yellow#9BA4BA
• checkbox.background#0A0B26
• checkbox.border#817c9c26
• checkbox.foreground#BEC4D4
• debugExceptionWidget.background#0A0B26
• debugExceptionWidget.border#817c9c26
• debugIcon.breakpointCurrentStackframeForeground#858CA3
• debugIcon.breakpointDisabledForeground#858CA3
• debugIcon.breakpointForeground#858CA3
• debugIcon.breakpointStackframeForeground#858CA3
• debugIcon.breakpointUnverifiedForeground#858CA3
• debugIcon.continueForeground#858CA3
• debugIcon.disconnectForeground#858CA3
• debugIcon.pauseForeground#858CA3
• debugIcon.restartForeground#858CA3
• debugIcon.startForeground#858CA3
• debugIcon.stepBackForeground#858CA3
• debugIcon.stepIntoForeground#858CA3
• debugIcon.stepOutForeground#858CA3
• debugIcon.stepOverForeground#858CA3
• debugIcon.stopForeground#DC77CE
• debugToolBar.background#0A0B26
• debugToolBar.border#1B1C37
• descriptionForeground#858CA3
• diffEditor.border#1B1C37
• diffEditor.diagonalFill#817c9c4d
• diffEditor.insertedLineBackground#9688FF26
• diffEditor.insertedTextBackground#9688FF26
• diffEditor.removedLineBackground#93E38026
• diffEditor.removedTextBackground#93E38026
• diffEditorOverview.insertedForeground#9688FF80
• diffEditorOverview.removedForeground#93E38080
• dropdown.background#0A0B26
• dropdown.border#817c9c26
• dropdown.foreground#BEC4D4
• dropdown.listBackground#0A0B26
• editor.background#00001A
• editor.findMatchBackground#817c9c4d
• editor.findMatchHighlightBackground#817c9c4d
• editor.findRangeHighlightBackground#817c9c4d
• editor.findRangeHighlightBorder#0000
• editor.focusedStackFrameHighlightBackground#817c9c26
• editor.foldBackground#0A0B26
• editor.foreground#BEC4D4
• editor.hoverHighlightBackground#0000
• editor.inactiveSelectionBackground#817c9c14
• editor.inlineValuesBackground#0000
• editor.inlineValuesForeground#858CA3
• editor.lineHighlightBackground#817c9c14
• editor.lineHighlightBorder#0000
• editor.linkedEditingBackground#0A0B26
• editor.rangeHighlightBackground#817c9c14
• editor.rangeHighlightBorder#0000
• editor.selectionBackground#817c9c26
• editor.selectionForeground#BEC4D4
• editor.selectionHighlightBackground#817c9c26
• editor.selectionHighlightBorder#0000
• editor.snippetFinalTabstopHighlightBackground#817c9c26
• editor.snippetFinalTabstopHighlightBorder#0A0B26
• editor.snippetTabstopHighlightBackground#817c9c26
• editor.snippetTabstopHighlightBorder#0A0B26
• editor.stackFrameHighlightBackground#817c9c26
• editor.symbolHighlightBackground#817c9c26
• editor.symbolHighlightBorder#0000
• editor.wordHighlightBackground#817c9c26
• editor.wordHighlightBorder#0000
• editor.wordHighlightStrongBackground#817c9c26
• editor.wordHighlightStrongBorder#817c9c26
• editorBracketHighlight.foreground1#93E38080
• editorBracketHighlight.foreground2#C8A8F980
• editorBracketHighlight.foreground3#9BA4BA80
• editorBracketHighlight.foreground4#9688FF80
• editorBracketHighlight.foreground5#B870DE80
• editorBracketHighlight.foreground6#62DFC480
• editorBracketMatch.background#0000
• editorBracketMatch.border#858CA3
• editorBracketPairGuide.activeBackground1#C8A8F9
• editorBracketPairGuide.activeBackground2#B870DE
• editorBracketPairGuide.activeBackground3#62DFC4
• editorBracketPairGuide.activeBackground4#9688FF
• editorBracketPairGuide.activeBackground5#9BA4BA
• editorBracketPairGuide.activeBackground6#DC77CE
• editorBracketPairGuide.background1#C8A8F980
• editorBracketPairGuide.background2#B870DE80
• editorBracketPairGuide.background3#62DFC480
• editorBracketPairGuide.background4#9688FF80
• editorBracketPairGuide.background5#9BA4BA80
• editorBracketPairGuide.background6#93E38080
• editorCodeLens.foreground#B870DE
• editorCursor.background#BEC4D4
• editorCursor.foreground#63667F
• editorError.border#0000
• editorError.foreground#DC77CE
• editorGhostText.foreground#858CA3
• editorGroup.border#0000
• editorGroup.dropBackground#0A0B26
• editorGroup.emptyBackground#0000
• editorGroup.focusedEmptyBorder#0000
• editorGroupHeader.noTabsBackground#0000
• editorGroupHeader.tabsBackground#0000
• editorGroupHeader.tabsBorder#0000
• editorGutter.addedBackground#9688FF
• editorGutter.background#0000
• editorGutter.commentRangeForeground#858CA3
• editorGutter.deletedBackground#DC77CE
• editorGutter.foldingControlForeground#62DFC4
• editorGutter.modifiedBackground#B870DE
• editorHint.border#0000
• editorHint.foreground#858CA3
• editorHoverWidget.background#0A0B26
• editorHoverWidget.border#63667F80
• editorHoverWidget.foreground#858CA3
• editorHoverWidget.highlightForeground#BEC4D4
• editorHoverWidget.statusBarBackground#0000
• editorIndentGuide.activeBackground#63667F
• editorIndentGuide.background#817c9c4d
• editorInfo.border#1B1C37
• editorInfo.foreground#9688FF
• editorInlayHint.background#1B1C37
• editorInlayHint.foreground#858CA3
• editorInlayHint.parameterBackground#1B1C37
• editorInlayHint.parameterForeground#62DFC4
• editorInlayHint.typeBackground#1B1C37
• editorInlayHint.typeForeground#9688FF
• editorLightBulb.foreground#C8A8F9
• editorLightBulbAutoFix.foreground#B870DE
• editorLineNumber.activeForeground#BEC4D4
• editorLineNumber.foreground#858CA3
• editorLink.activeForeground#B870DE
• editorMarkerNavigation.background#0A0B26
• editorMarkerNavigationError.background#0A0B26
• editorMarkerNavigationInfo.background#0A0B26
• editorMarkerNavigationWarning.background#0A0B26
• editorOverviewRuler.addedForeground#9688FF80
• editorOverviewRuler.background#00001A
• editorOverviewRuler.border#817c9c4d
• editorOverviewRuler.bracketMatchForeground#858CA3
• editorOverviewRuler.commonContentForeground#817c9c14
• editorOverviewRuler.currentContentForeground#817c9c26
• editorOverviewRuler.deletedForeground#93E38080
• editorOverviewRuler.errorForeground#93E38080
• editorOverviewRuler.findMatchForeground#817c9c4d
• editorOverviewRuler.incomingContentForeground#62DFC480
• editorOverviewRuler.infoForeground#9688FF80
• editorOverviewRuler.modifiedForeground#B870DE80
• editorOverviewRuler.rangeHighlightForeground#817c9c4d
• editorOverviewRuler.selectionHighlightForeground#817c9c4d
• editorOverviewRuler.warningForeground#9BA4BA80
• editorOverviewRuler.wordHighlightForeground#817c9c26
• editorOverviewRuler.wordHighlightStrongForeground#817c9c4d
• editorPane.background#0000
• editorRuler.foreground#817c9c4d
• editorSuggestWidget.background#0A0B26
• editorSuggestWidget.border#0000
• editorSuggestWidget.focusHighlightForeground#B870DE
• editorSuggestWidget.foreground#858CA3
• editorSuggestWidget.highlightForeground#B870DE
• editorSuggestWidget.selectedBackground#817c9c26
• editorSuggestWidget.selectedForeground#BEC4D4
• editorSuggestWidget.selectedIconForeground#BEC4D4
• editorUnnecessaryCode.border#0000
• editorUnnecessaryCode.opacity#DC77CE80
• editorWarning.border#0000
• editorWarning.foreground#9BA4BA
• editorWhitespace.foreground#63667F
• editorWidget.background#0A0B26
• editorWidget.border#1B1C37
• editorWidget.foreground#858CA3
• editorWidget.resizeBorder#63667F
• errorForeground#DC77CE
• extensionBadge.remoteBackground#62DFC4
• extensionBadge.remoteForeground#00001A
• extensionButton.prominentBackground#B870DE
• extensionButton.prominentForeground#00001A
• extensionButton.prominentHoverBackground#B870DEe6
• extensionIcon.preReleaseForeground#C8A8F9
• extensionIcon.starForeground#B870DE
• extensionIcon.verifiedForeground#62DFC4
• focusBorder#817c9c26
• foreground#BEC4D4
• gitDecoration.addedResourceForeground#9688FF
• gitDecoration.conflictingResourceForeground#DC77CE
• gitDecoration.deletedResourceForeground#858CA3
• gitDecoration.ignoredResourceForeground#63667F
• gitDecoration.modifiedResourceForeground#B870DE
• gitDecoration.renamedResourceForeground#C8A8F9
• gitDecoration.stageDeletedResourceForeground#DC77CE
• gitDecoration.stageModifiedResourceForeground#62DFC4
• gitDecoration.submoduleResourceForeground#9BA4BA
• gitDecoration.untrackedResourceForeground#9BA4BA
• icon.foreground#858CA3
• input.background#1B1C3780
• input.border#817c9c26
• input.foreground#BEC4D4
• input.placeholderForeground#858CA3
• inputOption.activeBackground#B870DE
• inputOption.activeBorder#0000
• inputOption.activeForeground#00001A
• inputValidation.errorBackground#0A0B26
• inputValidation.errorBorder#817c9c4d
• inputValidation.errorForeground#DC77CE
• inputValidation.infoBackground#0A0B26
• inputValidation.infoBorder#817c9c4d
• inputValidation.infoForeground#9688FF
• inputValidation.warningBackground#0A0B26
• inputValidation.warningBorder#817c9c4d
• inputValidation.warningForeground#9688FF80
• keybindingLabel.background#1B1C37
• keybindingLabel.border#817c9c4d
• keybindingLabel.bottomBorder#817c9c4d
• keybindingLabel.foreground#62DFC4
• keybindingTable.headerBackground#1B1C37
• keybindingTable.rowsBackground#0A0B26
• list.activeSelectionBackground#817c9c26
• list.activeSelectionForeground#BEC4D4
• list.deemphasizedForeground#858CA3
• list.dropBackground#0A0B26
• list.errorForeground#DC77CE
• list.filterMatchBackground#0A0B26
• list.filterMatchBorder#B870DE
• list.focusBackground#817c9c4d
• list.focusForeground#BEC4D4
• list.focusOutline#817c9c26
• list.highlightForeground#B870DE
• list.hoverBackground#817c9c14
• list.hoverForeground#BEC4D4
• list.inactiveFocusBackground#817c9c14
• list.inactiveSelectionBackground#0A0B26
• list.inactiveSelectionForeground#BEC4D4
• list.invalidItemForeground#DC77CE
• list.warningForeground#9BA4BA
• listFilterWidget.background#0A0B26
• listFilterWidget.noMatchesOutline#DC77CE
• listFilterWidget.outline#1B1C37
• menu.background#0A0B26
• menu.border#817c9c14
• menu.foreground#BEC4D4
• menu.selectionBackground#817c9c26
• menu.selectionBorder#1B1C37
• menu.selectionForeground#BEC4D4
• menu.separatorBackground#817c9c4d
• menubar.selectionBackground#817c9c26
• menubar.selectionBorder#817c9c14
• menubar.selectionForeground#BEC4D4
• merge.border#1B1C37
• merge.commonContentBackground#817c9c26
• merge.commonHeaderBackground#817c9c26
• merge.currentContentBackground#9BA4BA80
• merge.currentHeaderBackground#9BA4BA80
• merge.incomingContentBackground#9688FF80
• merge.incomingHeaderBackground#9688FF80
• minimap.background#0A0B26
• minimap.errorHighlight#93E38080
• minimap.findMatchHighlight#817c9c26
• minimap.selectionHighlight#817c9c26
• minimap.warningHighlight#9BA4BA80
• minimapGutter.addedBackground#9688FF
• minimapGutter.deletedBackground#DC77CE
• minimapGutter.modifiedBackground#B870DE
• minimapSlider.activeBackground#817c9c4d
• minimapSlider.background#817c9c26
• minimapSlider.hoverBackground#817c9c26
• notificationCenter.border#817c9c26
• notificationCenterHeader.background#0A0B26
• notificationCenterHeader.foreground#858CA3
• notificationLink.foreground#62DFC4
• notifications.background#0A0B26
• notifications.border#817c9c26
• notifications.foreground#BEC4D4
• notificationsErrorIcon.foreground#DC77CE
• notificationsInfoIcon.foreground#9688FF
• notificationsWarningIcon.foreground#9BA4BA
• notificationToast.border#817c9c26
• panel.background#00001A
• panel.border#1B1C37
• panel.dropBorder#1B1C37
• panelInput.border#0A0B26
• panelSection.dropBackground#817c9c26
• panelSectionHeader.background#0A0B26
• panelSectionHeader.foreground#BEC4D4
• panelTitle.activeBorder#817c9c4d
• panelTitle.activeForeground#BEC4D4
• panelTitle.inactiveForeground#858CA3
• peekView.border#1B1C37
• peekViewEditor.background#0A0B26
• peekViewEditor.matchHighlightBackground#817c9c4d
• peekViewResult.background#0A0B26
• peekViewResult.fileForeground#858CA3
• peekViewResult.lineForeground#858CA3
• peekViewResult.matchHighlightBackground#817c9c4d
• peekViewResult.selectionBackground#817c9c26
• peekViewResult.selectionForeground#BEC4D4
• peekViewTitle.background#1B1C37
• peekViewTitleDescription.foreground#858CA3
• pickerGroup.border#817c9c4d
• pickerGroup.foreground#62DFC4
• ports.iconRunningProcessForeground#B870DE
• problemsErrorIcon.foreground#DC77CE
• problemsInfoIcon.foreground#9688FF
• problemsWarningIcon.foreground#9BA4BA
• progressBar.background#B870DE
• quickInput.background#0A0B26
• quickInput.foreground#858CA3
• quickInputList.focusBackground#817c9c26
• quickInputList.focusForeground#BEC4D4
• quickInputList.focusIconForeground#BEC4D4
• scrollbar.shadow#0000
• scrollbarSlider.activeBackground#C8A8F980
• scrollbarSlider.background#817c9c26
• scrollbarSlider.hoverBackground#817c9c4d
• searchEditor.findMatchBackground#817c9c26
• selection.background#817c9c4d
• settings.focusedRowBackground#0A0B26
• settings.focusedRowBorder#817c9c26
• settings.headerForeground#BEC4D4
• settings.modifiedItemIndicator#B870DE
• settings.rowHoverBackground#0A0B26
• sideBar.background#00001A
• sideBar.border#1B1C37
• sideBar.foreground#858CA3
• sideBarSectionHeader.background#0000
• sideBarSectionHeader.border#817c9c26
• statusBar.background#00001A
• statusBar.debuggingBackground#62DFC4
• statusBar.debuggingForeground#00001A
• statusBar.foreground#858CA3
• statusBar.noFolderBackground#00001A
• statusBar.noFolderForeground#858CA3
• statusBarItem.activeBackground#817c9c4d
• statusBarItem.errorBackground#00001A
• statusBarItem.errorForeground#DC77CE
• statusBarItem.hoverBackground#817c9c26
• statusBarItem.prominentBackground#1B1C37
• statusBarItem.prominentForeground#BEC4D4
• statusBarItem.prominentHoverBackground#817c9c26
• statusBarItem.remoteBackground#00001A
• statusBarItem.remoteForeground#9BA4BA
• symbolIcon.arrayForeground#858CA3
• symbolIcon.classForeground#858CA3
• symbolIcon.colorForeground#858CA3
• symbolIcon.constantForeground#858CA3
• symbolIcon.constructorForeground#858CA3
• symbolIcon.enumeratorForeground#858CA3
• symbolIcon.enumeratorMemberForeground#858CA3
• symbolIcon.eventForeground#858CA3
• symbolIcon.fieldForeground#858CA3
• symbolIcon.fileForeground#858CA3
• symbolIcon.folderForeground#858CA3
• symbolIcon.functionForeground#858CA3
• symbolIcon.interfaceForeground#858CA3
• symbolIcon.keyForeground#858CA3
• symbolIcon.keywordForeground#858CA3
• symbolIcon.methodForeground#858CA3
• symbolIcon.moduleForeground#858CA3
• symbolIcon.namespaceForeground#858CA3
• symbolIcon.nullForeground#858CA3
• symbolIcon.numberForeground#858CA3
• symbolIcon.objectForeground#858CA3
• symbolIcon.operatorForeground#858CA3
• symbolIcon.packageForeground#858CA3
• symbolIcon.propertyForeground#858CA3
• symbolIcon.referenceForeground#858CA3
• symbolIcon.snippetForeground#858CA3
• symbolIcon.stringForeground#858CA3
• symbolIcon.structForeground#858CA3
• symbolIcon.textForeground#858CA3
• symbolIcon.typeParameterForeground#858CA3
• symbolIcon.unitForeground#858CA3
• symbolIcon.variableForeground#858CA3
• tab.activeBackground#817c9c14
• tab.activeBorderTop#9688FF
• tab.activeForeground#BEC4D4
• tab.activeModifiedBorder#9688FF
• tab.border#0000
• tab.hoverBackground#817c9c26
• tab.inactiveBackground#0000
• tab.inactiveForeground#858CA3
• tab.inactiveModifiedBorder#9688FF80
• tab.lastPinnedBorder#63667F
• tab.unfocusedActiveBackground#0000
• tab.unfocusedHoverBackground#0000
• tab.unfocusedInactiveBackground#0000
• tab.unfocusedInactiveModifiedBorder#9688FF80
• terminal.ansiBlack#1B1C37
• terminal.ansiBlue#9688FF
• terminal.ansiBrightBlack#858CA3
• terminal.ansiBrightBlue#9688FF
• terminal.ansiBrightCyan#B870DE
• terminal.ansiBrightGreen#C8A8F9
• terminal.ansiBrightMagenta#62DFC4
• terminal.ansiBrightRed#DC77CE
• terminal.ansiBrightWhite#BEC4D4
• terminal.ansiBrightYellow#9BA4BA
• terminal.ansiCyan#B870DE
• terminal.ansiGreen#C8A8F9
• terminal.ansiMagenta#62DFC4
• terminal.ansiRed#DC77CE
• terminal.ansiWhite#BEC4D4
• terminal.ansiYellow#9BA4BA
• terminal.background#00001A
• terminal.border#1B1C37
• textBlockQuote.background#0A0B26
• textBlockQuote.border#817c9c26
• textCodeBlock.background#0A0B26
• textLink.activeForeground#62DFC4e6
• textLink.foreground#62DFC4
• textPreformat.foreground#9BA4BA
• textSeparator.foreground#858CA3
• titleBar.activeBackground#00001A
• titleBar.activeForeground#858CA3
• titleBar.border#1B1C37
• titleBar.inactiveBackground#00001A
• titleBar.inactiveForeground#858CA3
• toolbar.activeBackground#817c9c4d
• toolbar.hoverBackground#817c9c26
• tree.indentGuidesStroke#858CA3
• walkThrough.embeddedEditorBackground#00001A
• welcomePage.background#00001A
• welcomePage.buttonBackground#0A0B26
• welcomePage.buttonHoverBackground#1B1C37
• widget.shadow#1917244d
• window.activeBorder#0A0B26
• window.inactiveBorder#0A0B26

tokenColors

TextMate scopes and font styles (syntax highlighting rules).