https://github.com/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.
https://github.com/cloudwerx-dev/comfyui-tokyo-night-wave-theme
comfyui json synthwave theme tokyo tokyonight tokyonightwave
Last synced: about 2 months ago
JSON representation
🌃🌊 Tokyo Night Wave: A Synthwave-Inspired ComfyUI Theme: A Blend of Tokyo Night and Synthwave stylings and colors.
- Host: GitHub
- URL: https://github.com/cloudwerx-dev/comfyui-tokyo-night-wave-theme
- Owner: CLOUDWERX-DEV
- Created: 2025-01-21T10:11:00.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-01-21T10:19:12.000Z (4 months ago)
- Last Synced: 2025-03-27T13:50:03.567Z (2 months ago)
- Topics: comfyui, json, synthwave, theme, tokyo, tokyonight, tokyonightwave
- Homepage: http://cloudwerx.dev
- Size: 3.4 MB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
# 🌃🌊 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)## 🎨 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
1. 🖱️ **Open ComfyUI**
- Launch the ComfyUI application
- Navigate to the theme settings2. 🗂️ **Access Theme Manager**
- Click on "Themes" or "Appearance" in the settings menu
- Select "Import Theme"3. 📁 **Locate Theme File**
- Browse to the downloaded `tokyo-night-wave.json`
- Select the file to import4. ✅ **Confirm Import**
- Click "Import" or "Apply"
- Verify theme is selected in theme list5. 🔄 **Finalize**
- Choose `tokyo-night-wave.json`
- Restart ComfyUI if prompted### 💡 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## 🛠 Installation
### ComfyUI Installation
1. Clone this repository
2. Place the theme files in your ComfyUI themes directory
3. 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
```json
{
"theme": "Tokyo Night Wave",
"brightness": 0.8,
"contrast": 0.9,
"neonIntensity": 0.7
}
```