diff --git a/tailwind.config.js b/tailwind.config.js
index bb226fb..531385f 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -4,6 +4,7 @@ module.exports = {
"./assets/**/*.js",
"./templates/**/*.html.twig",
],
+ darkMode: 'media', // Use 'media' to respect the user's system preference
theme: {
extend: {},
},
diff --git a/templates/_form.html.twig b/templates/_form.html.twig
index ed94f7a..6fe4982 100644
--- a/templates/_form.html.twig
+++ b/templates/_form.html.twig
@@ -2,23 +2,23 @@
{% for field in form %}
{% if field.vars.name != '_token' %}
- {{ form_label(field, null, {'label_attr': {'class': 'block text-sm font-medium leading-6 text-gray-900'}}) }}
+ {{ form_label(field, null, {'label_attr': {'class': 'block text-sm font-medium leading-6 text-gray-900 dark:text-gray-100'}}) }}
- {{ form_widget(field, {'attr': {'class': 'block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6'}}) }}
+ {{ form_widget(field, {'attr': {'class': 'block w-full rounded-md border-0 py-1.5 text-gray-900 dark:text-gray-100 bg-white dark:bg-gray-700 shadow-sm ring-1 ring-inset ring-gray-300 dark:ring-gray-600 placeholder:text-gray-400 dark:placeholder:text-gray-500 focus:ring-2 focus:ring-inset focus:ring-indigo-600 dark:focus:ring-indigo-500 sm:text-sm sm:leading-6'}}) }}
{% if field.vars.errors|length > 0 %}
-
+
{{ form_errors(field) }}
{% endif %}
{% if field.vars.help is defined and field.vars.help %}
-
{{ field.vars.help }}
+
{{ field.vars.help }}
{% endif %}
{% endif %}
{% endfor %}
-
Cancel
-
+
Cancel
+
{{ form_end(form) }}
diff --git a/templates/base.html.twig b/templates/base.html.twig
index e988ac8..a594641 100644
--- a/templates/base.html.twig
+++ b/templates/base.html.twig
@@ -1,8 +1,11 @@
-
+
+
+
+
{% block title %}Welcome!{% endblock %} - Futtern
@@ -13,9 +16,9 @@
{{ importmap() }}
{% endblock %}
-
+
-