Verum Themes
Publisher: IcycoldveinsThemes in package: 15
Elegant dark themes for VS Code
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.background#1C2834
- activityBar.border#1C2834
- activityBar.dropBackground#1C2834
- activityBar.foreground#F5F5F5
- activityBar.inactiveForeground#B8D4E3
- activityBarBadge.background#F4B895
- activityBarBadge.foreground#2d2a2e
- badge.background#B8D4E3a0
- badge.foreground#2d2a2e
- button.background#B8D4E3
- button.foreground#2d2a2e
- button.hoverBackground#1C2834
- button.secondaryBackground#3c3836
- button.secondaryForeground#F5F5F5
- button.secondaryHoverBackground#45403d
- charts.blue#1C2834
- charts.foreground#d4be98
- charts.green#B8D4E3
- charts.lines#a89984
- charts.orange#F4B895
- charts.purple#F5F5F5
- charts.red#e06c75
- charts.yellow#EDD382
- checkbox.background#2d2a2e
- checkbox.border#5a524c
- checkbox.foreground#B8D4E3
- debugConsole.errorForeground#e06c75
- debugConsole.infoForeground#1C2834
- debugConsole.sourceForeground#F5F5F5
- debugConsole.warningForeground#B8D4E3
- debugConsoleInputIcon.foreground#F5F5F5
- debugExceptionWidget.background#32302f
- debugExceptionWidget.border#45403d
- debugIcon.breakpointCurrentStackframeForeground#B8D4E3
- debugIcon.breakpointDisabledForeground#7c6f64
- debugIcon.breakpointForeground#e06c75
- debugIcon.breakpointStackframeForeground#1C2834
- debugIcon.breakpointUnverifiedForeground#a89984
- debugIcon.continueForeground#B8D4E3
- debugIcon.disconnectForeground#e06c75
- debugIcon.pauseForeground#B8D4E3
- debugIcon.restartForeground#B8D4E3
- debugIcon.startForeground#B8D4E3
- debugIcon.stepBackForeground#B8D4E3
- debugIcon.stepIntoForeground#B8D4E3
- debugIcon.stepOutForeground#B8D4E3
- debugIcon.stepOverForeground#B8D4E3
- debugIcon.stopForeground#e06c75
- debugToolBar.background#32302f
- debugToolBar.border#45403d
- descriptionForeground#8b9798
- diffEditor.border#2d2a2e
- diffEditor.diagonalFill#45403d
- diffEditor.insertedTextBackground#B8D4E315
- diffEditor.insertedTextBorder#00000000
- diffEditor.removedTextBackground#e06c7515
- diffEditor.removedTextBorder#00000000
- diffEditorGutter.insertedLineBackground#B8D4E320
- diffEditorGutter.removedLineBackground#e06c7520
- diffEditorOverview.insertedForeground#B8D4E3
- diffEditorOverview.removedForeground#e06c75
- dropdown.background#2d2a2e
- dropdown.border#45403d
- dropdown.foreground#a89984
- editor.background#2d2a2e
- editor.findMatchBackground#B8D4E330
- editor.findMatchBorder#B8D4E3
- editor.findMatchHighlightBackground#1C283420
- editor.findMatchHighlightBorder#00000000
- editor.findRangeHighlightBackground#1C283415
- editor.findRangeHighlightBorder#00000000
- editor.focusedStackFrameHighlightBackground#B8D4E330
- editor.foreground#d4be98
- editor.hoverHighlightBackground#32302f
- editor.inactiveSelectionBackground#1C283420
- editor.lineHighlightBackground#32302f80
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#32302f80
- editor.rangeHighlightBorder#00000000
- editor.selectionBackground#1C283430
- editor.selectionHighlightBackground#1C283425
- editor.selectionHighlightBorder#00000000
- editor.stackFrameHighlightBackground#B8D4E320
- editor.wordHighlightBackground#1C283420
- editor.wordHighlightBorder#00000000
- editor.wordHighlightStrongBackground#B8D4E320
- editor.wordHighlightStrongBorder#00000000
- editorBracketMatch.background#B8D4E330
- editorBracketMatch.border#B8D4E3
- editorCodeLens.foreground#7c6f64
- editorCursor.background#2d2a2e
- editorCursor.foreground#F5F5F5
- editorError.border#00000000
- editorError.foreground#e06c75
- editorGroup.border#2d2a2e
- editorGroup.dropBackground#32302f80
- editorGroupHeader.border#2d2a2e
- editorGroupHeader.noTabsBackground#2d2a2e
- editorGroupHeader.tabsBackground#2d2a2e
- editorGroupHeader.tabsBorder#2d2a2e
- editorGutter.addedBackground#B8D4E3
- editorGutter.background#2d2a2e
- editorGutter.commentRangeForeground#7c6f64
- editorGutter.deletedBackground#e06c75
- editorGutter.foldingControlForeground#7c6f64
- editorGutter.modifiedBackground#B8D4E3
- editorHint.border#00000000
- editorHint.foreground#1C2834
- editorHoverWidget.background#32302f
- editorHoverWidget.border#45403d
- editorHoverWidget.foreground#d4be98
- editorHoverWidget.statusBarBackground#221f22
- editorIndentGuide.activeBackground#7c6f64
- editorIndentGuide.background#5a524c
- editorInfo.border#00000000
- editorInfo.foreground#1C2834
- editorLineNumber.activeForeground#B8D4E3
- editorLineNumber.foreground#5a524c
- editorLink.activeForeground#B8D4E3
- editorMarkerNavigation.background#32302f
- editorMarkerNavigationError.background#32302f
- editorMarkerNavigationInfo.background#32302f
- editorMarkerNavigationWarning.background#32302f
- editorOverviewRuler.addedForeground#B8D4E3
- editorOverviewRuler.border#221f22
- editorOverviewRuler.bracketMatchForeground#B8D4E3
- editorOverviewRuler.commonContentForeground#7c6f64
- editorOverviewRuler.currentContentForeground#B8D4E3
- editorOverviewRuler.deletedForeground#e06c75
- editorOverviewRuler.errorForeground#e06c75
- editorOverviewRuler.findMatchForeground#B8D4E3
- editorOverviewRuler.incomingContentForeground#1C2834
- editorOverviewRuler.infoForeground#1C2834
- editorOverviewRuler.modifiedForeground#B8D4E3
- editorOverviewRuler.rangeHighlightForeground#B8D4E3
- editorOverviewRuler.selectionHighlightForeground#1C2834
- editorOverviewRuler.warningForeground#B8D4E3
- editorOverviewRuler.wordHighlightForeground#1C2834
- editorOverviewRuler.wordHighlightStrongForeground#B8D4E3
- editorPane.background#2d2a2e
- editorRuler.foreground#5a524c
- editorSuggestWidget.background#32302f
- editorSuggestWidget.border#45403d
- editorSuggestWidget.foreground#d4be98
- editorSuggestWidget.highlightForeground#B8D4E3
- editorSuggestWidget.selectedBackground#45403d
- editorSuggestWidget.selectedForeground#F5F5F5
- editorUnnecessaryCode.border#00000000
- editorUnnecessaryCode.opacity#00000080
- editorWarning.border#00000000
- editorWarning.foreground#B8D4E3
- editorWhitespace.foreground#5a524c
- editorWidget.background#32302f
- editorWidget.border#45403d
- editorWidget.foreground#d4be98
- editorWidget.resizeBorder#B8D4E3
- errorForeground#ff6d7e
- extensionBadge.remoteBackground#B8D4E3
- extensionBadge.remoteForeground#2d2a2e
- extensionButton.prominentBackground#B8D4E3
- extensionButton.prominentForeground#2d2a2e
- extensionButton.prominentHoverBackground#1C2834
- extensionIcon.preReleaseForeground#F5F5F5
- extensionIcon.sponsorForeground#B8D4E3
- extensionIcon.starForeground#B8D4E3
- extensionIcon.verifiedForeground#B8D4E3
- extensionsViewBadge.remoteBackground#B8D4E3
- extensionsViewBadge.remoteForeground#2d2a2e
- focusBorder#B8D4E3
- foreground#a89984
- gitDecoration.addedResourceForeground#B8D4E3
- gitDecoration.conflictingResourceForeground#e06c75
- gitDecoration.deletedResourceForeground#e06c75
- gitDecoration.ignoredResourceForeground#7c6f64
- gitDecoration.modifiedResourceForeground#B8D4E3
- gitDecoration.stageDeletedResourceForeground#e06c75
- gitDecoration.stageModifiedResourceForeground#B8D4E3
- gitDecoration.submoduleResourceForeground#1C2834
- gitDecoration.untrackedResourceForeground#B8D4E3
- icon.foreground#B8D4E3
- imagePreview.border#45403d
- input.background#2d2a2e00
- input.border#45403d
- input.foreground#d4be98
- input.placeholderForeground#7c6f64
- inputOption.activeBorder#B8D4E3
- inputValidation.errorBackground#b85651
- inputValidation.errorBorder#e06c75
- inputValidation.errorForeground#d4be98
- inputValidation.infoBackground#1C2834
- inputValidation.infoBorder#1C2834
- inputValidation.infoForeground#d4be98
- inputValidation.warningBackground#B8D4E3
- inputValidation.warningBorder#B8D4E3
- inputValidation.warningForeground#d4be98
- keybindingLabel.background#32302f
- keybindingLabel.border#45403d
- keybindingLabel.bottomBorder#45403d
- keybindingLabel.foreground#F5F5F5
- list.activeSelectionBackground#45403d60
- list.activeSelectionForeground#d4be98
- list.dropBackground#32302f80
- list.errorForeground#e06c75
- list.focusBackground#221f22
- list.focusOutline#221f22
- list.highlightForeground#B8D4E3
- list.hoverBackground#2d2a2e00
- list.hoverForeground#d4be98
- list.inactiveFocusBackground#221f22
- list.inactiveSelectionBackground#45403d48
- list.inactiveSelectionForeground#a89984
- list.invalidItemForeground#b85651
- list.warningForeground#B8D4E3
- menu.background#2d2a2e
- menu.border#45403d
- menu.foreground#d4be98
- menu.selectionBackground#32302f
- menu.selectionBorder#B8D4E3
- menu.selectionForeground#F5F5F5
- menu.separatorBackground#45403d
- menubar.selectionBackground#32302f
- menubar.selectionBorder#B8D4E3
- menubar.selectionForeground#F5F5F5
- merge.border#2d2a2e
- merge.commonContentBackground#7c6f6440
- merge.commonHeaderBackground#7c6f6460
- merge.currentContentBackground#B8D4E320
- merge.currentHeaderBackground#B8D4E340
- merge.incomingContentBackground#1C283420
- merge.incomingHeaderBackground#1C283440
- minimap.background#2d2a2e00
- minimap.errorHighlight#e06c75
- minimap.findMatchHighlight#B8D4E3
- minimap.selectionHighlight#1C2834
- minimap.warningHighlight#B8D4E3
- minimapGutter.addedBackground#B8D4E3
- minimapGutter.deletedBackground#e06c75
- minimapGutter.modifiedBackground#B8D4E3
- minimapSlider.activeBackground#7c6f6480
- minimapSlider.background#7c6f6430
- minimapSlider.hoverBackground#7c6f6460
- notificationCenter.border#45403d
- notificationCenterHeader.background#221f22
- notificationCenterHeader.foreground#F5F5F5
- notificationLink.foreground#B8D4E3
- notifications.background#32302f
- notifications.border#45403d
- notifications.foreground#d4be98
- notificationsErrorIcon.foreground#e06c75
- notificationsInfoIcon.foreground#1C2834
- notificationsList.notificationFocusOutline#B8D4E3
- notificationsWarningIcon.foreground#B8D4E3
- notificationToast.border#45403d
- panel.background#2d2a2e
- panel.border#2d2a2e
- panel.dropBorder#B8D4E3
- panelInput.border#45403d
- panelSection.border#2d2a2e
- panelSection.dropBackground#32302f80
- panelSectionHeader.background#32302f
- panelSectionHeader.border#2d2a2e
- panelSectionHeader.foreground#d4be98
- panelTitle.activeBorder#B8D4E3
- panelTitle.activeForeground#F5F5F5
- panelTitle.inactiveForeground#a89984
- peekView.border#B8D4E3
- peekViewEditor.background#221f22
- peekViewEditor.matchHighlightBackground#B8D4E330
- peekViewEditor.matchHighlightBorder#B8D4E3
- peekViewEditorGutter.background#221f22
- peekViewResult.background#32302f
- peekViewResult.fileForeground#d4be98
- peekViewResult.lineForeground#a89984
- peekViewResult.matchHighlightBackground#B8D4E330
- peekViewResult.selectionBackground#45403d
- peekViewResult.selectionForeground#F5F5F5
- peekViewTitle.background#221f22
- peekViewTitleDescription.foreground#a89984
- peekViewTitleLabel.foreground#F5F5F5
- pickerGroup.border#45403d
- pickerGroup.foreground#F5F5F5
- problemsErrorIcon.foreground#e06c75
- problemsInfoIcon.foreground#1C2834
- problemsWarningIcon.foreground#B8D4E3
- progressBar.background#B8D4E3
- quickInput.background#2d2a2e
- quickInput.foreground#d4be98
- quickInputList.focusBackground#32302f
- quickInputList.focusForeground#F5F5F5
- quickInputTitle.background#221f22
- scrollbar.shadow#00000070
- scrollbarSlider.activeBackground#a89984
- scrollbarSlider.background#7c6f6480
- scrollbarSlider.hoverBackground#7c6f64
- selection.background#1C283426
- sideBar.background#221f22
- sideBar.border#2d2a2e
- sideBar.foreground#928374
- sideBarSectionHeader.background#32302f
- sideBarSectionHeader.border#00000000
- sideBarSectionHeader.foreground#d4be98
- sideBarTitle.foreground#F5F5F5
- statusBar.background#221f22
- statusBar.border#2d2a2e
- statusBar.debuggingBackground#B8D4E3
- statusBar.debuggingBorder#2d2a2e
- statusBar.debuggingForeground#2d2a2e
- statusBar.foreground#a89984
- statusBar.noFolderBackground#221f22
- statusBar.noFolderBorder#2d2a2e
- statusBar.noFolderForeground#a89984
- statusBarItem.activeBackground#32302f80
- statusBarItem.errorBackground#e06c75
- statusBarItem.errorForeground#2d2a2e
- statusBarItem.hoverBackground#32302f60
- statusBarItem.prominentBackground#32302f
- statusBarItem.prominentForeground#F5F5F5
- statusBarItem.prominentHoverBackground#45403d
- statusBarItem.remoteBackground#B8D4E3
- statusBarItem.remoteForeground#2d2a2e
- statusBarItem.warningBackground#B8D4E3
- statusBarItem.warningForeground#2d2a2e
- symbolIcon.arrayForeground#F5F5F5
- symbolIcon.booleanForeground#F5F5F5
- symbolIcon.classForeground#B8D4E3
- symbolIcon.colorForeground#F5F5F5
- symbolIcon.constantForeground#F5F5F5
- symbolIcon.constructorForeground#B8D4E3
- symbolIcon.enumeratorForeground#F5F5F5
- symbolIcon.enumeratorMemberForeground#1C2834
- symbolIcon.eventForeground#B8D4E3
- symbolIcon.fieldForeground#1C2834
- symbolIcon.fileForeground#F5F5F5
- symbolIcon.folderForeground#F5F5F5
- symbolIcon.functionForeground#B8D4E3
- symbolIcon.interfaceForeground#B8D4E3
- symbolIcon.keyForeground#F5F5F5
- symbolIcon.keywordForeground#F5F5F5
- symbolIcon.methodForeground#B8D4E3
- symbolIcon.moduleForeground#B8D4E3
- symbolIcon.namespaceForeground#F5F5F5
- symbolIcon.nullForeground#F5F5F5
- symbolIcon.numberForeground#F5F5F5
- symbolIcon.objectForeground#F5F5F5
- symbolIcon.operatorForeground#B8D4E3
- symbolIcon.packageForeground#F5F5F5
- symbolIcon.propertyForeground#1C2834
- symbolIcon.referenceForeground#F5F5F5
- symbolIcon.snippetForeground#F5F5F5
- symbolIcon.stringForeground#F5F5F5
- symbolIcon.structForeground#B8D4E3
- symbolIcon.textForeground#F5F5F5
- symbolIcon.typeParameterForeground#B8D4E3
- symbolIcon.unitForeground#F5F5F5
- symbolIcon.variableForeground#1C2834
- tab.activeBackground#2d2a2e
- tab.activeBorder#B8D4E3
- tab.activeBorderTop#00000000
- tab.activeForeground#d4be98
- tab.activeModifiedBorder#B8D4E3
- tab.border#2d2a2e
- tab.hoverBackground#2d2a2e
- tab.hoverBorder#B8D4E3
- tab.inactiveBackground#2d2a2e
- tab.inactiveForeground#a89984
- tab.inactiveModifiedBorder#1C2834
- tab.unfocusedActiveBackground#2d2a2e
- tab.unfocusedActiveBorder#1C2834
- tab.unfocusedActiveForeground#a89984
- tab.unfocusedActiveModifiedBorder#1C2834
- tab.unfocusedHoverBackground#2d2a2e
- tab.unfocusedHoverBorder#1C2834
- tab.unfocusedInactiveBackground#2d2a2e
- tab.unfocusedInactiveForeground#7c6f64
- tab.unfocusedInactiveModifiedBorder#3c3836
- terminal.ansiBlack#32302f
- terminal.ansiBlue#7daea3
- terminal.ansiBrightBlack#928374
- terminal.ansiBrightBlue#7daea3
- terminal.ansiBrightCyan#89b482
- terminal.ansiBrightGreen#98c379
- terminal.ansiBrightMagenta#ff6b6b
- terminal.ansiBrightRed#e06c75
- terminal.ansiBrightWhite#ddc7a1
- terminal.ansiBrightYellow#e78a4e
- terminal.ansiCyan#89b482
- terminal.ansiGreen#98c379
- terminal.ansiMagenta#ff6b6b
- terminal.ansiRed#e06c75
- terminal.ansiWhite#d4be98
- terminal.ansiYellow#e78a4e
- terminal.foreground#d4be98
- terminalCursor.foreground#d4be98
- testing.iconErrored#e06c75
- testing.iconFailed#e06c75
- testing.iconPassed#B8D4E3
- testing.iconQueued#B8D4E3
- testing.iconSkipped#a89984
- testing.iconUnset#a89984
- testing.message.error.decorationForeground#e06c75
- testing.message.error.lineBackground#e06c7520
- testing.message.info.decorationForeground#1C2834
- testing.message.info.lineBackground#1C283420
- testing.peekBorder#B8D4E3
- testing.peekHeaderBackground#221f22
- testing.runAction#B8D4E3
- textBlockQuote.background#32302f
- textBlockQuote.border#a89984
- textCodeBlock.background#32302f
- textLink.activeForeground#F5F5F5
- textLink.foreground#B8D4E3
- textPreformat.foreground#B8D4E3
- titleBar.activeBackground#1C2834
- titleBar.activeForeground#F5F5F5
- titleBar.border#1C2834
- titleBar.inactiveBackground#1C2834
- titleBar.inactiveForeground#B8D4E3
- toolbar.hoverBackground#383432
- tree.indentGuidesStroke#7c6f64
- widget.shadow#00000070
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword, storage.type.function, storage.type.class, storage.type.enum, storage.type.interface, storage.type.property, keyword.operator.new, keyword.operator.expression, keyword.operator.new, keyword.operator.delete, storage.type.extends | #e06c75 | — |
| keyword.other.debugger | #e06c75 | — |
| storage, modifier, keyword.var, entity.name.tag, keyword.control.case, keyword.control.switch | #e78a4e | — |
| keyword.operator | #e78a4e | — |
| string, punctuation.definition.string.end, punctuation.definition.string.begin, punctuation.definition.string.template.begin, punctuation.definition.string.template.end | #e78a4e | — |
| entity.other.attribute-name | #e78a4e | — |
| constant.character.escape, punctuation.quasi.element, punctuation.definition.template-expression, punctuation.section.embedded, storage.type.format, constant.other.placeholder, constant.other.placeholder, variable.interpolation | #98c379 | — |
| entity.name.function, support.function, meta.function, meta.function-call, meta.definition.method | #98c379 | — |
| keyword.control.at-rule, keyword.control.import, keyword.control.export, storage.type.namespace, punctuation.decorator, keyword.control.directive, keyword.preprocessor, punctuation.definition.preprocessor, punctuation.definition.directive, keyword.other.import, keyword.other.package, entity.name.type.namespace, entity.name.scope-resolution, keyword.other.using, keyword.package, keyword.import, keyword.map | #89b482 | — |
| storage.type.annotation | #89b482 | — |
| entity.name.label, constant.other.label | #89b482 | — |
| support.module, support.node, support.other.module, support.type.object.module, entity.name.type.module, entity.name.type.class.module, keyword.control.module | #89b482 | — |
| storage.type, support.type, entity.name.type, keyword.type | #7daea3 | — |
| entity.name.type.class, support.class, entity.name.class, entity.other.inherited-class, storage.class | #7daea3 | — |
| constant.numeric | #EDD382 | — |
| constant.language.boolean | #EDD382 | — |
| entity.name.function.preprocessor | #EDD382 | — |
| variable.language.this, variable.language.self, variable.language.super, keyword.other.this, variable.language.special, constant.language.null, constant.language.undefined, constant.language.nan | #EDD382 | — |
| constant.language, support.constant | #EDD382 | — |
| variable, support.variable, meta.definition.variable | #d4be98 | — |
| variable.object.property, support.variable.property, variable.other.property, variable.other.object.property, variable.other.enummember, variable.other.member, meta.object-literal.key | #d4be98 | — |
| punctuation, meta.brace, meta.delimiter, meta.bracket | #d4be98 | — |