DopamineJS Themes

Official theme collection for DopamineJS - beautiful UI themes for your game.

📦 Installation

npm install dopaminejs dopaminejs-themes

🎨 Usage

import { themeEngine } from 'dopaminejs-themes';

// Set a preset theme
themeEngine.setTheme('dark-cyberpunk');

🌈 Available Themes

Modern (Default)

Clean, professional design with indigo accents

themeEngine.setTheme('modern');

Dark Cyberpunk

Neon cyan and magenta on black

themeEngine.setTheme('dark-cyberpunk');

Neon

Vibrant pink and purple with glowing effects

themeEngine.setTheme('neon');

Retro

8-bit pixel art style with orange accents

themeEngine.setTheme('retro');

Cute

Pastel colors with rounded corners

themeEngine.setTheme('cute');

🎨 Custom Themes

Create your own theme:

themeEngine.registerTheme('my-theme', {
    '--dopamine-primary': '#ff0000',
    '--dopamine-secondary': '#00ff00',
    '--dopamine-bg': '#000000',
    '--dopamine-text': '#ffffff',
    // ... more CSS variables
});

themeEngine.setTheme('my-theme');

Available CSS Variables

--dopamine-primary        /* Primary color */
--dopamine-secondary      /* Secondary color */
--dopamine-success        /* Success state */
--dopamine-warning        /* Warning state */
--dopamine-error          /* Error state */
--dopamine-bg             /* Background */
--dopamine-bg-light       /* Light background */
--dopamine-text           /* Text color */
--dopamine-text-dim       /* Dimmed text */
--dopamine-border         /* Border color */
--dopamine-shadow         /* Shadow color */
--dopamine-font           /* Font family */
--dopamine-border-radius  /* Border radius */
--dopamine-animation-speed /* Animation duration */

📝 License

MIT License - use freely in your projects!

See LICENSE for details.

🔗 Links

• DopamineJS Core
• Documentation