Skip to content

πŸŒƒπŸŒŠ Tokyo Night Wave: A Synthwave-Inspired ComfyUI Theme: A Blend of Tokyo Night and Synthwave stylings and colors.

Notifications You must be signed in to change notification settings

CLOUDWERX-DEV/ComfyUI-Tokyo-Night-Wave-Theme

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

2 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸŒƒπŸŒŠ Tokyo Night Wave - ComfyUI Theme

Tokyo Night Wave Logo

🎨 Aesthetic Fusion of Cyberpunk Elegance and Night-time Serenity

πŸ–₯ Theme Preview

Tokyo Night Wave Screenshot

πŸš€ 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 settings
  2. πŸ—‚οΈ 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 import
  4. βœ… Confirm Import

    • Click "Import" or "Apply"
    • Verify theme is selected in theme list
  5. πŸ”„ 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

{
  "theme": "Tokyo Night Wave",
  "brightness": 0.8,
  "contrast": 0.9,
  "neonIntensity": 0.7
}

About

πŸŒƒπŸŒŠ Tokyo Night Wave: A Synthwave-Inspired ComfyUI Theme: A Blend of Tokyo Night and Synthwave stylings and colors.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published