feat: add Dracula dark & light themes

[ggfevans]

Summary

• Adds Dracula dark theme (dracula.css) with purple/pink accents on dark background
• Adds Dracula light theme (dracula-light.css) aka Alucard with same accent colors on warm cream background

Both themes follow the official Dracula specification.

Screenshots

Dracula

Alucard

Test plan

• Load hypermind and select "dracula" theme - verify dark purple/pink aesthetic
• Select "dracula-light" theme - verify light cream background with same accent palette
• Verify all UI elements (particles, modals, terminal) use theme colors correctly

[owennewo-dev]

Please make sure to edit THEMES.md according to the guide.

[ggfevans]

Please make sure to edit THEMES.md according to the guide.

Whoops, thanks for catching that! Proper THEMES.md with screenshot links now included.

[owennewo-dev]

@ggfevans can you consider redoing the colors for the chat terminal for the dracula-light theme? The dark theme looks good.

So here is what you currently have for dracula-light:

I think the message color (--color-terminal-output-message) is a bit too hard to read. Personally I think it should be a darker color, more neutral, like a dark grey, just for accessibility.
The system message at the top (--color-terminal-status-message) is not very important information, so I think you should change it to something more subdued, a more faded, less visible, neutral color would be perfect.
Then lastly the scrollbar (--color-terminal-scrollbar, --color-terminal-scrollbar-hover) is a bit too bright and colorful. I think it should be similar to the chat system message. Just less visible, because it isn't super important. It can turn colorful on hover if you would like.

Just as an example to illustrate my points, here is a screenshot of the chat terminal in the solarized-light theme:

The message text is a nice and readable darker grey, the status message and scrollbars are subtle, but it still matches the theme well.

Thanks!

Of course this is @lklynet 's project so it's up to him to decide if these changes are necessary. I'm just the self-proclaimed theme guy 😂

[ggfevans]

Hey @owennewo-dev gladly! I actually hadn't opened the chat terminal in that theme, so I'm glad that you've taken a more stringent eye here because I hadn't considered that specific area of UX. I will fiddle with it to see if we can get a better contrast. Not hat it has to be WCAG2.1 compliant, but we should still be able to read the text without squishing our faces up to the screen

[ggfevans]

Hey @owennewo-dev what do you think of this now? I tried to make the scrollbar and other less important bits less obtrusive

[owennewo-dev]

@ggfevans Looks much better. Thanks for doing that!

[ggfevans]

And thanks for your patience and input! I'm not a developer by trade so this sort of process is invaluable experience for me. It's kinda why I'm putting in PRs like this, to get the method and also the intent behind software design and development.

Anyways I see that suggestion, I'll add that and I'll also commit my updated css.