Middle-earth Themes
Publisher: bryceThemes in package: 26
Twenty-six color themes drawn from thirteen realms of Middle-earth, each in a dark and a light mode.
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#d9624a
- activityBar.background#0b0b0e
- activityBar.border#060608
- activityBar.foreground#a9a8a6
- activityBar.inactiveForeground#7a7979
- activityBarBadge.background#b54033
- activityBarBadge.foreground#f0e8e6
- badge.background#b54033
- badge.foreground#f0e8e6
- breadcrumb.activeSelectionForeground#d9624a
- breadcrumb.focusForeground#c4c2c0
- breadcrumb.foreground#7a7979
- breadcrumbPicker.background#0f0f12
- button.background#b54033
- button.foreground#f0e8e6
- button.hoverBackground#be574b
- button.secondaryBackground#26262b
- button.secondaryForeground#c4c2c0
- checkbox.background#0b0b0e
- checkbox.border#2a2a2f
- descriptionForeground#7a7979
- dropdown.background#0b0b0e
- dropdown.border#2a2a2f
- dropdown.foreground#c4c2c0
- editor.background#131316
- editor.findMatchBackground#e08a3c66
- editor.findMatchHighlightBackground#d9624a33
- editor.foreground#c4c2c0
- editor.hoverHighlightBackground#2e303655
- editor.lineHighlightBackground#1a1a1e
- editor.selectionBackground#2e303688
- editor.selectionHighlightBackground#2e303655
- editor.wordHighlightBackground#2e303655
- editor.wordHighlightStrongBackground#b5403344
- editorBracketHighlight.foreground1#b54033
- editorBracketHighlight.foreground2#d9624a
- editorBracketHighlight.foreground3#e08a3c
- editorBracketHighlight.foreground4#9aa6ac
- editorBracketHighlight.foreground5#8a8f8c
- editorBracketHighlight.foreground6#d9624a
- editorBracketMatch.background#b5403333
- editorBracketMatch.border#b54033
- editorCursor.foreground#e0452e
- editorError.foreground#e0452e
- editorGroup.border#060608
- editorGroupHeader.noTabsBackground#0d0d0f
- editorGroupHeader.tabsBackground#0d0d0f
- editorGutter.addedBackground#b54033
- editorGutter.background#131316
- editorGutter.deletedBackground#e0452e
- editorGutter.modifiedBackground#d9624a
- editorHoverWidget.background#0f0f12
- editorHoverWidget.border#2a2a2f
- editorIndentGuide.activeBackground1#45474c
- editorIndentGuide.background1#2a2a2f
- editorInfo.foreground#9aa6ac
- editorLineNumber.activeForeground#d9624a
- editorLineNumber.foreground#45474c
- editorLink.activeForeground#d9624a
- editorRuler.foreground#2a2a2f
- editorSuggestWidget.background#0f0f12
- editorSuggestWidget.border#2a2a2f
- editorSuggestWidget.highlightForeground#d9624a
- editorSuggestWidget.selectedBackground#26262b
- editorWarning.foreground#e08a3c
- editorWhitespace.foreground#2a2a2f
- editorWidget.background#0f0f12
- editorWidget.border#2a2a2f
- errorForeground#e0452e
- focusBorder#b54033
- foreground#c4c2c0
- gitDecoration.conflictingResourceForeground#e08a3c
- gitDecoration.deletedResourceForeground#e0452e
- gitDecoration.ignoredResourceForeground#45474c
- gitDecoration.modifiedResourceForeground#d9624a
- gitDecoration.untrackedResourceForeground#b54033
- icon.foreground#7a7979
- input.background#0b0b0e
- input.border#2a2a2f
- input.foreground#c4c2c0
- input.placeholderForeground#7a7979
- inputOption.activeBorder#d9624a
- list.activeSelectionBackground#26262b
- list.activeSelectionForeground#c4c2c0
- list.errorForeground#e0452e
- list.focusBackground#26262b
- list.highlightForeground#d9624a
- list.hoverBackground#1c1c20
- list.inactiveSelectionBackground#1c1c20
- list.warningForeground#e08a3c
- menu.background#0f0f12
- menu.foreground#c4c2c0
- menu.selectionBackground#26262b
- menu.separatorBackground#2a2a2f
- menubar.selectionBackground#26262b
- minimap.findMatchHighlight#d9624a
- minimapSlider.background#45474c33
- minimapSlider.hoverBackground#45474c55
- panel.background#0f0f12
- panel.border#060608
- panelTitle.activeBorder#d9624a
- panelTitle.activeForeground#c4c2c0
- panelTitle.inactiveForeground#7a7979
- peekView.border#b54033
- peekViewEditor.background#0d0d0f
- peekViewResult.background#0f0f12
- peekViewTitle.background#0f0f12
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#b5403388
- scrollbarSlider.background#45474c55
- scrollbarSlider.hoverBackground#45474c88
- selection.background#2e3036
- sideBar.background#0f0f12
- sideBar.border#060608
- sideBar.foreground#afadac
- sideBarSectionHeader.background#0d0d0f
- sideBarSectionHeader.border#060608
- sideBarSectionHeader.foreground#afadac
- sideBarTitle.foreground#afadac
- statusBar.background#7a2018
- statusBar.border#060608
- statusBar.debuggingBackground#d9624a
- statusBar.debuggingForeground#f0e8e6
- statusBar.foreground#e6dcd8
- statusBar.noFolderBackground#7a2018
- statusBarItem.hoverBackground#8a3b34
- statusBarItem.remoteBackground#b54033
- statusBarItem.remoteForeground#f0e8e6
- tab.activeBackground#131316
- tab.activeBorder#131316
- tab.activeBorderTop#d9624a
- tab.activeForeground#c4c2c0
- tab.border#060608
- tab.hoverBackground#1a1a1e
- tab.inactiveBackground#0d0d0f
- tab.inactiveForeground#636262
- terminal.ansiBlack#0b0b0e
- terminal.ansiBlue#9aa6ac
- terminal.ansiBrightBlack#45474c
- terminal.ansiBrightBlue#a2acb0
- terminal.ansiBrightCyan#969996
- terminal.ansiBrightGreen#b96056
- terminal.ansiBrightMagenta#c0726a
- terminal.ansiBrightRed#e08a3c
- terminal.ansiBrightWhite#d3d1d0
- terminal.ansiBrightYellow#d9624a
- terminal.ansiCyan#8a8f8c
- terminal.ansiGreen#b54033
- terminal.ansiMagenta#e08a3c
- terminal.ansiRed#e0452e
- terminal.ansiWhite#c4c2c0
- terminal.ansiYellow#d9624a
- terminal.background#0f0f12
- terminal.foreground#c4c2c0
- terminalCursor.foreground#e0452e
- textLink.activeForeground#a2acb0
- textLink.foreground#9aa6ac
- titleBar.activeBackground#0d0d0f
- titleBar.activeForeground#a9a8a6
- titleBar.border#060608
- titleBar.inactiveBackground#0d0d0f
- titleBar.inactiveForeground#7a7979
- tree.indentGuidesStroke#2a2a2f
- widget.shadow#00000033
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #5a5d61 | italic |
| keyword, keyword.control, storage.type, storage.modifier, keyword.operator.new, keyword.operator.expression, keyword.operator.logical | #b54033 | — |
| entity.name.function, support.function, meta.function-call.generic, meta.function-call | #d9624a | — |
| entity.name.type, entity.name.class, support.type, support.class, entity.other.inherited-class, entity.name.namespace | #9aa6ac | — |
| string, string.quoted, string.template, punctuation.definition.string | #8a8f8c | — |
| constant.numeric, constant.language, constant.language.boolean, constant.language.null, support.constant | #e08a3c | — |
| constant.character.escape, constant.other.placeholder, constant.character | #e08a3c | — |
| variable, variable.other.readwrite, meta.definition.variable.name, variable.parameter | #c4c2c0 | — |
| variable.other.constant, variable.other.enummember | #e08a3c | — |
| variable.other.property, support.variable.property, meta.object-literal.key | #aeb2b4 | — |
| variable.language, variable.language.this, keyword.other.self | #c0726a | italic |
| keyword.operator, punctuation.separator, punctuation.terminator, punctuation.accessor | #8a8d92 | — |
| entity.name.tag, punctuation.definition.tag | #b54033 | — |
| entity.other.attribute-name | #d9624a | — |
| support.type.property-name.css, support.type.property-name | #9aa6ac | — |
| markup.heading, markup.heading entity.name, entity.name.section | #d9624a | bold |
| markup.bold | #e08a3c | bold |
| markup.italic | #8a8f8c | italic |
| markup.inline.raw, markup.fenced_code, markup.raw | #d9624a | — |
| markup.quote | #5a5d61 | italic |
| markup.underline.link, string.other.link | #9aa6ac | — |
| punctuation.definition.list.begin.markdown, markup.list | #d9624a | — |
| invalid, invalid.illegal | #e0452e | — |
| entity.name.label, keyword.control.directive, meta.preprocessor | #e08a3c | — |
| meta.decorator, punctuation.decorator, entity.name.function.decorator | #c0726a | italic |