Universum Theme
Publisher: Daniel BeffThemes in package: 5
Universum Theme 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.activeBorder#67995F
- activityBar.background#14262d
- activityBar.border#070e10
- activityBar.dropBorder#67995F
- activityBar.foreground#a5cad7
- activityBar.inactiveForeground#a5cad760
- activityBarBadge.background#67995F
- activityBarBadge.foreground#ecf3eb
- badge.background#67995F
- badge.foreground#ecf3eb
- breadcrumb.activeSelectionForeground#a5cad7
- breadcrumb.background#14262d
- breadcrumb.focusForeground#a5cad7
- breadcrumb.foreground#a5cad770
- breadcrumbPicker.background#0f1d22
- button.background#67995F
- button.foreground#ecf3eb
- button.hoverBackground#67995FBB
- button.secondaryBackground#67995F
- charts.blue#0EC2E6
- charts.foreground#a5cad7
- charts.green#88CC7E
- charts.lines#0f1d22
- charts.orange#E69770
- charts.purple#BF98E6
- charts.red#E65C75
- charts.yellow#E5C07B
- commandCenter.background#0f1d22
- commandCenter.border#070e10
- commandCenter.inactiveBorder#070e10
- debugConsole.errorForeground#ed889a
- debugConsole.infoForeground#a5cad780
- debugConsole.sourceForeground#a5cad780
- debugConsole.warningForeground#ddac50
- debugConsoleInputIcon.foreground#a5cad7
- debugExceptionWidget.background#070e10
- debugExceptionWidget.border#E65C75
- debugIcon.breakpointDisabledForeground#a5cad7AA
- debugIcon.breakpointForeground#E65C75
- debugIcon.breakpointUnverifiedForeground#E65C75AA
- debugIcon.pauseForeground#0EC2E6
- debugIcon.restartForeground#88CC7E
- debugIcon.stopForeground#E65C75
- debugTokenExpression.boolean#0EC2E6
- debugTokenExpression.error#E65C75
- debugTokenExpression.name#E5C07B
- debugTokenExpression.number#0EC2E6
- debugTokenExpression.string#88CC7E
- debugTokenExpression.value#a5cad7
- debugToolBar.background#0a1417
- debugToolBar.border#070e10
- debugView.stateLabelBackground#67995F
- debugView.stateLabelForeground#ecf3eb
- debugView.valueChangedHighlight#0EC2E6
- descriptionForeground#a5cad780
- diffEditor.diagonalFill#E65C7550
- diffEditor.insertedLineBackground#0EC2E620
- diffEditor.insertedTextBackground#0EC2E620
- diffEditor.removedLineBackground#E65C7520
- diffEditor.removedTextBackground#E65C7520
- diffEditorGutter.insertedLineBackground#0EC2E625
- diffEditorGutter.removedLineBackground#E65C7525
- diffEditorOverview.insertedForeground#0EC2E625
- diffEditorOverview.removedForeground#E65C7525
- dropdown.background#0f1d22
- dropdown.border#070e10
- dropdown.foreground#a5cad790
- dropdown.listBackground#0f1d22
- editor.background#14262d
- editor.findMatchBackground#e5c07b33
- editor.findMatchBorder#e5c07b
- editor.findMatchHighlightBackground#e5c07b33
- editor.findRangeHighlightBackground#2c5362
- editor.focusedStackFrameHighlightBackground#0EC2E620
- editor.foldBackground#244450
- editor.foreground#a5cad7
- editor.inactiveSelectionBackground#1c353f
- editor.lineHighlightBackground#1c353f
- editor.rangeHighlightBackground#E5C07B20
- editor.selectionBackground#2c5362
- editor.selectionHighlightBackground#2c5362
- editor.stackFrameHighlightBackground#E5C07B20
- editor.wordHighlightBackground#1f3b46
- editor.wordHighlightStrongBackground#1f3b46
- editorBracketHighlight.foreground1#0EC2E6CC
- editorBracketHighlight.foreground2#E5C07BCC
- editorBracketHighlight.foreground3#0EC2E6CC
- editorBracketHighlight.foreground4#E5C07BCC
- editorBracketHighlight.foreground5#0EC2E6CC
- editorBracketHighlight.foreground6#E5C07BCC
- editorBracketHighlight.unexpectedBracket.foreground#E65C75
- editorBracketMatch.background#0f1d22
- editorBracketMatch.border#a5cad7AA
- editorBracketPairGuide.activeBackground1#0EC2E6AA
- editorBracketPairGuide.activeBackground2#E5C07BAA
- editorBracketPairGuide.activeBackground3#0EC2E6AA
- editorBracketPairGuide.activeBackground4#E5C07BAA
- editorBracketPairGuide.activeBackground5#0EC2E6AA
- editorBracketPairGuide.activeBackground6#E5C07BAA
- editorCodeLens.foreground#a5cad7AA
- editorCursor.foreground#a5cad7
- editorError.foreground#E65C75
- editorGhostText.foreground#a5cad7AA
- editorGroup.border#070e10
- editorGroup.dropBackground#67995F40
- editorGroup.emptyBackground#14262d
- editorGroupHeader.border#070e10
- editorGroupHeader.noTabsBackground#0f1d22
- editorGroupHeader.tabsBackground#0f1d22
- editorGroupHeader.tabsBorder#070e10
- editorGutter.addedBackground#88CC7EAA
- editorGutter.deletedBackground#E65C75AA
- editorGutter.modifiedBackground#0EC2E6AA
- editorHint.foreground#0EC2E6
- editorHoverWidget.background#0f1d22
- editorHoverWidget.border#070e10
- editorIndentGuide.activeBackground#2c5362
- editorIndentGuide.background#1a323b
- editorInfo.foreground#0EC2E6
- editorInlayHint.background#244450
- editorInlayHint.foreground#a5cad780
- editorInlayHint.parameterForeground#a5cad780
- editorInlayHint.typeForeground#a5cad780
- editorLightBulb.foreground#E5C07B
- editorLightBulbAutoFix.foreground#ddac50
- editorLineNumber.activeForeground#a5cad7
- editorLineNumber.foreground#a5cad750
- editorLink.activeForeground#84ae7d
- editorMarkerNavigation.background#0f1d22
- editorOverviewRuler.addedForeground#88CC7E60
- editorOverviewRuler.border#070e10
- editorOverviewRuler.bracketMatchForeground#070e10
- editorOverviewRuler.deletedForeground#E65C7560
- editorOverviewRuler.errorForeground#E65C75CC
- editorOverviewRuler.findMatchForeground#a5cad744
- editorOverviewRuler.infoForeground#0EC2E6CC
- editorOverviewRuler.modifiedForeground#0EC2E660
- editorOverviewRuler.rangeHighlightForeground#a5cad744
- editorOverviewRuler.selectionHighlightForeground#a5cad722
- editorOverviewRuler.warningForeground#E5C07BCC
- editorOverviewRuler.wordHighlightForeground#88CC7E50
- editorOverviewRuler.wordHighlightStrongForeground#BF98E660
- editorPane.background#0f1d22
- editorRuler.foreground#070e10
- editorSuggestWidget.background#0f1d22
- editorSuggestWidget.border#070e10
- editorSuggestWidget.highlightForeground#67995F
- editorSuggestWidget.selectedBackground#1f3b45
- editorWarning.foreground#E5C07B
- editorWhitespace.foreground#244450
- editorWidget.background#0f1d22
- editorWidget.border#070e10
- editorWidget.resizeBorder#67995F
- errorForeground#a5cad760
- extensionBadge.remoteBackground#67995F
- extensionBadge.remoteForeground#ecf3eb
- extensionButton.prominentBackground#67995FDD
- extensionButton.prominentForeground#ecf3eb
- extensionButton.prominentHoverBackground#67995FAA
- extensionIcon.starForeground#E5C07B
- focusBorder#67995FAA
- foreground#a5cad7
- gitDecoration.addedResourceForeground#88CC7EDD
- gitDecoration.conflictingResourceForeground#BF98E6DD
- gitDecoration.deletedResourceForeground#E65C75DD
- gitDecoration.ignoredResourceForeground#a5cad760
- gitDecoration.modifiedResourceForeground#E5C07BDD
- gitDecoration.renamedResourceForeground#E5C07BDD
- gitDecoration.stageDeletedResourceForeground#E65C75DD
- gitDecoration.stageModifiedResourceForeground#E5C07BDD
- gitDecoration.untrackedResourceForeground#88CC7EDD
- icon.foreground#a5cad780
- input.background#0f1d22
- input.border#070e10
- input.foreground#a5cad7
- input.placeholderForeground#a5cad780
- inputOption.activeBackground#1f3b45
- inputOption.activeForeground#a5cad7
- inputOption.hoverBackground:#1f3b45
- inputValidation.errorBackground#3a0912
- inputValidation.errorBorder#E65C75
- inputValidation.errorForeground#a5cad7
- inputValidation.infoBackground#000000
- inputValidation.infoBorder#0EC2E6
- inputValidation.infoForeground#a5cad7
- inputValidation.warningBackground#513a10
- inputValidation.warningBorder#E5C07B
- inputValidation.warningForeground#a5cad7
- keybindingLabel.background#67995F
- keybindingLabel.border#67995F
- keybindingLabel.bottomBorder#67995F
- keybindingLabel.foreground#ecf3eb
- keybindingTable.headerBackground#0f1d22
- keybindingTable.rowsBackground#14262d
- list.activeSelectionBackground#1f3b45
- list.activeSelectionForeground#a5cad7
- list.deemphasizedForeground#a5cad780
- list.dropBackground#67995F40
- list.errorForeground#E65C75DD
- list.focusAndSelectionOutline#67995F
- list.focusBackground#1f3b45
- list.focusForeground#a5cad7
- list.highlightForeground#a5cad7
- list.hoverBackground#172c34
- list.hoverForeground#a5cad7
- list.inactiveSelectionBackground#172c34
- list.inactiveSelectionForeground#a5cad7AA
- list.invalidItemForeground#BF98E6DD
- list.warningForeground#E5C07BDD
- listFilterWidget.background#070e10
- listFilterWidget.noMatchesOutline#E65C75
- listFilterWidget.outline#0EC2E6
- menu.background#0f1d22
- menu.border#070e10
- menu.foreground#a5cad780
- menu.selectionBackground#244450
- menu.selectionForeground#a5cad7
- menu.separatorBackground#070e10
- menubar.selectionBackground#0f1d22
- menubar.selectionBorder#0f1d22
- menubar.selectionForeground#a5cad7
- merge.currentContentBackground#0EC2E645
- merge.currentHeaderBackground#0EC2E625
- merge.incomingContentBackground#0EC2E645
- merge.incomingHeaderBackground#0EC2E6AA
- mergeEditor.change.background#0EC2E625
- mergeEditor.change.word.background#0EC2E640
- mergeEditor.conflict.handled.minimapOverViewRuler#0EC2E6
- mergeEditor.conflict.handledFocused.border#0EC2E665
- mergeEditor.conflict.handledUnfocused.border#0EC2E625
- mergeEditor.conflict.unhandled.minimapOverViewRuler#E5C07B
- mergeEditor.conflict.unhandledFocused.border#E5C07B65
- mergeEditor.conflict.unhandledUnfocused.border#E5C07B25
- minimapGutter.addedBackground#88CC7EAA
- minimapGutter.deletedBackground#E65C75AA
- minimapGutter.modifiedBackground#0EC2E6AA
- notebook.cellBorderColor#070e10
- notebook.cellEditorBackground#0f1d22
- notebook.cellStatusBarItemHoverBackground#0f1d22
- notebook.editorBackground#14262d
- notebook.focusedCellBorder#67995F
- notificationCenterHeader.background#0f1d22
- notificationCenterHeader.border#070e10
- notificationLink.foreground#0EC2E6
- notifications.background#0f1d22
- notifications.border#070e10
- notificationsErrorIcon.foreground#E65C75
- notificationsInfoIcon.foreground#E5C07B
- notificationsWarningIcon.foreground#E5C07B
- notificationToast.border#070e10
- panel.background#0f1d22
- panel.border#070e10
- panel.dropBorder#67995F
- panelInput.border#070e10
- panelSectionHeader.background#0a1417
- panelSectionHeader.border#070e10
- panelSectionHeader.foreground#a5cad7
- panelTitle.activeBorder#0f1d22
- panelTitle.activeForeground#a5cad7
- panelTitle.inactiveForeground#a5cad770
- peekView.border#070e10
- peekViewEditor.background#0f1d22
- peekViewEditor.matchHighlightBackground#a5cad730
- peekViewResult.background#0f1d22
- peekViewResult.fileForeground#a5cad780
- peekViewResult.lineForeground#a5cad7
- peekViewResult.matchHighlightBackground#a5cad730
- peekViewResult.selectionBackground#1f3b45
- peekViewResult.selectionForeground#a5cad7
- peekViewTitle.background#0f1d22
- peekViewTitleDescription.foreground#a5cad780
- peekViewTitleLabel.foreground#a5cad7
- pickerGroup.border#070e10
- pickerGroup.foreground#a5cad7
- progressBar.background#67995F
- sash.hoverBorder#67995F
- scrollbar.shadow#070e1030
- scrollbarSlider.activeBackground#3e788c66
- scrollbarSlider.background#2e596966
- scrollbarSlider.hoverBackground#36687a66
- searchEditor.findMatchBorder#e5c07b
- searchEditor.textInputBorder#070e10
- selection.background#1f3b45
- settings.focusedRowBackground#1c353f
- settings.headerBorder#070e10
- settings.headerForeground#a5cad7
- settings.modifiedItemIndicator#67995F
- settings.rowHoverBackground#192f38
- sideBar.background#0f1d22
- sideBar.border#070e10
- sideBar.dropBackground#67995F40
- sideBar.foreground#a5cad7DD
- sideBarSectionHeader.background#0f1d22
- sideBarSectionHeader.border#070e10
- sideBarSectionHeader.foreground#a5cad7
- sideBarTitle.foreground#a5cad780
- statusBar.background#14262d
- statusBar.border#070e10
- statusBar.debuggingBackground#E5C07B
- statusBar.debuggingBorder#070e10
- statusBar.debuggingForeground#513a10
- statusBar.foreground#a5cad7AA
- statusBar.noFolderBackground#0f1d22
- statusBarItem.activeBackground#00000020
- statusBarItem.errorForeground#E65C75
- statusBarItem.hoverBackground#ffffff10
- statusBarItem.prominentBackground#00000030
- statusBarItem.prominentHoverBackground#00000030
- statusBarItem.remoteBackground#67995F
- statusBarItem.remoteForeground#ecf3eb
- statusBarItem.warningForeground#E5C07B
- symbolIcon.arrayForeground#0EC2E6
- symbolIcon.booleanForeground#0EC2E6
- symbolIcon.classForeground#E5C07B
- symbolIcon.colorForeground#0EC2E6
- symbolIcon.constantForeground#88CC7E
- symbolIcon.constructorForeground#0EC2E6
- symbolIcon.enumeratorForeground#0EC2E6
- symbolIcon.enumeratorMemberForeground#0EC2E6
- symbolIcon.eventForeground#0EC2E6
- symbolIcon.fieldForeground#0EC2E6
- symbolIcon.fileForeground#0EC2E6
- symbolIcon.folderForeground#0EC2E6
- symbolIcon.functionForeground#0EC2E6
- symbolIcon.interfaceForeground#0EC2E6
- symbolIcon.keyForeground#0EC2E6
- symbolIcon.keywordForeground#0EC2E6
- symbolIcon.methodForeground#0EC2E6
- symbolIcon.moduleForeground#0EC2E6
- symbolIcon.namespaceForeground#BF98E6
- symbolIcon.nullForeground#E65C75
- symbolIcon.numberForeground#E65C75
- symbolIcon.objectForeground#0EC2E6
- symbolIcon.operatorForeground#0EC2E6
- symbolIcon.packageForeground#0EC2E6
- symbolIcon.propertyForeground#E5C07B
- symbolIcon.referenceForeground#0EC2E6
- symbolIcon.snippetForeground#0EC2E6
- symbolIcon.stringForeground#88CC7E
- symbolIcon.structForeground#0EC2E6
- symbolIcon.textForeground#88CC7E
- symbolIcon.typeParameterForeground#0EC2E6
- symbolIcon.unitForeground#0EC2E6
- symbolIcon.variableForeground#0EC2E6
- tab.activeBackground#14262d
- tab.activeBorder#14262d
- tab.activeBorderTop#67995F
- tab.activeForeground#a5cad7
- tab.activeModifiedBorder#67995F
- tab.border#070e10
- tab.hoverForeground#a5cad7
- tab.inactiveBackground#0f1d22
- tab.inactiveForeground#a5cad780
- tab.inactiveModifiedBorder#67995F80
- tab.lastPinnedBorder#070e10
- tab.unfocusedActiveBorder#67995F80
- tab.unfocusedActiveForeground#a5cad7
- tab.unfocusedHoverForeground#a5cad7
- tab.unfocusedInactiveForeground#a5cad780
- terminal.ansiBlack#a5cad720
- terminal.ansiBlue#0EC2E6
- terminal.ansiBrightBlack#0f1d22
- terminal.ansiBrightBlue#0EC2E6
- terminal.ansiBrightCyan#0EC2E6
- terminal.ansiBrightGreen#88CC7E
- terminal.ansiBrightMagenta#BF98E6
- terminal.ansiBrightRed#E65C75
- terminal.ansiBrightWhite#a5cad7
- terminal.ansiBrightYellow#E5C07B
- terminal.ansiCyan#0EC2E6
- terminal.ansiGreen#88CC7E
- terminal.ansiMagenta#BF98E6
- terminal.ansiRed#E65C75
- terminal.ansiWhite#a5cad7
- terminal.ansiYellow#E5C07B
- terminal.background#0f1d22
- terminal.foreground#a5cad7
- terminal.selectionBackground#a5cad720
- testing.iconErrored#BF98E6
- testing.iconFailed#E65C75
- testing.iconPassed#88CC7E
- testing.iconQueued#0EC2E6
- testing.iconSkipped#E5C07B
- testing.iconUnset#a5cad780
- testing.message.error.decorationForeground#E65C75
- testing.message.error.lineBackground#E65C7530
- testing.message.info.decorationForeground#0EC2E6
- testing.message.info.lineBackground#0EC2E630
- testing.runAction#88CC7E
- textBlockQuote.background#0f1d22
- textCodeBlock.background#0f1d22
- textLink.activeForeground#84ae7d
- textLink.foreground#67995F
- textPreformat.foreground#67995F
- textSeparator.foreground#0f1d2260
- titleBar.activeBackground#14262d
- titleBar.activeForeground#a5cad780
- titleBar.border#070e10
- titleBar.inactiveBackground#14262d
- titleBar.inactiveForeground#a5cad780
- toolbar.activeBackground#1f3b45
- toolbar.hoverBackground#1f3b45
- tree.indentGuidesStroke#264a57
- walkThrough.embeddedEditorBackground#0f1d22
- widget.shadow#070e1080
- window.activeBorder#070e10
- window.inactiveBorder#070e10
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| invalid | #E65C75 | — |
| constant.character.escape | #0EC2E6 | — |
| *url*, *link*, *uri* | #67995F | underline |
| comment, punctuation.definition.comment, unused.comment, wildcard.comment | #a5cad760 | italic |
| punctuation, meta.brace | #a5cad7 | — |
| string | #88CC7E | — |
| string punctuation | #b3ceaf | — |
| string.regexp | #BF98E6 | — |
| punctuation.definition.template-expression | #0EC2E6 | — |
| constant.numeric, constant.character, constant.escape | #0EC2E6 | — |
| storage, constant.language, support.type.builtin, support.function.builtin | #0EC2E6 | — |
| keyword, keyword.operator, meta.decorator, punctuation.decorator, punctuation.definition.keyword, support.type.object.module, variable.language | #E65C75 | — |
| variable, variable.other.readwrite.alias, meta.class, meta.attribute entity.name, meta.definition.property, entity.name.package, entity.name.function, entity.name.type, support.function | #E5C07B | — |
| meta.object, variable.object, variable.other.property, variable.other.enummember | #a5cad7 | — |
| meta.parameters variable, variable.parameter | #BF98E6 | — |
| support.type, meta.type, meta.enum, meta.interface | #E5C07B | — |
| meta.tag entity.name.tag | #0EC2E6 | — |
| meta.tag punctuation.definition.tag | #0a859e | — |
| meta.tag.attributes, meta.attribute, entity.other.attribute-name | #0b99b6 | — |
| entity.name.tag.css | #E65C75 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #E5C07B | — |
| support.type.property-name.css | #a5cad7 | — |
| meta.selector.css, meta.attribute-selector.scss, entity.other.attribute-name.id.css | #E5C07B | — |
| meta.property-value.css | #a5cad7 | — |
| punctuation.definition.entity.css, entity.other.attribute-name.pseudo-element.css | #E65C75 | — |
| source.css keyword.other.unit | #0b99b6 | — |
| support.constant.media.css, support.constant.media-type.media | #0EC2E6 | — |
| entity.name.tag.yaml | #E5C07B | — |
| string.unquoted.plain.out.yaml, source.yaml punctuation | #a5cad7 | — |
| support.type.property-name.json | #88CC7E | — |
| entity.name.section.group-title.ini | #0EC2E6 | — |
| keyword.other.definition.ini | #E5C07B | — |
| storage.modifier.shell | #E65C75 | — |
| variable.other.normal.shell | #BF98E6 | — |
| punctuation.definition.variable.shell | #ccadeb | — |
| markup.inserted | #88CC7E | — |
| markup.deleted | #E65C75 | — |
| markup.changed | #BF98E6 | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #a5cad7 | — |
| markup.heading.markdown | #E5C07B | — |
| markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #0EC2E6 | — |
| text.html.markdown markup.inline.raw.markdown | #BF98E6 | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #a5cad7AA | — |
| markup.italic | #E65C75 | italic |
| markup.bold, markup.bold string | #E65C75 | bold |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | #E5C07B | bold |
| markup.underline | #88CC7E | underline |
| markup.quote punctuation.definition.blockquote.markdown | #a5cad7AA | — |
| markup.quote | #0EC2E6 | italic |
| meta.image.inline.markdown, string.other.link.description.markdown | #BF98E6 | — |
| string.other.link.title.markdown | #BF98E6 | — |
| string.other.link.description.title.markdown | #0EC2E6 | — |
| constant.other.reference.link.markdown | #88CC7E | — |
| markup.raw.block | #BF98E6 | — |
| markup.raw.block.fenced.markdown | #a5cad750 | — |
| punctuation.definition.fenced.markdown | #a5cad730 | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #a5cad7 | — |
| variable.language.fenced.markdown | #a5cad7AA | — |
| meta.separator | #a5cad7AA | bold |
| markup.table | #a5cad7 | — |