search

For-0 / vocabustudy

Study Vocabulary, For Free.
https://vocabustudy.org
GNU General Public License v3.0
7 stars 4 forks source link

Custom themes #275

Open grimsteel opened 1 year ago

grimsteel commented 1 year ago

basically just edit the css variables

IMGROOT2 commented 1 year ago

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 commented 1 year ago

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 commented 1 year ago

Global css variables (#291)

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