fix: make container darker relative to content (#112)

danihodovic · web-flow · commit 3cb6736f3cdb · 2024-08-08T15:35:39.000-03:00
base-100 relative to base-300 is a better match for darker themes.
diff --git a/allauth_ui/templates/allauth/layouts/base.html b/allauth_ui/templates/allauth/layouts/base.html
@@ -15,7 +15,7 @@
             <link rel="stylesheet" href="{% static 'allauth_ui/output.css' %}">
         {% endblock extra_head %}
     </head>
-    <body class="min-h-screen bg-base-200">
+    <body class="min-h-screen bg-base-300">
         {% block body %}
             {% if messages %}
                 {% for message in messages %}
diff --git a/allauth_ui/templates/components/container.html b/allauth_ui/templates/components/container.html
@@ -1,6 +1,6 @@
 {% load i18n %}
-<div class="container mx-auto pt-1 bg-base-200">
-    <div class="w-11/12 p-10 mx-auto mt-5 md:mt-15 lg:mt-32 rounded-lg shadow-md sm:p-5 md:w-6/12 lg:w-5/12 xl:w-4/12 md:p-10 xl:p-13 bg-base-300">
+<div class="container pt-1 mx-auto">
+    <div class="w-11/12 p-10 mx-auto mt-5 rounded-lg shadow-md md:mt-15 lg:mt-32 sm:p-5 md:w-6/12 lg:w-5/12 xl:w-4/12 md:p-10 xl:p-13 bg-base-100">
         <h1 class="mb-3 text-2xl">{{ heading }}</h1>
         {% if subheading %}<div>{{ subheading }}</div>{% endif %}
         {{ children }}
