Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feature: Enhance Theme Creator with Real-Time display of what their Theme will look like as they enter color values #4

Open
Pentaphon opened this issue Dec 6, 2024 · 1 comment
Labels
enhancement New feature or request

Comments

@Pentaphon
Copy link

Pentaphon commented Dec 6, 2024

Would be useful for people interested in creating their own theme or maybe a new theme to submit to this project. I'm thinking of making my own high-contrast dark theme but I need to be able to see what it will look like as I build it. Is this possible or too lofty a goal?

Not sure if there's another project that does this, but if not, this would be a good long-term goal.

Thanks for forking this btw.

@3nly
Copy link
Owner

3nly commented Dec 6, 2024

Thank you for the feature request.

The simplest way we could do this is to add an event listener to the .jscolor class' value number and update the document depending on whatever color the user inputs. Since it's already checked for valid hex colors it should be a straightforward implementation.
I will look into this shortly.

I need to be able to see what it will look like as I build it.

I had the idea of maybe changing the Add Theme option window so you can move it around or maybe pull it to one side so at least the user can see what it's changing in a better fashion. This is the hard part because well... CSS.

For now in your browser you can just press F12 and change things in the inspector, or you can keep saving and reloading the theme as you make changes.

@3nly 3nly added the enhancement New feature or request label Dec 6, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

2 participants