After installing allauth template ui is not changing

Using Django Mystery Errors
1

Im new to django framework can anyone help me in solving this issue
This is my installed apps

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',


    # my-apps
    "visits",
    "commando",

    #Third part app
    'allauth_ui',
    'allauth',
    'allauth.account',
    'allauth.socialaccount',
    'widget_tweaks',
    'slippers',

This is URL patterns

urlpatterns = [
    path('',home_view),#index page -> root page
    path('login/',auth_views.login_view),
    path('register/', auth_views.register_view),
    path('about/',about_view),
    path('hello-world/',home_view),
    path('admin/', admin.site.urls),
    path('accounts/', include('allauth.urls')),

]

This is how UI is looking standard UI

image
image519×225 5.85 KB

Log data

System check identified 3 issues (0 silenced).
April 10, 2025 - 18:46:07
Django version 5.1.6, using settings 'cfehome.settings'
Starting development server at http://127.0.0.1:8000/
Quit the server with CTRL-BREAK.

[10/Apr/2025 18:47:10] "GET /accounts/login/ HTTP/1.1" 200 2935
[10/Apr/2025 18:47:10] "GET /static/allauth_ui/output.css HTTP/1.1" 404 1877
[10/Apr/2025 18:47:13] "GET /accounts/login/ HTTP/1.1" 200 2935
2

Welcome @MOHD123ANAS !

Side Note: When posting code here, enclose the code between lines of three
backtick - ` characters. This means you’ll have a line of ```, then your code,
then another line of ```. This forces the forum software to keep your code
properly formatted. (I have taken the liberty of correcting your original posts.
Please remember to do this in the future.)

You’re getting a 404 on trying to retrieve the output.css file.

Please post your STATICFILES_DIRS, STATIC_URL, and STATICFILES_FINDERS settings from your settings.py file (if you have them.

Also post your DEBUG setting. (If you have DEBUG=False, change it to DEBUG=True and try it again.)

3

Thank You @KenWhitesell

STATIC_URL = '/static/'

STATICFILES_BASE_DIR = BASE_DIR / "staticfiles"
STATICFILES_BASE_DIR.mkdir(exist_ok= True,parents=True )
STATICFILES_VENDOR_DIR = STATICFILES_BASE_DIR/"vendors"

# source(s) for python mange.py collection static
STATICFILES_DIRS=[
    STATICFILES_BASE_DIR
]

# output for python manage.py collectionstatic
# local cdn
STATIC_ROOT = BASE_DIR /"local-cdn"
STORAGES = {

    "staticfiles": {
        "BACKEND": "whitenoise.storage.CompressedManifestStaticFilesStorage",
    },
}

My DEBUG in settings.py is True
DEBUG = config("DJANGO_DEBUG")
In .env file
DJANGO_DEBUG=True

4

When I look at the allauth-ui repo on github, I don’t see where it shows an “output.css” file. (django-allauth-ui/allauth_ui/static/allauth_ui at master · danihodovic/django-allauth-ui · GitHub) Verify that you are referencing the correct file and that this file exists.

5

Can you please try to install django-all-auth-ui and check whether you are getting the same error?
I have deleted and re-run the python manage.py collectstatic command and even added a dummy output.css file still not solved the issue

6

The issue is solved by using this version of all-auth-ui
image

19/Apr/2025 23:33:38] "GET /accounts/login/ HTTP/1.1" 200 2935
[19/Apr/2025 23:33:38] "GET /static/allauth_ui/output.css HTTP/1.1" 200 70168
[19/Apr/2025 23:33:39] "GET /accounts/login/ HTTP/1.1" 200 2935