GitHunt
CL

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

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.

{
  "theme": "Tokyo Night Wave",
  "brightness": 0.8,
  "contrast": 0.9,
  "neonIntensity": 0.7
}
CLOUDWERX-DEV/ComfyUI-Tokyo-Night-Wave-Theme | GitHunt