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#d4ac5e
- activityBar.background#0d1016
- activityBar.border#080a0e
- activityBar.foreground#b9bfc8
- activityBar.inactiveForeground#858a92
- activityBarBadge.background#4a8a9e
- activityBarBadge.foreground#0d1016
- badge.background#4a8a9e
- badge.foreground#0d1016
- breadcrumb.activeSelectionForeground#d4ac5e
- breadcrumb.focusForeground#d6dde6
- breadcrumb.foreground#858a92
- breadcrumbPicker.background#11151c
- button.background#4a8a9e
- button.foreground#0d1016
- button.hoverBackground#6098aa
- button.secondaryBackground#1e2630
- button.secondaryForeground#d6dde6
- checkbox.background#0d1016
- checkbox.border#2a323d
- descriptionForeground#858a92
- dropdown.background#0d1016
- dropdown.border#2a323d
- dropdown.foreground#d6dde6
- editor.background#14181f
- editor.findMatchBackground#c98b6e66
- editor.findMatchHighlightBackground#d4ac5e33
- editor.foreground#d6dde6
- editor.hoverHighlightBackground#2a445255
- editor.lineHighlightBackground#1b212a
- editor.selectionBackground#2a445288
- editor.selectionHighlightBackground#2a445255
- editor.wordHighlightBackground#2a445255
- editor.wordHighlightStrongBackground#4a8a9e44
- editorBracketHighlight.foreground1#7fa8c4
- editorBracketHighlight.foreground2#d4ac5e
- editorBracketHighlight.foreground3#c98b6e
- editorBracketHighlight.foreground4#b3aed4
- editorBracketHighlight.foreground5#8fbfa8
- editorBracketHighlight.foreground6#d4ac5e
- editorBracketMatch.background#4a8a9e33
- editorBracketMatch.border#7fa8c4
- editorCursor.foreground#d4ac5e
- editorError.foreground#cf6a52
- editorGroup.border#080a0e
- editorGroupHeader.noTabsBackground#0f131a
- editorGroupHeader.tabsBackground#0f131a
- editorGutter.addedBackground#7fa8c4
- editorGutter.background#14181f
- editorGutter.deletedBackground#cf6a52
- editorGutter.modifiedBackground#d4ac5e
- editorHoverWidget.background#11151c
- editorHoverWidget.border#2a323d
- editorIndentGuide.activeBackground1#495260
- editorIndentGuide.background1#2a323d
- editorInfo.foreground#7fa8c4
- editorLineNumber.activeForeground#d4ac5e
- editorLineNumber.foreground#495260
- editorLink.activeForeground#d4ac5e
- editorRuler.foreground#2a323d
- editorSuggestWidget.background#11151c
- editorSuggestWidget.border#2a323d
- editorSuggestWidget.highlightForeground#d4ac5e
- editorSuggestWidget.selectedBackground#1e2630
- editorWarning.foreground#d4ac5e
- editorWhitespace.foreground#2a323d
- editorWidget.background#11151c
- editorWidget.border#2a323d
- errorForeground#cf6a52
- focusBorder#4a8a9e
- foreground#d6dde6
- gitDecoration.conflictingResourceForeground#c98b6e
- gitDecoration.deletedResourceForeground#cf6a52
- gitDecoration.ignoredResourceForeground#495260
- gitDecoration.modifiedResourceForeground#d4ac5e
- gitDecoration.untrackedResourceForeground#7fa8c4
- icon.foreground#858a92
- input.background#0d1016
- input.border#2a323d
- input.foreground#d6dde6
- input.placeholderForeground#858a92
- inputOption.activeBorder#d4ac5e
- list.activeSelectionBackground#1e2630
- list.activeSelectionForeground#d6dde6
- list.errorForeground#cf6a52
- list.focusBackground#1e2630
- list.highlightForeground#d4ac5e
- list.hoverBackground#181e26
- list.inactiveSelectionBackground#181e26
- list.warningForeground#d4ac5e
- menu.background#11151c
- menu.foreground#d6dde6
- menu.selectionBackground#1e2630
- menu.separatorBackground#2a323d
- menubar.selectionBackground#1e2630
- minimap.findMatchHighlight#d4ac5e
- minimapSlider.background#49526033
- minimapSlider.hoverBackground#49526055
- panel.background#11151c
- panel.border#080a0e
- panelTitle.activeBorder#d4ac5e
- panelTitle.activeForeground#d6dde6
- panelTitle.inactiveForeground#858a92
- peekView.border#4a8a9e
- peekViewEditor.background#0f131a
- peekViewResult.background#11151c
- peekViewTitle.background#11151c
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#4a8a9e88
- scrollbarSlider.background#49526055
- scrollbarSlider.hoverBackground#49526088
- selection.background#2a4452
- sideBar.background#11151c
- sideBar.border#080a0e
- sideBar.foreground#bfc5ce
- sideBarSectionHeader.background#0f131a
- sideBarSectionHeader.border#080a0e
- sideBarSectionHeader.foreground#bfc5ce
- sideBarTitle.foreground#bfc5ce
- statusBar.background#2f5a6e
- statusBar.border#080a0e
- statusBar.debuggingBackground#d4ac5e
- statusBar.debuggingForeground#0d1016
- statusBar.foreground#d6e2e8
- statusBar.noFolderBackground#2f5a6e
- statusBarItem.hoverBackground#486e7f
- statusBarItem.remoteBackground#4a8a9e
- statusBarItem.remoteForeground#0d1016
- tab.activeBackground#14181f
- tab.activeBorder#14181f
- tab.activeBorderTop#d4ac5e
- tab.activeForeground#d6dde6
- tab.border#080a0e
- tab.hoverBackground#1b212a
- tab.inactiveBackground#0f131a
- tab.inactiveForeground#6b7179
- terminal.ansiBlack#0d1016
- terminal.ansiBlue#b3aed4
- terminal.ansiBrightBlack#495260
- terminal.ansiBrightBlue#bab7d8
- terminal.ansiBrightCyan#9dc5b4
- terminal.ansiBrightGreen#95b5cc
- terminal.ansiBrightMagenta#b3aed4
- terminal.ansiBrightRed#c98b6e
- terminal.ansiBrightWhite#e0e6ec
- terminal.ansiBrightYellow#d4ac5e
- terminal.ansiCyan#8fbfa8
- terminal.ansiGreen#7fa8c4
- terminal.ansiMagenta#c98b6e
- terminal.ansiRed#cf6a52
- terminal.ansiWhite#d6dde6
- terminal.ansiYellow#d4ac5e
- terminal.background#11151c
- terminal.foreground#d6dde6
- terminalCursor.foreground#d4ac5e
- textLink.activeForeground#90c5d8
- textLink.foreground#7fbfd4
- titleBar.activeBackground#0f131a
- titleBar.activeForeground#b9bfc8
- titleBar.border#080a0e
- titleBar.inactiveBackground#0f131a
- titleBar.inactiveForeground#858a92
- tree.indentGuidesStroke#2a323d
- widget.shadow#00000033
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #5e6a78 | italic |
| keyword, keyword.control, storage.type, storage.modifier, keyword.operator.new, keyword.operator.expression, keyword.operator.logical | #7fa8c4 | — |
| entity.name.function, support.function, meta.function-call.generic, meta.function-call | #d4ac5e | — |
| entity.name.type, entity.name.class, support.type, support.class, entity.other.inherited-class, entity.name.namespace | #b3aed4 | — |
| string, string.quoted, string.template, punctuation.definition.string | #8fbfa8 | — |
| constant.numeric, constant.language, constant.language.boolean, constant.language.null, support.constant | #c98b6e | — |
| constant.character.escape, constant.other.placeholder, constant.character | #c98b6e | — |
| variable, variable.other.readwrite, meta.definition.variable.name, variable.parameter | #d6dde6 | — |
| variable.other.constant, variable.other.enummember | #c98b6e | — |
| variable.other.property, support.variable.property, meta.object-literal.key | #b8c2cc | — |
| variable.language, variable.language.this, keyword.other.self | #b3aed4 | italic |
| keyword.operator, punctuation.separator, punctuation.terminator, punctuation.accessor | #8590a0 | — |
| entity.name.tag, punctuation.definition.tag | #7fa8c4 | — |
| entity.other.attribute-name | #d4ac5e | — |
| support.type.property-name.css, support.type.property-name | #b3aed4 | — |
| markup.heading, markup.heading entity.name, entity.name.section | #d4ac5e | bold |
| markup.bold | #c98b6e | bold |
| markup.italic | #8fbfa8 | italic |
| markup.inline.raw, markup.fenced_code, markup.raw | #d4ac5e | — |
| markup.quote | #5e6a78 | italic |
| markup.underline.link, string.other.link | #7fbfd4 | — |
| punctuation.definition.list.begin.markdown, markup.list | #d4ac5e | — |
| invalid, invalid.illegal | #cf6a52 | — |
| entity.name.label, keyword.control.directive, meta.preprocessor | #c98b6e | — |
| meta.decorator, punctuation.decorator, entity.name.function.decorator | #b3aed4 | italic |