Tears of the Kingdom Theme

Color themes

• 

  TOTK Minimal Dark

• 

  TOTK Minimal Dark – Midnight

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).