Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/harrelchris/django-allauth-themes
Themes for django-allauth
https://github.com/harrelchris/django-allauth-themes
bootstrap5 bootswatch django django-allauth
Last synced: 8 days ago
JSON representation
Themes for django-allauth
- Host: GitHub
- URL: https://github.com/harrelchris/django-allauth-themes
- Owner: harrelchris
- License: mit
- Created: 2024-05-10T14:38:41.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-05-11T11:32:35.000Z (5 months ago)
- Last Synced: 2024-09-21T05:04:59.805Z (13 days ago)
- Topics: bootstrap5, bootswatch, django, django-allauth
- Language: HTML
- Homepage:
- Size: 321 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Django Allauth Themes
Themes for django-allauth
## Install
```shell
pip install django-allauth-themes
```### Settings
Add `allauth_themes.bootstrap` before `allauth`:
```python
INSTALLED_APPS = [
...,
"allauth_themes.bootstrap",
"allauth",
...,
]
```## Customization
### Bootswatch
You can achieve drastic changes with little effort using Bootswatch themes. Simply create a file in your templates directory to override the `allauth/layouts/css.html` file, with the following CDN link
```html
```
You can change `cerulean` to any of the available themes available on [Bootswatch.com](https://bootswatch.com/).
### Custom CSS
Alternatively, you can customize Bootstrap as you like and use that:
```html
```
### Layout Customization
The layouts work with all Bootswatch themes, but you may want to customize them. As an example, these minor tweaks to the layouts may help the content stand out more. However, it doesn't work well with all Bootswatch themes (like quartz and vapor), so it's not included in the default layouts:
```html
{% block content %}{% endblock %}
```To apply these or other customizations, override the HTML files in your templates directory: `templates/allauth/layouts/entrance.html`. See it in action within the example project.