Tears of the Kingdom Theme
Publisher: Adrian KamulegeyaThemes in package: 2
A minimal, material-inspired VS Code dark theme based on The Legend of Zelda: Tears of the Kingdom
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.background#151C19
- activityBar.border#2A3A34
- activityBar.foreground#3FBF9A
- activityBar.inactiveForeground#5E746B
- activityBarBadge.background#3FBF9A
- activityBarBadge.foreground#0F1412
- badge.background#3FBF9A
- badge.foreground#0F1412
- breadcrumb.activeSelectionForeground#3FBF9A
- breadcrumb.background#0F1412
- breadcrumb.focusForeground#C9D6CF
- breadcrumb.foreground#8FA39B
- breadcrumbPicker.background#1C2622
- button.background#3FBF9A
- button.foreground#0F1412
- button.hoverBackground#4FA6A3
- diffEditor.insertedTextBackground#3FBF9A20
- diffEditor.removedTextBackground#C06C5F20
- dropdown.background#1C2622
- dropdown.border#2A3A34
- dropdown.foreground#C9D6CF
- editor.background#0F1412
- editor.findMatchBackground#3FBF9A40
- editor.findMatchHighlightBackground#3FBF9A20
- editor.foreground#C9D6CF
- editor.lineHighlightBackground#1A2F28
- editor.selectionBackground#223B34
- editor.selectionHighlightBackground#223B3480
- editor.wordHighlightBackground#223B3460
- editor.wordHighlightStrongBackground#223B3480
- editorBracketMatch.background#223B34
- editorBracketMatch.border#3FBF9A
- editorCursor.foreground#3FBF9A
- editorError.foreground#C06C5F
- editorGroupHeader.tabsBackground#151C19
- editorGroupHeader.tabsBorder#2A3A34
- editorGutter.addedBackground#3FBF9A
- editorGutter.deletedBackground#C06C5F
- editorGutter.modifiedBackground#C2A86B
- editorHint.foreground#3FBF9A
- editorHoverWidget.background#1C2622
- editorHoverWidget.border#2A3A34
- editorIndentGuide.activeBackground1#3FBF9A
- editorIndentGuide.background1#2A3A34
- editorInfo.foreground#6E8FA6
- editorLineNumber.activeForeground#8FA39B
- editorLineNumber.foreground#5E746B
- editorOverviewRuler.addedForeground#3FBF9A
- editorOverviewRuler.deletedForeground#C06C5F
- editorOverviewRuler.errorForeground#C06C5F
- editorOverviewRuler.infoForeground#6E8FA6
- editorOverviewRuler.modifiedForeground#C2A86B
- editorOverviewRuler.warningForeground#C2A86B
- editorSuggestWidget.background#1C2622
- editorSuggestWidget.border#2A3A34
- editorSuggestWidget.foreground#C9D6CF
- editorSuggestWidget.highlightForeground#3FBF9A
- editorSuggestWidget.selectedBackground#223B34
- editorWarning.foreground#C2A86B
- editorWhitespace.foreground#2A3A34
- editorWidget.background#1C2622
- editorWidget.border#2A3A34
- gitDecoration.conflictingResourceForeground#C06C5F
- gitDecoration.deletedResourceForeground#C06C5F
- gitDecoration.ignoredResourceForeground#5E746B
- gitDecoration.modifiedResourceForeground#C2A86B
- gitDecoration.untrackedResourceForeground#3FBF9A
- input.background#1C2622
- input.border#2A3A34
- input.foreground#C9D6CF
- input.placeholderForeground#5E746B
- inputOption.activeBorder#3FBF9A
- inputValidation.errorBackground#C06C5F20
- inputValidation.errorBorder#C06C5F
- inputValidation.warningBackground#C2A86B20
- inputValidation.warningBorder#C2A86B
- list.activeSelectionBackground#223B34
- list.activeSelectionForeground#C9D6CF
- list.focusBackground#223B34
- list.focusForeground#C9D6CF
- list.highlightForeground#3FBF9A
- list.hoverBackground#1C2622
- list.hoverForeground#C9D6CF
- list.inactiveSelectionBackground#223B3480
- list.inactiveSelectionForeground#C9D6CF
- menu.background#1C2622
- menu.foreground#C9D6CF
- menu.selectionBackground#223B34
- menu.selectionForeground#3FBF9A
- menu.separatorBackground#2A3A34
- merge.currentHeaderBackground#3FBF9A40
- merge.incomingHeaderBackground#6E8FA640
- minimap.findMatchHighlight#3FBF9A40
- minimap.selectionHighlight#80223B34
- notificationLink.foreground#3FBF9A
- notifications.background#1C2622
- notifications.border#2A3A34
- notifications.foreground#C9D6CF
- panel.background#0F1412
- panel.border#2A3A34
- panelTitle.activeBorder#3FBF9A
- panelTitle.activeForeground#C9D6CF
- panelTitle.inactiveForeground#8FA39B
- peekView.border#3FBF9A
- peekViewEditor.background#0F1412
- peekViewEditor.matchHighlightBackground#3FBF9A40
- peekViewResult.background#1C2622
- peekViewResult.matchHighlightBackground#3FBF9A40
- peekViewResult.selectionBackground#223B34
- peekViewTitle.background#151C19
- problemsErrorIcon.foreground#C06C5F
- problemsInfoIcon.foreground#6E8FA6
- problemsWarningIcon.foreground#C2A86B
- progressBar.background#3FBF9A
- scrollbarSlider.activeBackground#2A3A34A0
- scrollbarSlider.background#2A3A3460
- scrollbarSlider.hoverBackground#2A3A3480
- sideBar.background#151C19
- sideBar.border#2A3A34
- sideBar.foreground#8FA39B
- sideBarSectionHeader.background#1C2622
- sideBarSectionHeader.foreground#C9D6CF
- sideBarTitle.foreground#C9D6CF
- statusBar.background#151C19
- statusBar.border#2A3A34
- statusBar.debuggingBackground#C2A86B
- statusBar.debuggingForeground#0F1412
- statusBar.foreground#8FA39B
- statusBar.noFolderBackground#151C19
- tab.activeBackground#0F1412
- tab.activeBorder#3FBF9A
- tab.activeForeground#C9D6CF
- tab.border#2A3A34
- tab.inactiveBackground#151C19
- tab.inactiveForeground#8FA39B
- terminal.ansiBlack#0F1412
- terminal.ansiBlue#6E8FA6
- terminal.ansiBrightBlack#5E746B
- terminal.ansiBrightBlue#6E8FA6
- terminal.ansiBrightCyan#3FBF9A
- terminal.ansiBrightGreen#3FBF9A
- terminal.ansiBrightMagenta#4FA6A3
- terminal.ansiBrightRed#C06C5F
- terminal.ansiBrightWhite#C9D6CF
- terminal.ansiBrightYellow#C2A86B
- terminal.ansiCyan#3FBF9A
- terminal.ansiGreen#3FBF9A
- terminal.ansiMagenta#4FA6A3
- terminal.ansiRed#C06C5F
- terminal.ansiWhite#C9D6CF
- terminal.ansiYellow#C2A86B
- terminal.background#0F1412
- terminal.foreground#C9D6CF
- titleBar.activeBackground#151C19
- titleBar.activeForeground#C9D6CF
- titleBar.border#2A3A34
- titleBar.inactiveBackground#0F1412
- titleBar.inactiveForeground#5E746B
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8FA39B | italic |
| string, string.quoted, string.template | #3FBF9A | — |
| constant.numeric | #C2A86B | — |
| constant.language, constant.character, constant.other | #C2A86B | — |
| variable.other.constant | #C2A86B | — |
| keyword, keyword.control, keyword.operator.new, keyword.other | #C2A86B | — |
| storage, storage.type, storage.modifier | #C2A86B | — |
| keyword.operator | #4FA6A3 | — |
| entity.name.function, meta.function-call, support.function | #4FA6A3 | — |
| entity.name.class, entity.name.type.class, support.class | #6E8FA6 | — |
| entity.name.type, support.type, entity.other.inherited-class | #6E8FA6 | — |
| entity.name.tag, meta.tag.sgml | #C2A86B | — |
| entity.other.attribute-name | #4FA6A3 | — |
| variable, variable.other | #C9D6CF | — |
| variable.parameter | #6E8FA6 | — |
| keyword.control.import, keyword.control.export, keyword.control.from | #C2A86B | — |
| support.type.property-name.json, meta.structure.dictionary.key.json | #4FA6A3 | — |
| markup.bold | #C2A86B | bold |
| markup.italic | #C2A86B | italic |
| markup.heading, entity.name.section | #6E8FA6 | bold |
| markup.underline.link | #3FBF9A | — |
| markup.inline.raw, markup.fenced_code.block | #4FA6A3 | — |
| markup.quote | #8FA39B | italic |
| invalid, invalid.illegal | #C06C5F | — |
| invalid.deprecated | #C06C5F | strikethrough |
| punctuation.definition, punctuation.separator, punctuation.terminator | #8FA39B | — |
| meta.brace, punctuation.section | #C9D6CF | — |