DevFoundry Umber
Publisher: ovcharovcoderThemes in package: 1
A warm dark theme with amber accents and earthy tones, designed for comfortable extended coding sessions at night.
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.activeBackground#C88A3A0D
- activityBar.activeBorder#A9742F
- activityBar.background#18130F
- activityBar.foreground#E9EDF0
- activityBar.inactiveForeground#92897D
- badge.background#C88A3A
- badge.foreground#1C1713
- breadcrumb.activeSelectionForeground#C88A3A
- breadcrumb.focusForeground#A9742F
- breadcrumb.foreground#92897D
- breadcrumbPicker.background#2A241F
- button.background#322B24
- button.foreground#E9EDF0
- button.hoverBackground#C88A3A1A
- button.secondaryBackground#2A241F
- button.secondaryHoverBackground#C88A3A0D
- debugExceptionWidget.background#2A241F
- debugExceptionWidget.border#E06C75
- debugIcon.breakpointDisabledForeground#736A60
- debugIcon.breakpointForeground#E06C75
- debugIcon.breakpointUnverifiedForeground#C88A3A
- debugIcon.disconnectForeground#E06C75
- debugIcon.pauseForeground#FFB454
- debugIcon.startForeground#9ECD7A
- debugIcon.stepIntoForeground#66CCFF
- debugIcon.stepOutForeground#66CCFF
- debugIcon.stepOverForeground#66CCFF
- debugIcon.stopForeground#D97C85
- debugToolBar.background#2A241F
- debugToolBar.border#C88A3A44
- diffEditor.diagonalFill#3D352C
- diffEditor.insertedTextBackground#9ECD7A33
- diffEditor.removedTextBackground#D97C8533
- diffEditor.unchangedRegionBackground#2F2923
- diffEditor.unchangedRegionForeground#92897D
- editor.background#1C1713
- editor.findMatchBackground#C88A3A66
- editor.findMatchHighlightBackground#C88A3A33
- editor.findRangeHighlightBackground#3D352C66
- editor.focusedStackFrameHighlightBackground#C88A3A1A
- editor.foreground#E6EAF0
- editor.hoverHighlightBackground#C88A3A1A
- editor.inactiveSelectionBackground#C88A3A1A
- editor.lineHighlightBackground#26201B
- editor.lineHighlightBorder#4A4036
- editor.selectionBackground#C88A3A33
- editor.stackFrameHighlightBackground#C88A3A1A
- editor.wordHighlightBackground#3D352C80
- editor.wordHighlightStrongBackground#C88A3A33
- editorBracketHighlight.foreground1#C88A3A
- editorBracketHighlight.foreground2#66CCFF
- editorBracketHighlight.foreground3#9ECD7A
- editorBracketHighlight.foreground4#B48EAD
- editorBracketHighlight.foreground5#D97C85
- editorBracketHighlight.foreground6#56B6C2
- editorBracketHighlight.unexpectedBracket.foreground#E06C75
- editorBracketMatch.background#322B24
- editorBracketMatch.border#C88A3A66
- editorBracketPairGuide.activeBackground1#C88A3A33
- editorBracketPairGuide.activeBackground2#C88A3A33
- editorBracketPairGuide.activeBackground3#C88A3A33
- editorBracketPairGuide.background1#3D352C66
- editorBracketPairGuide.background2#3D352C66
- editorBracketPairGuide.background3#3D352C66
- editorCursor.foreground#7FB4CA
- editorError.background#E06C7510
- editorError.border#E06C7588
- editorError.foreground#E06C75
- editorHoverWidget.background#2A241F
- editorHoverWidget.border#3D352C
- editorIndentGuide.activeBackground1#3D352C
- editorIndentGuide.activeBackground2#3D352C
- editorIndentGuide.activeBackground3#3D352C
- editorIndentGuide.activeBackground4#3D352C
- editorIndentGuide.activeBackground5#3D352C
- editorIndentGuide.activeBackground6#3D352C
- editorIndentGuide.background1#2F292380
- editorIndentGuide.background2#2F292380
- editorIndentGuide.background3#2F292380
- editorIndentGuide.background4#2F292380
- editorIndentGuide.background5#2F292380
- editorIndentGuide.background6#2F292380
- editorInfo.border#66CCFF66
- editorInfo.foreground#5599C4
- editorInlayHint.background#3D352C66
- editorInlayHint.foreground#92897D
- editorInlayHint.parameterForeground#9ECD7A
- editorInlayHint.typeForeground#66CCFF
- editorLineNumber.activeForeground#A9742F
- editorLineNumber.foreground#5A5248
- editorMarkerNavigation.background#2A241F
- editorMarkerNavigationError.background#D97C85
- editorMarkerNavigationInfo.background#66CCFF
- editorMarkerNavigationWarning.background#FFB454
- editorOverviewRuler.bracketMatchForeground#C88A3A
- editorOverviewRuler.errorForeground#E06C75
- editorOverviewRuler.infoForeground#66CCFF
- editorOverviewRuler.warningForeground#FFB454
- editorStickyScroll.background#231E19
- editorStickyScrollHover.background#C88A3A0D
- editorSuggestWidget.background#2A241F
- editorSuggestWidget.border#3D352C
- editorSuggestWidget.highlightForeground#C88A3A
- editorSuggestWidget.selectedBackground#C88A3A33
- editorUnnecessaryCode.border#E06C7544
- editorUnnecessaryCode.opacity#00000070
- editorWarning.background#FFB45408
- editorWarning.border#FFB45466
- editorWarning.foreground#FFB454
- editorWhitespace.foreground#3D352C80
- editorWidget.background#2A241F
- editorWidget.border#3D352C
- extensionButton.prominentBackground#C88A3A1A
- extensionButton.prominentForeground#C88A3A
- extensionButton.prominentHoverBackground#C88A3A33
- focusBorder#C88A3A66
- gitDecoration.addedResourceForeground#9ECD7A
- gitDecoration.deletedResourceForeground#D97C85
- gitDecoration.ignoredResourceForeground#736A60
- gitDecoration.modifiedResourceForeground#FFB454
- input.background#2A241F
- input.border#3D352C
- input.foreground#E9EDF0
- input.placeholderForeground#92897D
- inputOption.activeBackground#C88A3A1A
- inputOption.activeBorder#A9742F
- inputValidation.errorBorder#D97C85
- inputValidation.infoBorder#66CCFF
- inputValidation.warningBorder#A9742F
- list.activeSelectionBackground#C88A3A1A
- list.activeSelectionForeground#C88A3A
- list.focusBackground#C88A3A1A
- list.focusForeground#A9742F
- list.focusOutline#C88A3A66
- list.highlightForeground#A9742F
- list.hoverBackground#C88A3A0D
- list.hoverForeground#E9EDF0
- list.inactiveSelectionBackground#C88A3A1A
- list.inactiveSelectionForeground#E9EDF0
- menu.background#201B17
- menu.foreground#E9EDF0
- menu.selectionBackground#C88A3A1A
- menu.selectionBorder#C88A3A44
- menu.selectionForeground#C88A3A
- menubar.selectionBackground#C88A3A1A
- menubar.selectionForeground#C88A3A
- merge.border#3D352C
- merge.commonContentBackground#3D352C66
- merge.currentContentBackground#9ECD7A1A
- merge.currentHeaderBackground#9ECD7A33
- merge.incomingContentBackground#66CCFF1A
- merge.incomingHeaderBackground#66CCFF33
- minimap.background#1C1713
- minimap.findMatchHighlight#C88A3A66
- minimap.selectionHighlight#C88A3A33
- notebook.cellBorderColor#3D352C
- notebook.focusedCellBorder#C88A3A66
- notebookStatusErrorIcon.foreground#D97C85
- notebookStatusSuccessIcon.foreground#9ECD7A
- notificationCenter.border#3D352C
- notifications.background#2A241F
- notifications.border#3D352C
- notifications.foreground#E9EDF0
- notificationsErrorIcon.foreground#D97C85
- notificationsInfoIcon.foreground#66CCFF
- notificationsWarningIcon.foreground#FFB454
- notificationToast.border#3D352C
- panel.background#201B17
- panel.border#3D352C
- panelTitle.activeBorder#A9742F
- panelTitle.activeForeground#C88A3A
- panelTitle.inactiveForeground#92897D
- pickerGroup.foreground#C88A3A
- quickInputList.focusBackground#C88A3A1A
- quickInputList.focusForeground#A9742F
- scrollbarSlider.activeBackground#C88A3A33
- scrollbarSlider.background#C88A3A1A
- scrollbarSlider.hoverBackground#C88A3A33
- settings.checkboxBackground#2A241F
- settings.checkboxBorder#3D352C
- settings.dropdownBackground#2A241F
- settings.dropdownBorder#3D352C
- settings.headerForeground#C88A3A
- settings.modifiedItemIndicator#C88A3A
- settings.numberInputBackground#2A241F
- settings.numberInputBorder#3D352C
- settings.textInputBackground#2A241F
- settings.textInputBorder#3D352C
- sideBar.background#1E1915
- sideBar.foreground#E9EDF0
- sideBarSectionHeader.background#2A241F
- sideBarSectionHeader.foreground#A9742F
- statusBar.background#2A241F
- statusBar.foreground#E9EDF0
- statusBarItem.activeBackground#C88A3A0D
- statusBarItem.focusBorder#C88A3A66
- statusBarItem.hoverBackground#C88A3A1A
- tab.activeBackground#2A241F
- tab.activeBorderTop#C88A3A66
- tab.activeForeground#C88A3A
- tab.hoverBackground#C88A3A0D
- tab.hoverForeground#C88A3A
- tab.inactiveBackground#201B17
- tab.inactiveForeground#7A7166
- tab.unfocusedActiveBorderTop#3D352C
- tab.unfocusedActiveForeground#92897D
- terminal.ansiBlack#1C1713
- terminal.ansiBlue#66CCFF
- terminal.ansiBrightBlack#736A60
- terminal.ansiBrightBlue#66CCFF
- terminal.ansiBrightCyan#56B6C2
- terminal.ansiBrightGreen#98C379
- terminal.ansiBrightMagenta#B48EAD
- terminal.ansiBrightRed#E06C75
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFB454
- terminal.ansiCyan#56B6C2
- terminal.ansiGreen#9ECD7A
- terminal.ansiMagenta#B48EAD
- terminal.ansiRed#D97C85
- terminal.ansiWhite#E9EDF0
- terminal.ansiYellow#FFB454
- terminal.background#201B17
- terminal.foreground#E9EDF0
- terminal.selectionBackground#C88A3A1A
- testing.iconFailed#D97C85
- testing.iconPassed#9ECD7A
- testing.iconQueued#FFB454
- testing.iconUnset#736A60
- testing.message.info.decorationForeground#66CCFF
- testing.peekBorder#3D352C
- testing.peekHeaderBackground#2A241F
- textLink.activeForeground#C88A3A
- textLink.foreground#9ECD7A
- walkThrough.embeddedEditorBackground#1C1713
- welcomePage.tileBackground#2A241F
- welcomePage.tileHoverBackground#C88A3A0D
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7A7166 | — |
| string | #8FBF7A | — |
| string.regexp, constant.other.character-class.regexp, keyword.control.anchor.regexp | #D97C85 | — |
| constant.numeric | #B48EAD | — |
| keyword, storage, keyword.control | #C88A3A | — |
| entity.name.function, meta.function-call, support.function | #7FB4CA | — |
| variable | #C9D1D9 | — |
| storage.type, entity.name.type, entity.name.class, support.class | #D7BA7D | — |
| meta.tag.styled-components, entity.name.tag.styled, meta.function-call.styled | #B48EAD | bold |
| meta.property.css-in-js, support.type.property-name.css-in-js | #9ECD7A | — |
| meta.property-value.css-in-js, constant.other.css-in-js | #FFB454 | — |
| entity.name.function.nextjs, entity.name.function.api.nextjs | #66CCFF | — |
| support.type.nextjs.metadata, entity.name.tag.metadata.nextjs | #B48EAD | — |
| entity.name.function.router.nextjs, support.function.router.nextjs | #C88A3A | italic |
| entity.name.function.composable.vue, support.function.composable.vue, meta.composable.vue | #66CCFF | italic |
| support.function.reactive.vue, support.function.ref.vue, support.function.computed.vue | #B48EAD | — |
| support.function.lifecycle.vue, entity.name.function.hook.vue | #9ECD7A | — |
| entity.name.lifetime.rust, storage.type.lifetime.rust | #B48EAD | italic |
| entity.name.function.macro.rust, keyword.control.macro.rust | #C88A3A | bold |
| meta.annotation.rust, punctuation.definition.annotation.rust | #56B6C2 | — |
| variable.parameter.receiver.go, variable.language.receiver.go | #C88A3A | italic |
| storage.type.interface.go, entity.name.type.interface.go | #56B6C2 | bold |
| keyword.operator.channel.go, storage.type.channel.go | #9ECD7A | — |
| meta.typehint.python, support.type.python, meta.annotation.python | #56B6C2 | italic |
| keyword.control.async.python, keyword.control.await.python | #C88A3A | bold italic |
| meta.function.decorator.python, entity.name.function.decorator.python | #B48EAD | — |
| keyword.other.DDL.sql, keyword.other.DML.sql, keyword.other.DCL.sql | #C88A3A | bold |
| support.function.sql, entity.name.function.sql | #66CCFF | — |
| entity.name.type.table.sql, entity.name.type.view.sql | #E5C07B | — |
| entity.name.function.hook.react, support.function.hook.react, meta.hook.react | #66CCFF | bold |
| entity.name.function.customhook.react, meta.customhook.react | #9ECD7A | italic |
| keyword.other.graphql.operation, entity.name.type.graphql.operation | #B48EAD | — |
| meta.field.graphql, entity.name.field.graphql | #9ECD7A | — |
| entity.name.fragment.graphql, meta.fragment.graphql | #66CCFF | — |
| entity.name.type.test.describe, entity.name.type.suite, meta.test.describe | #E5C07B | bold |
| entity.name.type.test.it, entity.name.type.test.spec, meta.test.it | #66CCFF | — |
| support.function.expect, support.function.assert, keyword.control.test.assertion | #C88A3A | — |
| entity.name.tag | #C06C75 | — |
| entity.other.attribute-name | #C88A3A | — |
| entity.name.tag.component.jsx, entity.name.tag.component.tsx, support.class.component.jsx | #66CCFF | bold |
| entity.other.attribute-name.jsx, entity.other.attribute-name.tsx | #C88A3A | — |
| support.type.property-name.css, meta.property-name.css | #C5CDD5 | — |
| support.constant.property-value.css, constant.other.color.css | #FFB454 | — |
| meta.type.annotation.ts, meta.type.parameters.ts | #56B6C2 | italic |
| entity.name.interface.ts, storage.type.interface.ts | #56B6C2 | bold |
| storage.type.enum.ts, entity.name.enum.ts | #B48EAD | bold |
| variable.language.this.js, variable.language.this.ts | #C88A3A | bold |
| keyword.control.async.js, keyword.control.await.js | #C88A3A | bold italic |
| support.type.property-name.json | #D97C85 | — |
| markup.heading | #66CCFF | — |
| markup.underline.link.markdown | #9ECD7A | — |
| keyword.other.dockerfile | #66CCFF | — |
| markup.inserted.diff | #9ECD7A | — |
| markup.deleted.diff | #D97C85 | — |