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#6D97B0
- activityBar.background#1f2128
- activityBar.border#0d0e11
- activityBar.dropBorder#6D97B0
- activityBar.foreground#b9bec9
- activityBar.inactiveForeground#b9bec960
- activityBarBadge.background#6D97B0
- activityBarBadge.foreground#ffffff
- badge.background#6D97B0
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#b9bec9
- breadcrumb.background#1f2128
- breadcrumb.focusForeground#b9bec9
- breadcrumb.foreground#b9bec970
- breadcrumbPicker.background#181A1F
- button.background#6D97B0
- button.foreground#ffffff
- button.hoverBackground#6D97B0BB
- button.secondaryBackground#6D97B0
- charts.blue#0EC2E6
- charts.foreground#b9bec9
- charts.green#88CC7E
- charts.lines#181A1F
- charts.orange#E69770
- charts.purple#BF98E6
- charts.red#E65C75
- charts.yellow#E5C07B
- commandCenter.background#181A1F
- commandCenter.border#0d0e11
- commandCenter.inactiveBorder#0d0e11
- debugConsole.errorForeground#ed889a
- debugConsole.infoForeground#b9bec980
- debugConsole.sourceForeground#b9bec980
- debugConsole.warningForeground#ddac50
- debugConsoleInputIcon.foreground#b9bec9
- debugExceptionWidget.background#0d0e11
- debugExceptionWidget.border#E65C75
- debugIcon.breakpointDisabledForeground#b9bec9AA
- 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#b9bec9
- debugToolBar.background#111316
- debugToolBar.border#0d0e11
- debugView.stateLabelBackground#6D97B0
- debugView.stateLabelForeground#ffffff
- debugView.valueChangedHighlight#0EC2E6
- descriptionForeground#b9bec980
- 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#181A1F
- dropdown.border#0d0e11
- dropdown.foreground#b9bec990
- dropdown.listBackground#181A1F
- editor.background#1f2128
- editor.findMatchBackground#e5c07b33
- editor.findMatchBorder#e5c07b
- editor.findMatchHighlightBackground#e5c07b33
- editor.findRangeHighlightBackground#404553
- editor.focusedStackFrameHighlightBackground#0EC2E620
- editor.foldBackground#353945
- editor.foreground#b9bec9
- editor.inactiveSelectionBackground#2a2d36
- editor.lineHighlightBackground#2a2d36
- editor.rangeHighlightBackground#E5C07B20
- editor.selectionBackground#404553
- editor.selectionHighlightBackground#404553
- editor.stackFrameHighlightBackground#E5C07B20
- editor.wordHighlightBackground#2f323c
- editor.wordHighlightStrongBackground#2f323c
- editorBracketHighlight.foreground1#0EC2E6CC
- editorBracketHighlight.foreground2#E5C07BCC
- editorBracketHighlight.foreground3#0EC2E6CC
- editorBracketHighlight.foreground4#E5C07BCC
- editorBracketHighlight.foreground5#0EC2E6CC
- editorBracketHighlight.foreground6#E5C07BCC
- editorBracketHighlight.unexpectedBracket.foreground#E65C75
- editorBracketMatch.background#181A1F
- editorBracketMatch.border#b9bec9AA
- editorBracketPairGuide.activeBackground1#0EC2E6AA
- editorBracketPairGuide.activeBackground2#E5C07BAA
- editorBracketPairGuide.activeBackground3#0EC2E6AA
- editorBracketPairGuide.activeBackground4#E5C07BAA
- editorBracketPairGuide.activeBackground5#0EC2E6AA
- editorBracketPairGuide.activeBackground6#E5C07BAA
- editorCodeLens.foreground#b9bec9AA
- editorCursor.foreground#b9bec9
- editorError.foreground#E65C75
- editorGhostText.foreground#b9bec9AA
- editorGroup.border#0d0e11
- editorGroup.dropBackground#6D97B040
- editorGroup.emptyBackground#1f2128
- editorGroupHeader.border#0d0e11
- editorGroupHeader.noTabsBackground#181A1F
- editorGroupHeader.tabsBackground#181A1F
- editorGroupHeader.tabsBorder#0d0e11
- editorGutter.addedBackground#88CC7EAA
- editorGutter.deletedBackground#E65C75AA
- editorGutter.modifiedBackground#0EC2E6AA
- editorHint.foreground#0EC2E6
- editorHoverWidget.background#181A1F
- editorHoverWidget.border#0d0e11
- editorIndentGuide.activeBackground#404553
- editorIndentGuide.background#282a33
- editorInfo.foreground#0EC2E6
- editorInlayHint.background#353945
- editorInlayHint.foreground#b9bec980
- editorInlayHint.parameterForeground#b9bec980
- editorInlayHint.typeForeground#b9bec980
- editorLightBulb.foreground#E5C07B
- editorLightBulbAutoFix.foreground#ddac50
- editorLineNumber.activeForeground#b9bec9
- editorLineNumber.foreground#b9bec950
- editorLink.activeForeground#8eafc2
- editorMarkerNavigation.background#181A1F
- editorOverviewRuler.addedForeground#88CC7E60
- editorOverviewRuler.border#0d0e11
- editorOverviewRuler.bracketMatchForeground#0d0e11
- editorOverviewRuler.deletedForeground#E65C7560
- editorOverviewRuler.errorForeground#E65C75CC
- editorOverviewRuler.findMatchForeground#b9bec944
- editorOverviewRuler.infoForeground#0EC2E6CC
- editorOverviewRuler.modifiedForeground#0EC2E660
- editorOverviewRuler.rangeHighlightForeground#b9bec944
- editorOverviewRuler.selectionHighlightForeground#b9bec922
- editorOverviewRuler.warningForeground#E5C07BCC
- editorOverviewRuler.wordHighlightForeground#88CC7E50
- editorOverviewRuler.wordHighlightStrongForeground#BF98E660
- editorPane.background#181A1F
- editorRuler.foreground#0d0e11
- editorSuggestWidget.background#181A1F
- editorSuggestWidget.border#0d0e11
- editorSuggestWidget.highlightForeground#6D97B0
- editorSuggestWidget.selectedBackground#2e323c
- editorWarning.foreground#E5C07B
- editorWhitespace.foreground#353945
- editorWidget.background#181A1F
- editorWidget.border#0d0e11
- editorWidget.resizeBorder#6D97B0
- errorForeground#b9bec960
- extensionBadge.remoteBackground#6D97B0
- extensionBadge.remoteForeground#ffffff
- extensionButton.prominentBackground#6D97B0DD
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#6D97B0AA
- extensionIcon.starForeground#E5C07B
- focusBorder#6D97B0AA
- foreground#b9bec9
- gitDecoration.addedResourceForeground#88CC7EDD
- gitDecoration.conflictingResourceForeground#BF98E6DD
- gitDecoration.deletedResourceForeground#E65C75DD
- gitDecoration.ignoredResourceForeground#b9bec960
- gitDecoration.modifiedResourceForeground#E5C07BDD
- gitDecoration.renamedResourceForeground#E5C07BDD
- gitDecoration.stageDeletedResourceForeground#E65C75DD
- gitDecoration.stageModifiedResourceForeground#E5C07BDD
- gitDecoration.untrackedResourceForeground#88CC7EDD
- icon.foreground#b9bec980
- input.background#181A1F
- input.border#0d0e11
- input.foreground#b9bec9
- input.placeholderForeground#b9bec980
- inputOption.activeBackground#2e323c
- inputOption.activeForeground#b9bec9
- inputOption.hoverBackground:#2e323c
- inputValidation.errorBackground#3a0912
- inputValidation.errorBorder#E65C75
- inputValidation.errorForeground#b9bec9
- inputValidation.infoBackground#000000
- inputValidation.infoBorder#0EC2E6
- inputValidation.infoForeground#b9bec9
- inputValidation.warningBackground#513a10
- inputValidation.warningBorder#E5C07B
- inputValidation.warningForeground#b9bec9
- keybindingLabel.background#6D97B0
- keybindingLabel.border#6D97B0
- keybindingLabel.bottomBorder#6D97B0
- keybindingLabel.foreground#ffffff
- keybindingTable.headerBackground#181A1F
- keybindingTable.rowsBackground#1f2128
- list.activeSelectionBackground#2e323c
- list.activeSelectionForeground#b9bec9
- list.deemphasizedForeground#b9bec980
- list.dropBackground#6D97B040
- list.errorForeground#E65C75DD
- list.focusAndSelectionOutline#6D97B0
- list.focusBackground#2e323c
- list.focusForeground#b9bec9
- list.highlightForeground#b9bec9
- list.hoverBackground#23262d
- list.hoverForeground#b9bec9
- list.inactiveSelectionBackground#23262d
- list.inactiveSelectionForeground#b9bec9AA
- list.invalidItemForeground#BF98E6DD
- list.warningForeground#E5C07BDD
- listFilterWidget.background#0d0e11
- listFilterWidget.noMatchesOutline#E65C75
- listFilterWidget.outline#0EC2E6
- menu.background#181A1F
- menu.border#0d0e11
- menu.foreground#b9bec980
- menu.selectionBackground#353945
- menu.selectionForeground#b9bec9
- menu.separatorBackground#0d0e11
- menubar.selectionBackground#181A1F
- menubar.selectionBorder#181A1F
- menubar.selectionForeground#b9bec9
- 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#0d0e11
- notebook.cellEditorBackground#181A1F
- notebook.cellStatusBarItemHoverBackground#181A1F
- notebook.editorBackground#1f2128
- notebook.focusedCellBorder#6D97B0
- notificationCenterHeader.background#181A1F
- notificationCenterHeader.border#0d0e11
- notificationLink.foreground#0EC2E6
- notifications.background#181A1F
- notifications.border#0d0e11
- notificationsErrorIcon.foreground#E65C75
- notificationsInfoIcon.foreground#E5C07B
- notificationsWarningIcon.foreground#E5C07B
- notificationToast.border#0d0e11
- panel.background#181A1F
- panel.border#0d0e11
- panel.dropBorder#6D97B0
- panelInput.border#0d0e11
- panelSectionHeader.background#111316
- panelSectionHeader.border#0d0e11
- panelSectionHeader.foreground#b9bec9
- panelTitle.activeBorder#181A1F
- panelTitle.activeForeground#b9bec9
- panelTitle.inactiveForeground#b9bec970
- peekView.border#0d0e11
- peekViewEditor.background#181A1F
- peekViewEditor.matchHighlightBackground#b9bec930
- peekViewResult.background#181A1F
- peekViewResult.fileForeground#b9bec980
- peekViewResult.lineForeground#b9bec9
- peekViewResult.matchHighlightBackground#b9bec930
- peekViewResult.selectionBackground#2e323c
- peekViewResult.selectionForeground#b9bec9
- peekViewTitle.background#181A1F
- peekViewTitleDescription.foreground#b9bec980
- peekViewTitleLabel.foreground#b9bec9
- pickerGroup.border#0d0e11
- pickerGroup.foreground#b9bec9
- progressBar.background#6D97B0
- sash.hoverBorder#6D97B0
- scrollbar.shadow#0d0e1130
- scrollbarSlider.activeBackground#5b627566
- scrollbarSlider.background#454a5866
- scrollbarSlider.hoverBackground#50566766
- searchEditor.findMatchBorder#e5c07b
- searchEditor.textInputBorder#0d0e11
- selection.background#2e323c
- settings.focusedRowBackground#2a2d36
- settings.headerBorder#0d0e11
- settings.headerForeground#b9bec9
- settings.modifiedItemIndicator#6D97B0
- settings.rowHoverBackground#262831
- sideBar.background#181A1F
- sideBar.border#0d0e11
- sideBar.dropBackground#6D97B040
- sideBar.foreground#b9bec9DD
- sideBarSectionHeader.background#181A1F
- sideBarSectionHeader.border#0d0e11
- sideBarSectionHeader.foreground#b9bec9
- sideBarTitle.foreground#b9bec980
- statusBar.background#1f2128
- statusBar.border#0d0e11
- statusBar.debuggingBackground#E5C07B
- statusBar.debuggingBorder#0d0e11
- statusBar.debuggingForeground#513a10
- statusBar.foreground#b9bec9AA
- statusBar.noFolderBackground#181A1F
- statusBarItem.activeBackground#00000020
- statusBarItem.errorForeground#E65C75
- statusBarItem.hoverBackground#ffffff10
- statusBarItem.prominentBackground#00000030
- statusBarItem.prominentHoverBackground#00000030
- statusBarItem.remoteBackground#6D97B0
- statusBarItem.remoteForeground#ffffff
- 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#1f2128
- tab.activeBorder#1f2128
- tab.activeBorderTop#6D97B0
- tab.activeForeground#b9bec9
- tab.activeModifiedBorder#6D97B0
- tab.border#0d0e11
- tab.hoverForeground#b9bec9
- tab.inactiveBackground#181A1F
- tab.inactiveForeground#b9bec980
- tab.inactiveModifiedBorder#6D97B080
- tab.lastPinnedBorder#0d0e11
- tab.unfocusedActiveBorder#6D97B080
- tab.unfocusedActiveForeground#b9bec9
- tab.unfocusedHoverForeground#b9bec9
- tab.unfocusedInactiveForeground#b9bec980
- terminal.ansiBlack#b9bec920
- terminal.ansiBlue#0EC2E6
- terminal.ansiBrightBlack#181A1F
- terminal.ansiBrightBlue#0EC2E6
- terminal.ansiBrightCyan#0EC2E6
- terminal.ansiBrightGreen#88CC7E
- terminal.ansiBrightMagenta#BF98E6
- terminal.ansiBrightRed#E65C75
- terminal.ansiBrightWhite#b9bec9
- terminal.ansiBrightYellow#E5C07B
- terminal.ansiCyan#0EC2E6
- terminal.ansiGreen#88CC7E
- terminal.ansiMagenta#BF98E6
- terminal.ansiRed#E65C75
- terminal.ansiWhite#b9bec9
- terminal.ansiYellow#E5C07B
- terminal.background#181A1F
- terminal.foreground#b9bec9
- terminal.selectionBackground#b9bec920
- testing.iconErrored#BF98E6
- testing.iconFailed#E65C75
- testing.iconPassed#88CC7E
- testing.iconQueued#0EC2E6
- testing.iconSkipped#E5C07B
- testing.iconUnset#b9bec980
- 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#181A1F
- textCodeBlock.background#181A1F
- textLink.activeForeground#8eafc2
- textLink.foreground#6D97B0
- textPreformat.foreground#6D97B0
- textSeparator.foreground#181A1F60
- titleBar.activeBackground#1f2128
- titleBar.activeForeground#b9bec980
- titleBar.border#0d0e11
- titleBar.inactiveBackground#1f2128
- titleBar.inactiveForeground#b9bec980
- toolbar.activeBackground#2e323c
- toolbar.hoverBackground#2e323c
- tree.indentGuidesStroke#393e4a
- walkThrough.embeddedEditorBackground#181A1F
- widget.shadow#0d0e1180
- window.activeBorder#0d0e11
- window.inactiveBorder#0d0e11
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| invalid | #E65C75 | — |
| constant.character.escape | #0EC2E6 | — |
| *url*, *link*, *uri* | #6D97B0 | underline |
| comment, punctuation.definition.comment, unused.comment, wildcard.comment | #b9bec960 | italic |
| punctuation, meta.brace | #b9bec9 | — |
| 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 | #b9bec9 | — |
| 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 | #b9bec9 | — |
| meta.selector.css, meta.attribute-selector.scss, entity.other.attribute-name.id.css | #E5C07B | — |
| meta.property-value.css | #b9bec9 | — |
| 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 | #b9bec9 | — |
| 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 | #b9bec9 | — |
| 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 | #b9bec9AA | — |
| 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 | #b9bec9AA | — |
| 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 | #b9bec950 | — |
| punctuation.definition.fenced.markdown | #b9bec930 | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #b9bec9 | — |
| variable.language.fenced.markdown | #b9bec9AA | — |
| meta.separator | #b9bec9AA | bold |
| markup.table | #b9bec9 | — |