dark light mode

This commit is contained in:
Priec
2026-05-16 13:02:24 +02:00
parent 6c87a9d58f
commit 6006e1e7b1
7 changed files with 60 additions and 21 deletions

View File

@@ -9,7 +9,7 @@
</h1>
{% if has_courts %}
<form method="get" action="{{ base_path }}" class="flex items-center gap-2">
<label class="text-sm font-medium text-gray-600">{{ t(key="court-label", lang=lang) }}</label>
<label class="text-sm font-medium opacity-70">{{ t(key="court-label", lang=lang) }}</label>
<input type="hidden" name="week" value="{{ week }}">
<select name="court" onchange="this.form.submit()" class="select select-bordered select-sm">
{% for c in courts %}
@@ -30,18 +30,18 @@
<a href="{{ base_path }}?court={{ court_id }}&week={{ next_week }}"
class="btn btn-sm join-item">{{ t(key="next-week", lang=lang) }} »</a>
</div>
<div class="text-sm font-medium text-gray-500">{{ court_name }} · {{ week_label }}</div>
<div class="text-sm font-medium opacity-60">{{ court_name }} · {{ week_label }}</div>
</div>
<div class="overflow-x-auto rounded-lg border border-gray-200 bg-white shadow-sm">
<div class="overflow-x-auto rounded-lg border border-base-300 bg-base-100 shadow-sm">
<table class="w-full border-collapse text-sm">
<thead>
<tr class="bg-gray-100">
<th class="w-16 border border-gray-200 p-2"></th>
<tr class="bg-base-200">
<th class="w-16 border border-base-300 p-2"></th>
{% for d in days %}
<th class="border border-gray-200 p-2 text-center">
<th class="border border-base-300 p-2 text-center">
<div class="font-semibold">{{ t(key=d.key, lang=lang) }}</div>
<div class="text-xs font-normal text-gray-400">{{ d.num }}</div>
<div class="text-xs font-normal opacity-50">{{ d.num }}</div>
</th>
{% endfor %}
</tr>
@@ -49,9 +49,9 @@
<tbody>
{% for row in rows %}
<tr>
<td class="border border-gray-200 bg-gray-50 p-2 text-center font-medium text-gray-500">{{ row.hour_label }}</td>
<td class="border border-base-300 bg-base-200 p-2 text-center font-medium opacity-70">{{ row.hour_label }}</td>
{% for cell in row.cells %}
<td class="h-14 border border-gray-200 p-1 align-top">
<td class="h-14 border border-base-300 p-1 align-top">
{% if cell.booked %}
{% if is_admin %}
<a href="/admin/booking/{{ cell.booking_id }}"
@@ -64,9 +64,9 @@
{% else %}
{% if is_admin %}
<a href="/admin/booking?court={{ court_id }}&date={{ cell.date }}&hour={{ cell.hour }}"
class="flex h-full items-center justify-center rounded text-lg text-gray-300 transition hover:bg-gray-100 hover:text-gray-500">+</a>
class="flex h-full items-center justify-center rounded text-lg opacity-30 transition hover:bg-base-200 hover:opacity-100">+</a>
{% else %}
<div class="px-1 py-1 text-xs text-gray-300">{{ t(key="free", lang=lang) }}</div>
<div class="px-1 py-1 text-xs opacity-30">{{ t(key="free", lang=lang) }}</div>
{% endif %}
{% endif %}
</td>
@@ -77,8 +77,8 @@
</table>
</div>
{% else %}
<div class="card border border-gray-200 bg-white shadow-sm">
<div class="card-body items-center text-center text-gray-500">{{ t(key="no-courts", lang=lang) }}</div>
<div class="card border border-base-300 bg-base-100 shadow-sm">
<div class="card-body items-center text-center opacity-60">{{ t(key="no-courts", lang=lang) }}</div>
</div>
{% endif %}
{% endblock content %}