danihodovic / django-allauth-ui

Nice looking templates for django-allauth
https://django-allauth-ui.hodovi.ch
MIT License
251 stars 28 forks source link

base_color for buttons #34

Closed brettbeeson closed 1 year ago

brettbeeson commented 1 year ago

Hi! Thanks for your work!

I just installed and it looks great except the buttons are invisible! For example /accounts/password/reset/ image

To debug I checked the html : base_color template variable was missing. I hacked in a context_processor and set {"base_color": "black"}

Then I see the html is (note "black-600"): <button type="submit" class="flex items-center justify-center w-64 h-12 px-6 mt-8 text-lg text-white uppercase black-600 rounded text-bold hover:black-700">

But that still appears invisible. I removed all other css to confirm it's not a conflict. I'm unfamiliar with tailwind but happy to have a crack at recompiling.

Questions: How do I set base_color properly? How do I make the buttons appear by default?

danihodovic commented 1 year ago

Perhaps you have to recompile the tailwind setup. Tailwind strips out css classes that are not in use. See: https://github.com/danihodovic/django-allauth-ui#hacking-on-the-project

Try

npm run-script build

or

npm run-script build:watch
danihodovic commented 1 year ago

That's strange, my local installation of allauth works fine

image

brettbeeson commented 1 year ago

Hi! Thanks for your response. I did get npm/tailwind running but didn't find the problem. I'll just after a really basic, minimal dependency set of templates so "djangox" was better suited to my needs for the moment. When I get to fancy-templates-required I'll be back!

danihodovic commented 1 year ago

I recommend you try out https://github.com/cookiecutter/cookiecutter-django

brettbeeson commented 1 year ago

Cookiecutter is awesome. Good to learn from the base, but definitely using that for new project. Cheers.