Euma Theme
Publisher: 39zdeThemes in package: 1
Euma, a color and design 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.activeBorder#3a3b3d
- activityBar.background#3a3b3d
- activityBar.border#5e5e5e
- activityBar.foreground#eec382
- activityBar.inactiveForeground#bdbcba
- activityBarBadge.background#4fdcc4
- activityBarBadge.foreground#0c0d10
- badge.background#4fdcc4
- badge.foreground#0c0d10
- breadcrumb.activeSelectionForeground#e4b05e
- breadcrumb.background#2f3032
- breadcrumb.focusForeground#e4b05e
- breadcrumb.foreground#d5d4d1
- button.background#824fb0
- button.foreground#e2e0dd
- button.hoverBackground#9c68cc
- button.secondaryBackground#525253
- button.secondaryForeground#9c68cc
- button.secondaryHoverBackground#69696a
- checkbox.background#525253
- checkbox.border#0c0d1000
- checkbox.foreground#d5d4d1
- commandCenter.activeBackground#18191b
- commandCenter.activeBorder#e4b05e
- commandCenter.activeForeground#e4b05e
- commandCenter.background#232426
- commandCenter.border#232426
- debugExceptionWidget.background#525253
- debugExceptionWidget.border#69696a
- debugIcon.breakpointForeground#e46b82
- debugToolBar.background#525253
- debugToolBar.border#69696a
- diffEditor.border#525253
- diffEditor.insertedLineBackground#538c5140
- diffEditor.insertedTextBackground#538c5190
- diffEditor.removedLineBackground#a83d5540
- diffEditor.removedTextBackground#a83d5580
- dropdown.background#525253
- dropdown.border#0c0d1000
- dropdown.foreground#d5d4d1
- editor.background#2f3032
- editor.findMatchBackground#e4b05e80
- editor.findMatchBorder#e4b05e80
- editor.findMatchHighlightBackground#e4b05e80
- editor.findMatchHighlightBorder#faf8f400
- editor.findRangeHighlightBackground#52525380
- editor.findRangeHighlightBorder#faf8f400
- editor.foldBackground#0c0d1040
- editor.foreground#e2e0dd
- editor.hoverHighlightBackground#6bb4d640
- editor.inactiveSelectionBackground#52525380
- editor.lineHighlightBackground#52525340
- editor.lineHighlightBorder#2f3032
- editor.rangeHighlightBackground#52525380
- editor.rangeHighlightBorder#faf8f400
- editor.selectionBackground#a1773480
- editor.selectionHighlightBackground#e4b05e20
- editor.selectionHighlightBorder#e4b05e80
- editor.wordHighlightBackground#6bb4d640
- editor.wordHighlightStrongBackground#509fc380
- editor.wordHighlightStrongBorder#509fc300
- editorBracketHighlight.foreground1#d5d4d1
- editorBracketHighlight.foreground2#bf6dac
- editorBracketHighlight.foreground3#5db45b
- editorBracketHighlight.foreground4#d8ca31
- editorBracketHighlight.foreground5#48809a
- editorBracketMatch.background#cd973b40
- editorBracketMatch.border#cd973b
- editorCodeLens.foreground#808081
- editorCursor.background#0c0d10
- editorCursor.foreground#faf8f4
- editorError.background#e46b8200
- editorError.border#faf8f400
- editorError.foreground#e46b82
- editorGroup.border#525253
- editorGroup.emptyBackground#2f3032
- editorGroupHeader.tabsBackground#2f3032
- editorGutter.addedBackground#5db45b
- editorGutter.background#2f3032
- editorGutter.commentRangeForeground#525253
- editorGutter.deletedBackground#ce4967
- editorGutter.foldingControlForeground#d5d4d1
- editorGutter.modifiedBackground#48809a
- editorHoverWidget.background#2f3032
- editorHoverWidget.border#525253
- editorHoverWidget.foreground#d5d4d1
- editorIndentGuide.activeBackground1#69696a
- editorIndentGuide.background1#525253
- editorInfo.background#509fc300
- editorInfo.border#6bb4d600
- editorInfo.foreground#6bb4d6
- editorLightBulb.foreground#eadd56
- editorLineNumber.foreground#808081
- editorLink.activeForeground#9c68cc
- editorMarkerNavigation.background#2f3032
- editorMarkerNavigationError.background#e46b82
- editorMarkerNavigationError.headerBackground#2f3032
- editorMarkerNavigationInfo.background#509fc3
- editorMarkerNavigationWarning.background#eadd56
- editorOverviewRuler.background#2f303280
- editorOverviewRuler.border#52525340
- editorRuler.foreground#525253
- editorSuggestWidget.background#2f3032
- editorSuggestWidget.border#525253
- editorSuggestWidget.focusHighlightForeground#eeece8
- editorSuggestWidget.foreground#e2e0dd
- editorSuggestWidget.highlightForeground#e4b05e
- editorSuggestWidget.selectedBackground#2f3032
- editorWarning.background#eadd5600
- editorWarning.border#faf8f400
- editorWarning.foreground#d8ca31
- editorWhitespace.foreground#d5d4d130
- editorWidget.background#2f3032
- editorWidget.foreground#d5d4d1
- editorWidget.resizeBorder#525253
- errorForeground#e46b82
- focusBorder#e4b05e80
- foreground#e2e0dd
- gitDecoration.addedResourceForeground#5db45b
- gitDecoration.conflictingResourceForeground#bf6dac
- gitDecoration.deletedResourceForeground#ce4967
- gitDecoration.ignoredResourceForeground#b1b0ae
- gitDecoration.modifiedResourceForeground#faf8f4
- gitDecoration.stageDeletedResourceForeground#ce4967
- gitDecoration.stageModifiedResourceForeground#faf8f4
- gitDecoration.submoduleResourceForeground#509fc3
- gitDecoration.untrackedResourceForeground#5db45b
- icon.foreground#e2e0dd
- input.background#232426
- input.border#525253
- input.foreground#e2e0dd
- input.placeholderForeground#b1b0ae
- inputOption.activeBackground#cd973b
- inputOption.activeBorder#cd973b
- inputOption.activeForeground#faf8f4
- list.activeSelectionBackground#2f3032
- list.activeSelectionForeground#eec382
- list.dropBackground#525253
- list.focusBackground#525253
- list.focusForeground#faf8f4
- list.focusOutline#525253
- list.highlightForeground#f4d5a7
- list.hoverBackground#2f3032
- list.hoverForeground#e4b05e
- list.inactiveSelectionBackground#2f3032
- list.inactiveSelectionForeground#e4b05e
- listFilterWidget.background#2f3032
- listFilterWidget.noMatchesOutline#ce4967
- listFilterWidget.outline#0c0d1000
- menu.background#3a3b3d
- menu.border#3a3b3d
- menu.foreground#d5d4d1
- menu.selectionBackground#232426
- menu.selectionBorder#0c0d1000
- menu.selectionForeground#e4b05e
- menu.separatorBackground#5e5e5e
- menubar.selectionBackground#232426
- menubar.selectionForeground#e4b05e
- merge.commonContentBackground#52525380
- merge.commonHeaderBackground#52525380
- merge.currentContentBackground#2bc7cd80
- merge.currentHeaderBackground#49dee480
- merge.incomingContentBackground#48809a80
- merge.incomingHeaderBackground#509fc380
- minimap.background#2f3032
- minimap.errorHighlight#e46b82
- minimap.findMatchHighlight#e4b05e80
- minimap.selectionHighlight#a1773480
- minimap.warningHighlight#d8ca31
- minimapGutter.addedBackground#5db45b
- minimapGutter.deletedBackground#ce4967
- minimapGutter.modifiedBackground#48809a
- multiDiffEditor.background#2f3032
- multiDiffEditor.border#3a3b3d
- multiDiffEditor.headerBackground#3a3b3d
- notificationCenter.border#525253
- notificationCenterHeader.background#2f3032
- notificationCenterHeader.foreground#d5d4d1
- notifications.background#2f3032
- notifications.border#2f3032
- notifications.foreground#d5d4d1
- notificationsErrorIcon.foreground#e46b82
- notificationsInfoIcon.foreground#509fc3
- notificationsWarningIcon.foreground#eadd56
- notificationToast.border#525253
- panel.background#2f3032
- panel.border#525253
- panelSection.border#525253
- panelTitle.activeBorder#cd973b
- panelTitle.activeForeground#e4b05e
- panelTitle.border#2f3032
- panelTitle.inactiveForeground#c9c8c6
- peekView.border#509fc3
- peekViewEditor.background#2f3032
- peekViewEditor.matchHighlightBackground#e4b05e40
- peekViewEditor.matchHighlightBorder#e4b05e80
- peekViewEditorGutter.background#2f3032
- peekViewResult.background#525253
- peekViewResult.fileForeground#e2e0dd
- peekViewResult.lineForeground#d5d4d1
- peekViewResult.matchHighlightBackground#e4b05e40
- peekViewResult.selectionBackground#6bb4d640
- peekViewResult.selectionForeground#e2e0dd
- peekViewTitle.background#2f3032
- peekViewTitleDescription.foreground#c9c8c6
- peekViewTitleLabel.foreground#faf8f4
- pickerGroup.border#525253
- pickerGroup.foreground#9c68cc
- progressBar.background#32bea8
- scrollbar.shadow#0c0d10
- scrollbarSlider.activeBackground#cd973b90
- scrollbarSlider.background#52525380
- scrollbarSlider.hoverBackground#a1773480
- selection.background#a1773480
- settings.checkboxBackground#2f3032
- settings.checkboxBorder#525253
- settings.dropdownBackground#2f3032
- settings.dropdownBorder#525253
- settings.focusedRowBackground#3a3b3d
- settings.headerForeground#e2e0dd
- settings.modifiedItemIndicator#32bea8
- settings.numberInputBackground#2f3032
- settings.numberInputBorder#525253
- settings.textInputBackground#2f3032
- settings.textInputBorder#525253
- sideBar.background#3a3b3d
- sideBar.dropBackground#525253
- sideBar.foreground#d5d4d1
- sideBarSectionHeader.background#0c0d1000
- sideBarSectionHeader.border#5e5e5e
- sideBarSectionHeader.foreground#d5d4d1
- sideBarTitle.foreground#d5d4d1
- statusBar.background#2f3032
- statusBar.border#525253
- statusBar.debuggingBackground#eadd56
- statusBar.debuggingForeground#0c0d10
- statusBar.foreground#d5d4d1
- statusBar.noFolderBackground#9c68cc
- statusBar.noFolderForeground#0c0d10
- statusBarItem.activeBackground#18191b
- statusBarItem.compactHoverBackground#232426
- statusBarItem.hoverBackground#232426
- statusBarItem.hoverForeground#e4b05e
- statusBarItem.prominentBackground#48809a
- statusBarItem.prominentForeground#faf8f4
- statusBarItem.prominentHoverBackground#509fc3
- statusBarItem.prominentHoverForeground#faf8f4
- statusBarItem.remoteBackground#4fdcc4
- statusBarItem.remoteForeground#0c0d10
- tab.activeBackground#18191b80
- tab.activeBorder#e4b05e
- tab.activeBorderTop#2f303200
- tab.activeForeground#e4b05e
- tab.border#525253
- tab.hoverBackground#3a3b3d
- tab.hoverForeground#e4b05e
- tab.inactiveBackground#2f3032
- tab.inactiveForeground#b1b0ae
- terminal.ansiBlack#0c0d10
- terminal.ansiBlue#509fc3
- terminal.ansiBrightBlack#18191b
- terminal.ansiBrightBlue#6bb4d6
- terminal.ansiBrightCyan#6beef3
- terminal.ansiBrightGreen#97e093
- terminal.ansiBrightMagenta#e9a9d8
- terminal.ansiBrightRed#f18d9d
- terminal.ansiBrightWhite#faf8f4
- terminal.ansiBrightYellow#f3e97c
- terminal.ansiCyan#49dee4
- terminal.ansiGreen#97e093
- terminal.ansiMagenta#d88bc5
- terminal.ansiRed#e46b82
- terminal.ansiWhite#e2e0dd
- terminal.ansiYellow#eadd56
- terminal.border#525253
- terminal.foreground#e2e0dd
- terminal.selectionBackground#a1773480
- terminalCursor.background#e4b05e
- terminalCursor.foreground#faf8f4
- textLink.activeForeground#cdadf0
- textLink.foreground#b78be3
- titleBar.activeBackground#2f3032
- titleBar.activeForeground#d5d4d1
- titleBar.border#3a3b3d
- titleBar.inactiveBackground#69696a
- titleBar.inactiveForeground#d5d4d1
- tree.indentGuidesStroke#69696a
- walkThrough.embeddedEditorBackground#0c0d1050
- widget.shadow#0c0d1080
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| markup.heading.markdown, markup.bold.markdown, markup.heading, markup.bold, entity.other.inherited-class, support.class, class, entity.name.type.class | — | bold |
| markup.quote.markdown, variable.language, markup.italic | — | italic |
| markup.strikethrough | — | strikethrough |
| #a83d55 | — | |
| #ce4967 | — | |
| storage.modifier, selfKeyword, selfTypeKeyword, keyword | #e46b82 | — |
| invalid, invalid.deprecated | #f18d9d | — |
| entity.name.label.js, entity.name.label.ts | #f9b3bc | — |
| #538c51 | — | |
| #5db45b | — | |
| #78cf75 | — | |
| meta.function-call.python, support.function, entity.name.function, struct, typeAlias, builtinType, type, entity.name.type.rust, entity.name.type, support.type, enum, interface, namespace, method, macro, function, deriveHelper, decorator, support.class, entity.other.inherited-class, class, builtinAttribute, attribute, decorator, deriveHelper | #97e093 | — |
| #b8edb4 | — | |
| #41606f | — | |
| #48809a | — | |
| token.info-token | #509fc3 | — |
| entity.name.type.instance.jsdoc, punctuation.definition.list.begin.markdown, markup.heading, entity.name.tag, entity.name.section | #6bb4d6 | — |
| support.type, builtinType | #90ceec | — |
| #2c9599 | — | |
| #2bc7cd | — | |
| #49dee4 | — | |
| storage.type, meta.function.decorator.python | #6beef3 | — |
| #92f7fb | — | |
| arithmetic, operator | #a15990 | — |
| #bf6dac | — | |
| string.other.link.title.markdown, string.other.link.description.markdown, token.debug-token, support.constant, const.other, constant.numeric, formatSpecifier, number, const.character, constant.character, constant.character.escape, character, const, constant, boolean, meta.block | #d88bc5 | — |
| constant.numeric.line-number.find-in-files-match | #d88bc5A0 | — |
| variable.language | #e9a9d8 | — |
| constant.other.caps.python, constant.other.caps.rust, variable.other.constant.object.js, variable.other.constant.object.ts | #f6cbea | — |
| #a99e2d | — | |
| #d8ca31 | — | |
| punctuation.section.embedded.rust, punctuation.definition.template-expression.end.ts, punctuation.definition.template-expression.end.js, punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.begin.js, token.warn-token | #eadd56 | — |
| #f3e97c | — | |
| string.unquoted, string.regex, string.quoted.single, string.quoted.double.json, string.quoted.double, markup.inline.raw, string | #f9f2a3 | — |
| #824fb0 | — | |
| #9c68cc | — | |
| markup.underline.link.markdown, markup.underline.link.image.markdown | #b78be3 | — |
| #cdadf0 | — | |
| #e4d3f8 | — | |
| #a17734 | — | |
| #cd973b | — | |
| lifetime | #e4b05e | — |
| #eec382 | — | |
| entity.other.attribute-name, variable.parameter, typeParameter, parameter, derive | #f4d5a7 | — |
| #328d7d | — | |
| #32bea8 | — | |
| #4fdcc4 | — | |
| #6eead3 | — | |
| #9effeb | — | |
| #808081 | — | |
| comment.line, comment.block.documentation, comment | #8c8c8c | — |
| keyword.operator.type.annotation.ts, meta.type.annotation.ts, storage.type.function.arrow.ts, storage.type.function.arrow.js, punctuation.definition.comment, punctuation.separator.continuation, punctuation.terminator, punctuation, punctuation.definition.string.end, punctuation.definition.string.begin, attributeBracket | #989897 | — |
| #bdbcba | — | |
| markup.italic, markup.bold, variable, property, support.type.property-name, static, enumMember | #d5d4d1 | — |
| #e2e0dd | — |