Anime Theme Collection

Color themes

• 

  Your Name (Twilight)

• 

  Zenitsu (Thunder Breathing)

• 

  Zero Two (Darling in the Franxx)

• 

  Zero Two Light (Darling)

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#0F1115
• activityBar.foreground#FEF08A
• activityBar.inactiveForeground#854D0E
• activityBarBadge.background#EAB308
• activityBarBadge.foreground#000000
• badge.background#EAB308
• badge.foreground#000000
• button.background#EAB308
• button.foreground#000000
• button.hoverBackground#CA8A04
• dropdown.background#181A20
• dropdown.border#EAB308
• dropdown.foreground#FEF08A
• dropdown.listBackground#181A20
• editor.background#090A0C
• editor.findMatchBackground#FDE04760
• editor.findMatchHighlightBackground#FDE04740
• editor.foreground#FEF9C3
• editor.lineHighlightBackground#1F222A
• editor.selectionBackground#EAB30840
• editor.selectionHighlightBackground#EAB30830
• editorBracketMatch.background#EAB30840
• editorBracketMatch.border#EAB308
• editorCursor.foreground#FDE047
• editorGroupHeader.tabsBackground#0F1115
• editorLineNumber.activeForeground#FEF08A
• editorLineNumber.foreground#A16207
• editorSuggestWidget.background#181A20
• editorSuggestWidget.border#EAB308
• editorSuggestWidget.foreground#FEF08A
• editorSuggestWidget.highlightForeground#FDE047
• editorSuggestWidget.selectedBackground#422006
• input.background#181A20
• input.border#EAB308
• input.foreground#FEF08A
• input.placeholderForeground#CA8A04
• inputOption.activeBorder#FDE047
• list.activeSelectionBackground#422006
• list.activeSelectionForeground#FFFFFF
• list.focusBackground#422006
• list.focusForeground#FFFFFF
• list.hoverBackground#181A20
• list.hoverForeground#FEF08A
• list.inactiveSelectionBackground#181A20
• list.inactiveSelectionForeground#FEF08A
• menu.background#181A20
• menu.border#EAB308
• menu.foreground#FEF08A
• menu.selectionBackground#EAB308
• menu.selectionBorder#EAB308
• menu.selectionForeground#000000
• menubar.selectionBackground#422006
• menubar.selectionForeground#FFFFFF
• notificationCenter.border#EAB308
• notificationCenterHeader.background#0F1115
• notificationCenterHeader.foreground#FEF08A
• notificationLink.foreground#FDE047
• notifications.background#181A20
• notifications.border#EAB308
• notifications.foreground#FEF08A
• notificationToast.border#EAB308
• panel.background#090A0C
• panel.border#A16207
• panelTitle.activeBorder#FDE047
• panelTitle.activeForeground#FFFFFF
• panelTitle.inactiveForeground#CA8A04
• peekView.border#FDE047
• peekViewEditor.background#0F1115
• peekViewResult.background#090A0C
• peekViewTitle.background#0F1115
• quickInput.background#181A20
• quickInput.foreground#FEF08A
• quickInputList.focusBackground#422006
• quickInputTitle.background#0F1115
• scrollbarSlider.activeBackground#EAB30880
• scrollbarSlider.background#A1620780
• scrollbarSlider.hoverBackground#CA8A0480
• sideBar.background#0F1115
• sideBar.foreground#FEF08A
• sideBarSectionHeader.background#090A0C
• sideBarSectionHeader.foreground#FFFFFF
• sideBarTitle.foreground#FFFFFF
• statusBar.background#0F1115
• statusBar.debuggingBackground#EAB308
• statusBar.debuggingForeground#000000
• statusBar.foreground#FEF08A
• statusBar.noFolderBackground#0F1115
• statusBarItem.hoverBackground#422006
• tab.activeBackground#090A0C
• tab.activeBorderTop#FDE047
• tab.activeForeground#FFFFFF
• tab.border#0F1115
• tab.inactiveBackground#0F1115
• tab.inactiveForeground#854D0E
• terminal.background#090A0C
• terminal.foreground#FEF9C3
• titleBar.activeBackground#0F1115
• titleBar.activeForeground#FFFFFF
• titleBar.inactiveBackground#0F1115
• titleBar.inactiveForeground#854D0E

tokenColors

TextMate scopes and font styles (syntax highlighting rules).