CLOUDWERX-DEV/ComfyUI-Tokyo-Night-Wave-Theme
๐๐ Tokyo Night Wave: A Synthwave-Inspired ComfyUI Theme: A Blend of Tokyo Night and Synthwave stylings and colors.
๐๐ Tokyo Night Wave - ComfyUI Theme
๐จ Aesthetic Fusion of Cyberpunk Elegance and Night-time Serenity
๐ฅ Theme Preview
๐ Overview
Tokyo Night Wave is a meticulously crafted theme for ComfyUI, designed to transform your AI workflow interface into a visually stunning, synthwave-inspired workspace. Perfect for AI artists and developers who crave a unique, eye-catching environment while working with ComfyUI.
Key Design Philosophy:
- ๐จ Seamlessly blend functionality with aesthetic appeal
- ๐ Capture the essence of late-night coding and AI creativity
- ๐ Provide a visually comfortable interface for long ComfyUI sessions
โจ Key Features
- Cyberpunk Color Palette:
- Deep midnight blues
- Vibrant neon accents
- Soft, glowing purples
- Synthwave-inspired gradients
- Carefully Crafted Color Scheme:
- Syntax highlighting optimized for readability
- Balanced contrast for reduced eye strain
- Consistent color mapping across UI elements
๐ญ Visual Characteristics
- Background: Deep navy with subtle digital noise texture
- Accent Colors:
- Primary:
#7E57C2(Synthwave Purple) - Secondary:
#1A1B26(Tokyo Night Dark) - Highlight:
#BB9AF7(Soft Lavender)
- Primary:
๐จ Color Palette
| Color Role | Hex Code | Description |
|---|---|---|
| Background | #1A1B26 |
Deep midnight blue |
| Foreground | #C0CAF5 |
Soft lavender gray |
| Primary Accent | #7E57C2 |
Synthwave purple |
| Secondary Accent | #BB9AF7 |
Soft neon lavender |
๐ How to Import the Theme
๐ฆ Quick Import Steps
-
๐ฑ๏ธ Open ComfyUI
- Launch the ComfyUI application
- Navigate to the theme settings
-
๐๏ธ Access Theme Manager
- Click on "Themes" or "Appearance" in the settings menu
- Select "Import Theme"
-
๐ Locate Theme File
- Browse to the downloaded
tokyo-night-wave.json - Select the file to import
- Browse to the downloaded
-
โ Confirm Import
- Click "Import" or "Apply"
- Verify theme is selected in theme list
-
๐ Finalize
- Choose
tokyo-night-wave.json - Restart ComfyUI if prompted
- Choose
๐ก Pro Tips
๐ Best Practices:
- Always backup your current theme before importing
- Ensure you have the latest version of ComfyUI
- Keep the theme JSON file in an easily accessible location
๐ Troubleshooting
Common Issues:
- Theme Not Showing?
- Verify file extension is
.json - Check ComfyUI version compatibility
- Restart ComfyUI after import
- Verify file extension is
๐ Installation
ComfyUI Installation
- Clone this repository
- Place the theme files in your ComfyUI themes directory
- Select "Tokyo Night Wave" in your theme settings
Manual Installation
1. Download `tokyo-night-wave.json` 2. Place in ComfyUI themes directory 3. Select theme in ComfyUI settings
Compatibility
- ComfyUI Version: `1.0+` - Tested Platforms: Windows, macOS, Linux
๐ค Contributing
Contributions are welcome! Feel free to:
- Submit issues
- Create pull requests
- Suggest improvements
๐ License
MIT License - Free for personal and commercial use
๐ About
Created with โค๏ธ by CLOUDWERX LAB
Motto: "Digital Food for the Analog Soul"
Palette Inspiration:
A harmonious blend of deep night tones and vibrant synthwave energy, creating a visually striking and comfortable coding environment.
๐ Recommended Settings
{
"theme": "Tokyo Night Wave",
"brightness": 0.8,
"contrast": 0.9,
"neonIntensity": 0.7
}

