Added DarkMode

fredagscafeen · Jul 18, 2024 · 0dd5593 · 0dd5593
1 parent 9b01e93
commit 0dd5593
Show file tree

Hide file tree

Showing 14 changed files with 439 additions and 104 deletions.
diff --git a/bartab/templates/bartab.html b/bartab/templates/bartab.html
@@ -24,7 +24,7 @@ <h3>{% translate "Total forbrug" %}: {{ total_used }}</h3>
 	</thead>
 	<tbody>
 		{% for entry in entries %}
-		<tr{% if entry.added > 0 %} class="success-"{% elif entry.balance <= credit_hold_limit %} class="danger-"{% endif %}>
+		<tr{% if entry.added > 0 %} class="success"{% elif entry.balance <= credit_hold_limit %} class="danger"{% endif %}>
 			<td>{{ entry.shift }}</td>
 			<td>{{ entry.added }}</td>
 			<td>{{ entry.used }}</td>

diff --git a/bartenders/templates/barplan.html b/bartenders/templates/barplan.html
@@ -26,16 +26,16 @@ <h2>{% translate "Barplan" %}</h2>
 		</thead>
 	<tbody>
     {% for shift in bartendershifts %}
-		<tr class="is-user-shift">
-			<td {% if shift|is_with_user:user %}style="background-color: lightBlue; color: black;"{% endif %}class="col-md-2">{{ shift.display_str }} {% if show_all %} {{ shift.start_datetime.year }}{% endif %}</td>
-            <td {% if shift|is_with_user:user %}style="background-color: lightBlue; color: black;"{% endif %} class="col-md-3">{{ shift.responsible.name }}</td>
-            <td {% if shift|is_with_user:user %}style="background-color: lightBlue; color: black;"{% endif %} class="col-md-7">
+		<tr>
+			<td {% if shift|is_with_user:user %}style="background-color: rgba(173, 216, 230, 0.462);"{% endif %}class="col-md-2">{{ shift.display_str }} {% if show_all %} {{ shift.start_datetime.year }}{% endif %}</td>
+            <td {% if shift|is_with_user:user %}style="background-color: rgba(173, 216, 230, 0.462);"{% endif %} class="col-md-3">{{ shift.responsible.name }}</td>
+            <td {% if shift|is_with_user:user %}style="background-color: rgba(173, 216, 230, 0.462);"{% endif %} class="col-md-7">
                 {% for bartender in shift.other_bartenders.all %}
-					{% if bartender.first_bartender_shift == shift %}<b {% if shift|is_with_user:user %}style="color: black;"{% endif %} title="{% translate "Bartender's first shift" %}">{{ bartender.name }}</b>{% else %}{{ bartender.name }}{% endif %}{% if not forloop.last %},{% endif %}
+					{% if bartender.first_bartender_shift == shift %}<b title="{% translate "Bartender's first shift" %}">{{ bartender.name }}</b>{% else %}{{ bartender.name }}{% endif %}{% if not forloop.last %},{% endif %}
                 {% endfor %}
             </td>
 			{% if user.is_staff %}
-				<td {% if shift|is_with_user:user %}style="background-color: lightBlue; color: black;"{% endif %} class="hidden-xs col-md-1"><a href="/admin/bartenders/bartendershift/{{ shift.id }}">{% translate "Edit" %}</a></td>
+				<td {% if shift|is_with_user:user %}style="background-color: rgba(173, 216, 230, 0.462);"{% endif %} class="hidden-xs col-md-1"><a href="/admin/bartenders/bartendershift/{{ shift.id }}">{% translate "Edit" %}</a></td>
 			{% endif %}
 		</tr>
 	{% endfor %}

diff --git a/bartenders/templates/bartender_info.html b/bartenders/templates/bartender_info.html
@@ -6,8 +6,13 @@
 {% block extrahead %}
 <script type="text/javascript">
 $(function() {
+    const isDarkMode = document.documentElement.classList.contains("dark");
     $('#unavailable_dates_table input').change(function(e) {
-        $(this).closest('td').toggleClass('danger', this.checked);
+        if (isDarkMode) {
+            $(this).closest('td').toggleClass('danger-dark', this.checked);
+        } else {
+            $(this).closest('td').toggleClass('danger', this.checked);
+        }
     });
 
     var preventUnload = false;

diff --git a/bartenders/templates/board.html b/bartenders/templates/board.html
@@ -5,6 +5,7 @@
 {% block extrahead %}
 <script src="{% static 'js/timesheet.min.js' %}"></script>
 <link rel="stylesheet" href="{% static 'js/timesheet-white.min.css' %}">
+<link rel="stylesheet" href="{% static 'js/timesheet-black.min.css' %}">
 <style>
 #timesheet {
 	width: auto;
@@ -68,7 +69,7 @@ <h4 class="panel-title">
 
 <h1>{% translate "Bestyrelsen gennem tiden" %}</h1>
 
-<div class="white">
+<div id="timesheet-theme" class="white">
 	<div id="timesheet"></div>
 </div>
 

diff --git a/guides/templates/guides.html b/guides/templates/guides.html
@@ -18,7 +18,7 @@ <h2>{% translate "Guides" %}</h2>
 
 {% for category, guides in guides %}
 <div class="panel panel-default">
-	<div id="black" class="panel-heading">{{ category }}</div>
+	<div class="panel-heading">{{ category }}</div>
 	<div class="panel-body">
 		<ul>
 			{% for guide in guides %}

diff --git a/locale/da/LC_MESSAGES/django.mo b/locale/da/LC_MESSAGES/django.mo