Files
ComfyUI_frontend/src/locales
pythongosssss efc0431a5e Update side toolbar menu (#4946)
Side toolbar menu UI updates

## Summary

- Currently the template modal is very hidden. Many users do not find it
- The current icons are quite aleatory 

## Changes

 **What**: 
- Add templates shortcut button
- Add item label in normal size
- Use custom icon

Critical design decisions or edge cases that need attention:
- Sidebar tabs registered using custom icons will have their associated
command registed with an undefined icon (currently only string icons are
accepted, not components). I couldn't see anywhere directly using this
icon, but we should consider autogenerating an icon font so we can use
classes for our custom icons (or locating and updating locations to
support both icon types)

## Screenshots (if applicable)
Normal mode:
<img width="621" height="1034" alt="image"
src="https://github.com/user-attachments/assets/c1d1cee2-004e-4ff8-b3fa-197329b0d2ae"
/>

Small mode:
<img width="176" height="325" alt="image"
src="https://github.com/user-attachments/assets/3824b8f6-bc96-4e62-aece-f0265113d2e3"
/>

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-4946-Update-side-toolbar-menu-24d6d73d365081c5b2bdc0ee8b61dc50)
by [Unito](https://www.unito.io)

---------

Co-authored-by: github-actions <github-actions@github.com>
2025-08-13 11:46:03 -07:00
..
2025-08-13 11:46:03 -07:00
2025-08-13 11:46:03 -07:00
2025-08-13 11:46:03 -07:00
2025-08-13 11:46:03 -07:00
2025-08-13 11:46:03 -07:00
2025-08-13 11:46:03 -07:00
2025-08-13 11:46:03 -07:00
2025-08-13 11:46:03 -07:00
2025-08-13 11:46:03 -07:00

Internationalization (i18n)

Our project supports multiple languages using vue-i18n. This allows users around the world to use the application in their preferred language.

Supported Languages

  • en (English)
  • zh (中文)
  • ru (Русский)
  • ja (日本語)
  • ko (한국어)
  • fr (Français)
  • es (Español)

How to Add a New Language

Want to add a new language to ComfyUI? See our detailed Contributing Guide with step-by-step instructions and confirmed working process.

Quick Start

  1. Open an issue or reach out on Discord to request a new language
  2. Follow the technical process or ask for help
  3. Our CI will automatically generate translations using OpenAI
  4. Become a maintainer for your language

File Structure

Each language has 4 translation files in src/locales/[language-code]/:

  • main.json - Main UI text
  • commands.json - Command descriptions
  • settings.json - Settings panel
  • nodeDefs.json - Node definitions