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

Custom themes #275

Open
grimsteel opened this issue Jan 21, 2023 · 3 comments
Open

Custom themes #275

grimsteel opened this issue Jan 21, 2023 · 3 comments
Labels
dark mode enhancement New feature or request indexed db Edits to the IDB (or localstorage) for Vocabustudy page : other Privacy policy, leaderboard, header, footer

Comments

@grimsteel
Copy link
Member

basically just edit the css variables

@grimsteel grimsteel added the enhancement New feature or request label Jan 21, 2023
@IMGROOT2
Copy link
Member

Idea: Along with custom themes, could we eventually altogether remove "tinting" the whole screen? Eventually, this will cause more problems, and only some websites tint the entire screen. In addition, tinting the screen means that we lock the color at a certain brightness, saturation, and contrast, limiting customization.

Perhaps we can change the "Change Hue" modal setting in the current appearance switcher to something like "Select primary, secondary, and background color" with a way to select colors and input hex codes. That would make a customization so much better. Regarding images, tinting is the best option, and we can tint the main background to the background color.

@grimsteel
Copy link
Member Author

That's pretty much what I was thinking. Bulvar allows for runtime customization of ALL the colors - so IMO a custom theme would be where the user chooses a primary color, secondary color, and gold color (yes gold is one of the colors) for both light AND dark modes. It could then be distributed via a dynamic link

@grimsteel grimsteel added page : other Privacy policy, leaderboard, header, footer dark mode indexed db Edits to the IDB (or localstorage) for Vocabustudy labels Feb 16, 2023
@grimsteel
Copy link
Member Author

Global css variables (#291)

--color-primary:
--color-primary-alt
--color-secondary
--color-secondary-alt

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
dark mode enhancement New feature or request indexed db Edits to the IDB (or localstorage) for Vocabustudy page : other Privacy policy, leaderboard, header, footer
Projects
Status: Roadmap
Development

No branches or pull requests

2 participants