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#101716
• activityBar.border#23312C
• activityBar.foreground#339F82
• activityBar.inactiveForeground#536960
• activityBarBadge.background#339F82
• activityBarBadge.foreground#0B1010
• badge.background#339F82
• badge.foreground#0B1010
• button.background#339F82
• button.foreground#0B1010
• button.hoverBackground#3E8F8C
• dropdown.background#16201D
• dropdown.border#23312C
• dropdown.foreground#B8C7C0
• editor.background#0B1010
• editor.findMatchBackground#339F8240
• editor.findMatchHighlightBackground#339F8220
• editor.foreground#B8C7C0
• editor.lineHighlightBackground#142821
• editor.selectionBackground#1C312B
• editor.selectionHighlightBackground#1C312B80
• editor.wordHighlightBackground#1C312B60
• editor.wordHighlightStrongBackground#1C312B80
• editorBracketMatch.background#1C312B
• editorBracketMatch.border#339F82
• editorCursor.foreground#339F82
• editorGroupHeader.tabsBackground#101716
• editorGroupHeader.tabsBorder#23312C
• editorIndentGuide.activeBackground1#339F82
• editorIndentGuide.background1#23312C
• editorLineNumber.activeForeground#7E948C
• editorLineNumber.foreground#536960
• editorWhitespace.foreground#23312C
• input.background#16201D
• input.border#23312C
• input.foreground#B8C7C0
• input.placeholderForeground#536960
• inputOption.activeBorder#339F82
• inputValidation.errorBackground#9E5A5020
• inputValidation.errorBorder#9E5A50
• inputValidation.warningBackground#A8905420
• inputValidation.warningBorder#A89054
• list.activeSelectionBackground#1C312B
• list.activeSelectionForeground#B8C7C0
• list.focusBackground#1C312B
• list.focusForeground#B8C7C0
• list.highlightForeground#339F82
• list.hoverBackground#16201D
• list.hoverForeground#B8C7C0
• list.inactiveSelectionBackground#1C312B80
• list.inactiveSelectionForeground#B8C7C0
• menu.background#16201D
• menu.foreground#B8C7C0
• menu.selectionBackground#1C312B
• menu.selectionForeground#339F82
• menu.separatorBackground#23312C
• panel.background#0B1010
• panel.border#23312C
• panelTitle.activeBorder#339F82
• panelTitle.activeForeground#B8C7C0
• panelTitle.inactiveForeground#7E948C
• progressBar.background#339F82
• scrollbarSlider.activeBackground#23312CA0
• scrollbarSlider.background#23312C60
• scrollbarSlider.hoverBackground#23312C80
• sideBar.background#101716
• sideBar.border#23312C
• sideBar.foreground#7E948C
• sideBarSectionHeader.background#16201D
• sideBarSectionHeader.foreground#B8C7C0
• sideBarTitle.foreground#B8C7C0
• statusBar.background#101716
• statusBar.border#23312C
• statusBar.debuggingBackground#A89054
• statusBar.debuggingForeground#0B1010
• statusBar.foreground#7E948C
• statusBar.noFolderBackground#101716
• tab.activeBackground#0B1010
• tab.activeBorder#339F82
• tab.activeForeground#B8C7C0
• tab.border#23312C
• tab.inactiveBackground#101716
• tab.inactiveForeground#7E948C
• terminal.ansiBlack#0B1010
• terminal.ansiBlue#5F7F95
• terminal.ansiBrightBlack#536960
• terminal.ansiBrightBlue#5F7F95
• terminal.ansiBrightCyan#339F82
• terminal.ansiBrightGreen#339F82
• terminal.ansiBrightMagenta#3E8F8C
• terminal.ansiBrightRed#9E5A50
• terminal.ansiBrightWhite#B8C7C0
• terminal.ansiBrightYellow#A89054
• terminal.ansiCyan#339F82
• terminal.ansiGreen#339F82
• terminal.ansiMagenta#3E8F8C
• terminal.ansiRed#9E5A50
• terminal.ansiWhite#B8C7C0
• terminal.ansiYellow#A89054
• terminal.background#0B1010
• terminal.foreground#B8C7C0
• titleBar.activeBackground#101716
• titleBar.activeForeground#B8C7C0
• titleBar.border#23312C
• titleBar.inactiveBackground#0B1010
• titleBar.inactiveForeground#536960

tokenColors

TextMate scopes and font styles (syntax highlighting rules).