From 0dd5593cdd5be54232a951b2cb9ff27964643914 Mon Sep 17 00:00:00 2001
From: Anders Bruun Severinsen <202204885@post.au.dk>
Date: Thu, 18 Jul 2024 23:27:56 +0200
Subject: [PATCH] Added DarkMode

---
 bartab/templates/bartab.html             |   2 +-
 bartenders/templates/barplan.html        |  12 +-
 bartenders/templates/bartender_info.html |   7 +-
 bartenders/templates/board.html          |   3 +-
 guides/templates/guides.html             |   2 +-
 locale/da/LC_MESSAGES/django.mo          | Bin 670 -> 1759 bytes
 locale/da/LC_MESSAGES/django.po          | 191 +++++++++++++++++----
 locale/en/LC_MESSAGES/django.mo          | Bin 19078 -> 21075 bytes
 locale/en/LC_MESSAGES/django.po          | 202 ++++++++++++++++++-----
 web/static/css/stylesheet.css            |  57 ++++---
 web/static/js/darkModeState.js           |  56 +++++++
 web/static/js/timesheet-black.min.css    |   2 +
 web/templates/base.html                  |   3 +-
 web/templates/plain_base.html            |   6 +-
 14 files changed, 439 insertions(+), 104 deletions(-)
 mode change 100644 => 100755 web/static/css/stylesheet.css
 create mode 100644 web/static/js/timesheet-black.min.css

diff --git a/bartab/templates/bartab.html b/bartab/templates/bartab.html
index 85a01ae..df47604 100644
--- 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
index 12f57a4..22300ca 100644
--- 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
index 427e64a..35e3aa8 100644
--- 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
index 49b6b9b..2725fc8 100644
--- 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
index fe97039..a4497cd 100644
--- 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
index 4598f93d04070f0dc797f443be0cd08c35471e83..041fefa9d213e5e699a18bba9161566f70225e8a 100644
GIT binary patch
literal 1759
zcmZvcPiz}S6vhWAP>g^ALVy7A5J&}8Yc?*0#A%?3<5VVpm47N+(Ae|5JMnnNni)Io
zg(EkPhzlGLqT-A=R6;^RLEJfl5C@K&xF8{M={HVN2O4X=zn$HgH{W~vzWx1)GoJ|j
zp27cl{C`UW{64#9!uxRfImR!7Uw}`8KY+8~FW^P+se6TZ6l{SHfY-oh!4JSQ;0^FW
z@Ix@|^AUIs{1SW&{1!}cegtude{gyQ{1;5~2qGQ^r@$0{?ud&Z4zY|=1zZQyKJSAc
zLt7h6`~QX03*g^i()Hy1Lc9ZJ;566=9|v!OIK(ZSo&&!JQ@me~_y?Hc{0XKyoQ0S~
z0^bCuL2M};_%ay4r2kX!A@FPPEcgwW;(iCFd=J2+|0nPf@MloW8zUB^k8BnD^MShB
zhe(PCF6c<1)ZKW>^TYcMX{pWRM(p>!j)+0Splw01WZExvWTO#GT19OmJH5kE8}q9I
zYtKh2<%p^6VoB{|4TpP<7j=dqx;`lxIqE)(M(G0faD%9w4PsGR9ZIptT{$$^#u&HH
ziewU^n1g649Yxa?*tZnT5!*=n8hdF)%5fm;BJp)d6ief*qa$rQW~f-KNC-bMUWJrH
zwTuYt@6zi${a@~y6KmMPxT1h8ZAk{CMY0oh%KA8AvHstHL2PmuAVJ+WoUW0a*c!I`
zNaj6cb!TA^$jEEl+VF0VJ27jiY?pmNb?US+-&mf%+N9m)=2mNct+I(%>SMMV3azq*
zVG*)zSEtIx`gYdvEK^CdMO3;@wY>I5mcNxvO;fE_zm#9dYk7`|*(Q&43VzDGi}ifw
zLY`mBE2(nXwwE>-8J({a(Ph~VSI|(gDu-3odmD3XF_Z;o+bsKaTA5$Fx|6hCURk+f
zbk+G{G6x!0TdU1UVpG+;(r^|p8T;HAKyc*i@%4d`+Rjp^ls<5r+u2^qrYG}~o-X^W
zX**7#Me8)(*0Hi-hF+R%$@zY$lO2qQVXihyhnI7&T6$@Yre2$^T)UGLt86E=d7acA
z5^<SFTgE6Uug+9wD#=nj@eEs->fjb!#WavMj%0DdQ74~{pDd$8lA%J+qe}vf&^qPb
z!A&zD*`;!%RdP{sK|uj8^mv5s?mAx;X}#|C_{drZU#SzV7J9IAS{bz&$N<$7bL~n~
zKw^JrbWt)s2FYKcC$=K|E4@l<j8vGS*hIWMpPEx?TqKXN!Q2HdAlhO%^;63$d`@7+
zFjgd%##Kmh;8FOYmz;(uTUw>!+<m_%&5`HQ+nzWk6^a;D_NOJX#(ScbDlj%)+DM^N
veUd%+ZW2VyTjfvGhH)c|q(}Nkrjt>$til&ZiFf71b}SGvqRTCM0LkA51OfWs

delta 259
zcmcc5JCC*go)F7a1|Z-7Vi_Qg0das}4uk^J%s}>BAQlJWg+R;(#5;kQ1&9v-F*^_+
z1!5*3J`2Pk^%sD+myv<t3Xle=O9Dzt0_k)h%?hL&fizH`B11cb!O#z+K^mt6X&_>l
z4I&(KawZ>Ol$3Bu%*!m!U~o;zEMaiXOV0su{PGzhC&x2Ku^TEF8Ce+{O+LV^2xD)4
n!K}onRF;@t!T{7-oXrrFnv$8GS_IOZngitfrDidBB{Bd2P=+j_

diff --git a/locale/da/LC_MESSAGES/django.po b/locale/da/LC_MESSAGES/django.po
index ecc0c55..3aa79f3 100644
--- a/locale/da/LC_MESSAGES/django.po
+++ b/locale/da/LC_MESSAGES/django.po
@@ -8,8 +8,8 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PACKAGE VERSION\n"
 "Report-Msgid-Bugs-To: \n"
-"POT-Creation-Date: 2024-07-11 22:32+0200\n"
-"PO-Revision-Date: 2024-07-11 22:32+0050\n"
+"POT-Creation-Date: 2024-07-18 22:50+0200\n"
+"PO-Revision-Date: 2024-07-18 23:09+0050\n"
 "Last-Translator:   <abs@post.au.dk>\n"
 "Language-Team: LANGUAGE <LL@li.org>\n"
 "Language: \n"
@@ -19,6 +19,50 @@ msgstr ""
 "Plural-Forms: nplurals=2; plural=(n != 1);\n"
 "X-Translated-Using: django-rosetta 0.9.9\n"
 
+#: bartab/forms.py:9
+msgid "First to include"
+msgstr "Først til at inkludere"
+
+#: bartab/forms.py:12
+msgid "Last to include"
+msgstr "Sidste til at inkludere"
+
+#: bartab/models.py:87
+msgid "Can't have both bartender shift and custom datetime"
+msgstr "Kan ikke have både bartenderskift og tilpasset datetime"
+
+#: bartab/models.py:90
+msgid "Must have either bartender shift or custom datetime"
+msgstr "Skal have enten bartendervagt eller tilpasset datetime"
+
+#: bartab/models.py:135
+msgid "Kontant?"
+msgstr ""
+
+#: bartab/models.py:138 bartab/templates/bartab.html:20
+msgid "Indsat"
+msgstr ""
+
+#: bartab/models.py:139 bartab/templates/bartab.html:21
+msgid "Køb"
+msgstr ""
+
+#: bartab/models.py:143
+msgid "entries"
+msgstr "indtastninger"
+
+#: bartab/models.py:144
+msgid "Bruger"
+msgstr ""
+
+#: bartab/models.py:161
+msgid "Vælg kontant eller ej."
+msgstr ""
+
+#: bartab/sumfield.py:31
+msgid "Invalid sum"
+msgstr ""
+
 #: bartab/templates/bartab.html:8
 msgid "Krydslisteaktivitet"
 msgstr ""
@@ -39,16 +83,24 @@ msgstr ""
 msgid "Dato"
 msgstr ""
 
-#: bartab/templates/bartab.html:20
-msgid "Indsat"
+#: bartab/templates/bartab.html:37
+msgid "er ikke på krydslisten."
 msgstr ""
 
-#: bartab/templates/bartab.html:21
-msgid "Køb"
+#: bartab/templates/bartab/consumption.html:7
+msgid "Submit"
+msgstr "Indsend"
+
+#: bartab/templates/bartab/consumption.html:10
+msgid "Result"
+msgstr "Resultat"
+
+#: bartab/templates/bartab/consumption.html:15 events/templates/events.html:69
+msgid "Navn"
 msgstr ""
 
-#: bartab/templates/bartab.html:37
-msgid "er ikke på krydslisten."
+#: bartab/templates/bartab/consumption.html:16
+msgid "Forbrug"
 msgstr ""
 
 #: bartenders/models.py:51
@@ -97,7 +149,7 @@ msgstr ""
 msgid "Gem"
 msgstr ""
 
-#: bartenders/templates/barplan.html:8 web/templates/base.html:60
+#: bartenders/templates/barplan.html:8 web/templates/base.html:67
 msgid "Barplan"
 msgstr ""
 
@@ -116,7 +168,7 @@ msgid "Ansvarlig"
 msgstr ""
 
 #: bartenders/templates/barplan.html:21 bartenders/templates/bartenders.html:6
-#: web/templates/base.html:61
+#: web/templates/base.html:68
 msgid "Bartendere"
 msgstr ""
 
@@ -124,12 +176,12 @@ msgstr ""
 msgid "Bartender's first shift"
 msgstr "Bartenderens første vagt"
 
-#: bartenders/templates/barplan.html:38 bartenders/templates/barplan.html:77
-#: bartenders/templates/board.html:33
+#: bartenders/templates/barplan.html:38 bartenders/templates/barplan.html:78
+#: bartenders/templates/board.html:34
 msgid "Edit"
 msgstr "Rediger"
 
-#: bartenders/templates/barplan.html:49
+#: bartenders/templates/barplan.html:49 bartenders/views.py:147
 msgid "Pantvagter"
 msgstr ""
 
@@ -141,6 +193,11 @@ msgstr ""
 msgid "Ansvarlige"
 msgstr ""
 
+#: bartenders/templates/barplan.html:73
+#| msgid "Bartender's first shift"
+msgid "Bartender's first deposit shift"
+msgstr "Bartenderens første pantvagt"
+
 #: bartenders/templates/bartender_info.html:39
 msgid "Bartender status"
 msgstr ""
@@ -220,11 +277,11 @@ msgstr ""
 msgid "Tidligere"
 msgstr ""
 
-#: bartenders/templates/board.html:29 web/templates/base.html:76
+#: bartenders/templates/board.html:30 web/templates/base.html:83
 msgid "Bestyrelsen"
 msgstr ""
 
-#: bartenders/templates/board.html:69
+#: bartenders/templates/board.html:70
 msgid "Bestyrelsen gennem tiden"
 msgstr ""
 
@@ -279,6 +336,43 @@ msgstr ""
 msgid "Bartendertilmeldingen er lukket."
 msgstr ""
 
+#: bartenders/views.py:62
+msgid "Din ansøgning er blevet indsendt."
+msgstr ""
+
+#: bartenders/views.py:108
+msgid "Barvagter"
+msgstr ""
+
+#: bartenders/views.py:131 bartenders/views.py:170
+msgid "Responsible"
+msgstr "Ansvarlig"
+
+#: bartenders/views.py:132
+msgid "Other bartenders"
+msgstr "Andre bartendere"
+
+#: bartenders/views.py:279
+msgid "Profil opdateret"
+msgstr ""
+
+#: events/admin.py:16
+msgid "Chosen options"
+msgstr "Valgte muligheder"
+
+#: events/admin.py:72
+msgid "Default allowed attendees"
+msgstr "Standard tilladte deltagere"
+
+#: events/admin.py:73
+msgid "Can be overwritten using the whitelist and blacklist above."
+msgstr "Kan overskrives ved hjælp af hvidlisten og sortlisten ovenfor."
+
+#: events/admin.py:86
+#| msgid "Bartender's first shift"
+msgid "bartenders"
+msgstr "bartendere"
+
 #: events/forms.py:21 events/forms.py:59
 msgid "Deltager"
 msgstr ""
@@ -287,6 +381,16 @@ msgstr ""
 msgid "Deltager ikke"
 msgstr ""
 
+#: events/forms.py:91
+#, python-format
+msgid "Du skal udfylde %(choice_name)s, når du deltager"
+msgstr ""
+
+#: events/forms.py:100
+#, python-format
+msgid "Der er for mange der har valgt %(option_option)s. Vælg noget andet."
+msgstr ""
+
 #: events/templates/events.html:8
 msgid "Bartender events"
 msgstr ""
@@ -332,7 +436,7 @@ msgid ""
 "end en måned siden."
 msgstr ""
 
-#: events/templates/events.html:37
+#: events/templates/events.html:37 events/views.py:100
 msgid "Tilmeldingsfrist"
 msgstr ""
 
@@ -356,8 +460,22 @@ msgstr ""
 msgid "Tilmeldte"
 msgstr ""
 
-#: events/templates/events.html:69
-msgid "Navn"
+#: events/views.py:57
+msgid "Event with id does not exist"
+msgstr "Begivenhed med id findes ikke"
+
+#: events/views.py:61
+msgid "Not logged in as an active bartender"
+msgstr "Ikke logget ind som aktiv bartender"
+
+#: events/views.py:73
+#, python-format
+msgid "Opdateret tilmelding til %(event_name)s"
+msgstr ""
+
+#: events/views.py:82
+#| msgid "Bartender's first shift"
+msgid "Bartender Events"
 msgstr ""
 
 #: fredagscafeen/admin_filters.py:30
@@ -392,7 +510,7 @@ msgstr ""
 msgid "Til bestyrelsesmedlemmer"
 msgstr ""
 
-#: guides/templates/guides.html:6 web/templates/base.html:74
+#: guides/templates/guides.html:6 web/templates/base.html:81
 msgid "Guides"
 msgstr ""
 
@@ -827,7 +945,7 @@ msgstr ""
 msgid "Reservation af projektor"
 msgstr ""
 
-#: udlejning/templates/udlejningProjector.html:6 web/templates/base.html:69
+#: udlejning/templates/udlejningProjector.html:6 web/templates/base.html:76
 msgid "lærred"
 msgstr ""
 
@@ -906,62 +1024,67 @@ msgstr ""
 msgid "Vores CVR-nr er"
 msgstr ""
 
-#: web/templates/base.html:59
+#: web/templates/base.html:66
 msgid "Forside"
 msgstr ""
 
-#: web/templates/base.html:65
+#: web/templates/base.html:72
 msgid "Udlejning"
 msgstr ""
 
-#: web/templates/base.html:67
+#: web/templates/base.html:74
 msgid "Udlejning af fadølsanlæg"
 msgstr ""
 
-#: web/templates/base.html:68
+#: web/templates/base.html:75
 msgid "Udlejning af grill"
 msgstr ""
 
-#: web/templates/base.html:69
+#: web/templates/base.html:76
 msgid "Udlejning af projektor"
 msgstr ""
 
-#: web/templates/base.html:70
+#: web/templates/base.html:77
 msgid "Udlejning af højtalere"
 msgstr ""
 
-#: web/templates/base.html:77
+#: web/templates/base.html:84
 msgid "Events"
 msgstr ""
 
-#: web/templates/base.html:78
+#: web/templates/base.html:85
 msgid "Om baren"
 msgstr ""
 
-#: web/templates/base.html:80
+#: web/templates/base.html:87
 msgid "Profil"
 msgstr ""
 
-#: web/templates/base.html:82
+#: web/templates/base.html:89
 msgid "Krydlistestatus"
 msgstr ""
 
-#: web/templates/base.html:83
+#: web/templates/base.html:91
 msgid "Bartenderprofil"
 msgstr ""
 
-#: web/templates/base.html:86
+#: web/templates/base.html:94
 msgid "Admin"
 msgstr ""
 
-#: web/templates/base.html:91
+#: web/templates/base.html:99
 msgid "Log ud"
 msgstr ""
 
-#: web/templates/base.html:124
+#: web/templates/base.html:132
 msgid "er en fredagsbar for datalogi og IT på Aarhus Universitet."
 msgstr ""
 
 #: web/templates/login.html:12
 msgid "Log ind"
 msgstr ""
+
+#: web/views.py:48
+msgid ""
+"Login mail sendt: Tryk på linket i din modtagede mail for at logge ind."
+msgstr ""
diff --git a/locale/en/LC_MESSAGES/django.mo b/locale/en/LC_MESSAGES/django.mo
index 37a9bf6aabd60747f0b96d6a447f5b2971e03795..9719d0cbe18df365d4e933ae78bc256e482d0b11 100644
GIT binary patch
delta 5692
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
bup<4~^eO)+yyMeba;f^Z%3C~RNcP_Wj*b_7

delta 3776
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

diff --git a/locale/en/LC_MESSAGES/django.po b/locale/en/LC_MESSAGES/django.po
index f259c03..60b4738 100644
--- a/locale/en/LC_MESSAGES/django.po
+++ b/locale/en/LC_MESSAGES/django.po
@@ -8,8 +8,8 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PACKAGE VERSION\n"
 "Report-Msgid-Bugs-To: \n"
-"POT-Creation-Date: 2024-07-11 22:32+0200\n"
-"PO-Revision-Date: 2024-07-11 22:33+0050\n"
+"POT-Creation-Date: 2024-07-18 22:50+0200\n"
+"PO-Revision-Date: 2024-07-18 23:04+0050\n"
 "Last-Translator:   <abs@post.au.dk>\n"
 "Language-Team: LANGUAGE <LL@li.org>\n"
 "Language: \n"
@@ -19,6 +19,51 @@ msgstr ""
 "Plural-Forms: nplurals=2; plural=(n != 1);\n"
 "X-Translated-Using: django-rosetta 0.9.9\n"
 
+#: bartab/forms.py:9
+msgid "First to include"
+msgstr "First to include"
+
+#: bartab/forms.py:12
+msgid "Last to include"
+msgstr "Last to include"
+
+#: bartab/models.py:87
+msgid "Can't have both bartender shift and custom datetime"
+msgstr "Can't have both bartender shift and custom datetime"
+
+#: bartab/models.py:90
+msgid "Must have either bartender shift or custom datetime"
+msgstr "Must have either bartender shift or custom datetime"
+
+#: bartab/models.py:135
+msgid "Kontant?"
+msgstr "Cash?"
+
+#: bartab/models.py:138 bartab/templates/bartab.html:20
+msgid "Indsat"
+msgstr "Deposited"
+
+#: bartab/models.py:139 bartab/templates/bartab.html:21
+msgid "Køb"
+msgstr "Purchases"
+
+#: bartab/models.py:143
+msgid "entries"
+msgstr "entries"
+
+#: bartab/models.py:144
+#| msgid "Brugernavn"
+msgid "Bruger"
+msgstr "User"
+
+#: bartab/models.py:161
+msgid "Vælg kontant eller ej."
+msgstr "Choose cash or not."
+
+#: bartab/sumfield.py:31
+msgid "Invalid sum"
+msgstr "Invalid sum"
+
 #: bartab/templates/bartab.html:8
 msgid "Krydslisteaktivitet"
 msgstr "Tab activity"
@@ -39,18 +84,27 @@ msgstr "Total consumption"
 msgid "Dato"
 msgstr "Date"
 
-#: bartab/templates/bartab.html:20
-msgid "Indsat"
-msgstr "Deposited"
-
-#: bartab/templates/bartab.html:21
-msgid "Køb"
-msgstr "Purchases"
-
 #: bartab/templates/bartab.html:37
 msgid "er ikke på krydslisten."
 msgstr "is not on the tab."
 
+#: bartab/templates/bartab/consumption.html:7
+msgid "Submit"
+msgstr "Submit"
+
+#: bartab/templates/bartab/consumption.html:10
+msgid "Result"
+msgstr "Result"
+
+#: bartab/templates/bartab/consumption.html:15 events/templates/events.html:69
+msgid "Navn"
+msgstr "Name"
+
+#: bartab/templates/bartab/consumption.html:16
+#| msgid "Faktisk forbrug"
+msgid "Forbrug"
+msgstr "Consumption"
+
 #: bartenders/models.py:51
 msgid "Fulde navn"
 msgstr "Full name"
@@ -97,7 +151,7 @@ msgstr "Any additional information for the board can be written here"
 msgid "Gem"
 msgstr "Save"
 
-#: bartenders/templates/barplan.html:8 web/templates/base.html:60
+#: bartenders/templates/barplan.html:8 web/templates/base.html:67
 msgid "Barplan"
 msgstr "Bar Plan"
 
@@ -116,7 +170,7 @@ msgid "Ansvarlig"
 msgstr "Responsible"
 
 #: bartenders/templates/barplan.html:21 bartenders/templates/bartenders.html:6
-#: web/templates/base.html:61
+#: web/templates/base.html:68
 msgid "Bartendere"
 msgstr "Bartenders"
 
@@ -124,12 +178,12 @@ msgstr "Bartenders"
 msgid "Bartender's first shift"
 msgstr "Bartender's first shift"
 
-#: bartenders/templates/barplan.html:38 bartenders/templates/barplan.html:77
-#: bartenders/templates/board.html:33
+#: bartenders/templates/barplan.html:38 bartenders/templates/barplan.html:78
+#: bartenders/templates/board.html:34
 msgid "Edit"
 msgstr "Edit"
 
-#: bartenders/templates/barplan.html:49
+#: bartenders/templates/barplan.html:49 bartenders/views.py:147
 msgid "Pantvagter"
 msgstr "Deposit shifts"
 
@@ -141,6 +195,11 @@ msgstr "Week"
 msgid "Ansvarlige"
 msgstr "Responsible"
 
+#: bartenders/templates/barplan.html:73
+#| msgid "Bartender's first shift"
+msgid "Bartender's first deposit shift"
+msgstr "Bartender's first deposit shift"
+
 #: bartenders/templates/bartender_info.html:39
 msgid "Bartender status"
 msgstr "Bartender status"
@@ -222,11 +281,11 @@ msgstr "Current"
 msgid "Tidligere"
 msgstr "Earlier"
 
-#: bartenders/templates/board.html:29 web/templates/base.html:76
+#: bartenders/templates/board.html:30 web/templates/base.html:83
 msgid "Bestyrelsen"
 msgstr "Board"
 
-#: bartenders/templates/board.html:69
+#: bartenders/templates/board.html:70
 msgid "Bestyrelsen gennem tiden"
 msgstr "The board over time"
 
@@ -293,6 +352,45 @@ msgstr "Submit"
 msgid "Bartendertilmeldingen er lukket."
 msgstr "Bartender applications are closed."
 
+#: bartenders/views.py:62
+msgid "Din ansøgning er blevet indsendt."
+msgstr "Your application has been submitted."
+
+#: bartenders/views.py:108
+#| msgid "Pantvagter"
+msgid "Barvagter"
+msgstr "Bar Shifts"
+
+#: bartenders/views.py:131 bartenders/views.py:170
+msgid "Responsible"
+msgstr "Responsible"
+
+#: bartenders/views.py:132
+#| msgid "er ikke bartender."
+msgid "Other bartenders"
+msgstr "Other bartenders"
+
+#: bartenders/views.py:279
+msgid "Profil opdateret"
+msgstr "Profil updated"
+
+#: events/admin.py:16
+msgid "Chosen options"
+msgstr "Chosen options"
+
+#: events/admin.py:72
+msgid "Default allowed attendees"
+msgstr "Default allowed attendees"
+
+#: events/admin.py:73
+msgid "Can be overwritten using the whitelist and blacklist above."
+msgstr "Can be overwritten using the whitelist and blacklist above."
+
+#: events/admin.py:86
+#| msgid "Bartender"
+msgid "bartenders"
+msgstr "bartenders"
+
 #: events/forms.py:21 events/forms.py:59
 msgid "Deltager"
 msgstr "Attending"
@@ -301,6 +399,17 @@ msgstr "Attending"
 msgid "Deltager ikke"
 msgstr "Not attending"
 
+#: events/forms.py:91
+#, python-format
+msgid "Du skal udfylde %(choice_name)s, når du deltager"
+msgstr "You must fill in %(choice_name)s when you join"
+
+#: events/forms.py:100
+#, python-format
+msgid "Der er for mange der har valgt %(option_option)s. Vælg noget andet."
+msgstr ""
+"There are too many who have chosen %(option_option)s. Choose something else."
+
 #: events/templates/events.html:8
 msgid "Bartender events"
 msgstr "Bartender events"
@@ -355,7 +464,7 @@ msgstr ""
 "There has been a bar guard during a bar guard plan period that ended less "
 "than a month ago."
 
-#: events/templates/events.html:37
+#: events/templates/events.html:37 events/views.py:100
 msgid "Tilmeldingsfrist"
 msgstr "Registration deadline"
 
@@ -379,9 +488,23 @@ msgstr "Sign up"
 msgid "Tilmeldte"
 msgstr "Registered participant"
 
-#: events/templates/events.html:69
-msgid "Navn"
-msgstr "Name"
+#: events/views.py:57
+msgid "Event with id does not exist"
+msgstr "Event with id does not exist"
+
+#: events/views.py:61
+msgid "Not logged in as an active bartender"
+msgstr "Not logged in as an active bartender"
+
+#: events/views.py:73
+#, python-format
+msgid "Opdateret tilmelding til %(event_name)s"
+msgstr "Updated registration for %(event_name)s"
+
+#: events/views.py:82
+#| msgid "Bartender events"
+msgid "Bartender Events"
+msgstr "Bartender Events"
 
 #: fredagscafeen/admin_filters.py:30
 msgid "All"
@@ -415,7 +538,7 @@ msgstr "To bartenders"
 msgid "Til bestyrelsesmedlemmer"
 msgstr "To board members"
 
-#: guides/templates/guides.html:6 web/templates/base.html:74
+#: guides/templates/guides.html:6 web/templates/base.html:81
 msgid "Guides"
 msgstr "Guides"
 
@@ -890,7 +1013,7 @@ msgstr "Contact information"
 msgid "Reservation af projektor"
 msgstr "Rental of projector"
 
-#: udlejning/templates/udlejningProjector.html:6 web/templates/base.html:69
+#: udlejning/templates/udlejningProjector.html:6 web/templates/base.html:76
 msgid "lærred"
 msgstr "screen"
 
@@ -973,59 +1096,59 @@ msgstr "The board can be contacted at"
 msgid "Vores CVR-nr er"
 msgstr "Our CVR number is"
 
-#: web/templates/base.html:59
+#: web/templates/base.html:66
 msgid "Forside"
 msgstr "Home"
 
-#: web/templates/base.html:65
+#: web/templates/base.html:72
 msgid "Udlejning"
 msgstr "Rental"
 
-#: web/templates/base.html:67
+#: web/templates/base.html:74
 msgid "Udlejning af fadølsanlæg"
 msgstr "Rental of kegerator"
 
-#: web/templates/base.html:68
+#: web/templates/base.html:75
 msgid "Udlejning af grill"
 msgstr "Rental of grill"
 
-#: web/templates/base.html:69
+#: web/templates/base.html:76
 msgid "Udlejning af projektor"
 msgstr "Rental of projector"
 
-#: web/templates/base.html:70
+#: web/templates/base.html:77
 msgid "Udlejning af højtalere"
 msgstr "Rental of speakers"
 
-#: web/templates/base.html:77
+#: web/templates/base.html:84
 msgid "Events"
 msgstr "Events"
 
-#: web/templates/base.html:78
+#: web/templates/base.html:85
 msgid "Om baren"
 msgstr "About"
 
-#: web/templates/base.html:80
+#: web/templates/base.html:87
 msgid "Profil"
 msgstr "Profile"
 
-#: web/templates/base.html:82
+#: web/templates/base.html:89
 msgid "Krydlistestatus"
 msgstr "Tab status"
 
-#: web/templates/base.html:83
+#: web/templates/base.html:91
 msgid "Bartenderprofil"
 msgstr "Bartender profile"
 
-#: web/templates/base.html:86
+#: web/templates/base.html:94
 msgid "Admin"
 msgstr "Admin"
 
-#: web/templates/base.html:91
+#: web/templates/base.html:99
 msgid "Log ud"
 msgstr "Log out"
 
-#: web/templates/base.html:124
+#: web/templates/base.html:132
 msgid "er en fredagsbar for datalogi og IT på Aarhus Universitet."
 msgstr "is a friday bar for computer science and IT at Aarhus University."
 
@@ -1033,5 +1156,10 @@ msgstr "is a friday bar for computer science and IT at Aarhus University."
 msgid "Log ind"
 msgstr "Log in"
 
+#: web/views.py:48
+msgid ""
+"Login mail sendt: Tryk på linket i din modtagede mail for at logge ind."
+msgstr "Login email sent: Press the link in your received email to log in."
+
 #~ msgid "Fadølsanlæggene"
 #~ msgstr "Kegerators"
diff --git a/web/static/css/stylesheet.css b/web/static/css/stylesheet.css
old mode 100644
new mode 100755
index 9f8e08d..8e89ec0
--- a/web/static/css/stylesheet.css
+++ b/web/static/css/stylesheet.css
@@ -237,47 +237,67 @@ html.dark {
         background-color: #151515;
     }
 
-    button {
-        background-color: #151515;
-        color: #c3c3c3;
+    .navbar-btn {
+        background-color: #282828;
     }
 
     code {
         background-color: #351b1b;
     }
 
-    input, textarea, select, .input-group-addon, .panel, td {
+    input, textarea, select, .input-group-addon, .panel, select, th, .dropdown.open {
         background-color: #282828;
         border-color: #282828;
-        color: white;
+        color: #EEEEEE;
+    }
+
+    .dropdown.open {
+        background-color: black !important;
+    }
+
+    select:disabled, input:disabled {
+        background-color: #28282828;
+        color: #4d4d4d;
+      }
+
+    tr:nth-child(odd) {
+        background-color: #151515;
+    }
+
+    tr:nth-child(even) {
+        background-color: #282828;
     }
 
     .list-group-item {
         background-color: #282828;
-        border-color: #282828;
+        border-color: #4d4d4d;
     }
 
-    .list-group-item-success, .success- {
-        background-color: #4c8542;
-        color: white;
+    .list-group-item-success {
+        background-color: #3C763D;
+    }
+    .list-group-item-success > b {
+        color: #DFF0D8;
     }
 
     .list-group-item-warning {
-        background-color: #857e40;
-        color: white;
+        background-color: #8A6D3B;
+    }
+
+    .list-group-item-warning > b {
+        color: #FCF8E3;
     }
 
-    .is-user-shift {
-        background-color: lightBlue;
+    .success-dark {
+        background-color: #28611e !important;
     }
 
-    .danger- {
-        background-color: #854040;
-        color: white;
+    .danger-dark {
+        background-color: #854040 !important;
     }
 
-    p, h1, h2, h3, h4, h5, label, th, b, li {
-        color: white;
+    p, h1, h2, h3, h4, h5, label, b, li, td {
+        color: #EEEEEE;
     }
 
     .banner h1 {
@@ -499,7 +519,6 @@ html.dark {
         transform: translateX(16px);
     }
 
-    /* Rounded sliders */
     .slider.round {
         border-radius: 24px;
     }
diff --git a/web/static/js/darkModeState.js b/web/static/js/darkModeState.js
index c639633..dc07dcf 100644
--- a/web/static/js/darkModeState.js
+++ b/web/static/js/darkModeState.js
@@ -16,6 +16,26 @@ function switchTheme() {
         } catch(err) {
             // Page not selected
         }
+        try {
+            document.getElementById("timesheet-theme").classList = "black";
+        } catch(err) {
+            // Page not selected
+        }
+        const panels = document.getElementsByClassName("panel");
+        for (let i = 0; i < panels.length; i++) {
+            panels[i].classList = "panel panel-primary";
+        }
+        const success = document.getElementsByClassName("success");
+        for (let i = 0; i < success.length; i++) {
+            success[i].classList = "success-dark";
+        }
+        const danger = document.getElementsByClassName("danger");
+        for (let n = 0; n < 5; n++) {
+            const danger = document.getElementsByClassName("danger");
+            for (let i = 0; i < danger.length; i++) {
+                danger[i].classList = "danger-dark";
+            }
+        }
     } else {
         document.getElementById("facebook-link").setAttribute("class", "social-link");
         document.getElementById("instagram-link").setAttribute("class", "social-link");
@@ -25,6 +45,23 @@ function switchTheme() {
         } catch(err) {
             // Page not selected
         }
+        try {
+            document.getElementById("timesheet-theme").classList = "white";
+        } catch(err) {
+            // Page not selected
+        }
+        const panels = document.getElementsByClassName("panel");
+        for (let i = 0; i < panels.length; i++) {
+            panels[i].classList = "panel panel-default";
+        }
+        const success = document.getElementsByClassName("success-dark");
+        for (let i = 0; i < success.length; i++) {
+            success[i].classList = "success";
+        }
+        const danger = document.getElementsByClassName("danger-dark");
+        for (let i = 0; i < danger.length; i++) {
+            danger[i].classList = "danger";
+        }
     }
 }
 
@@ -50,5 +87,24 @@ function setThemeToggle() {
         } catch(err) {
             // Page not selected
         }
+        try {
+            document.getElementById("timesheet-theme").classList = "black";
+        } catch(err) {
+            // Page not selected
+        }
+        const panels = document.getElementsByClassName("panel");
+        for (let i = 0; i < panels.length; i++) {
+            panels[i].classList = "panel panel-primary";
+        }
+        const success = document.getElementsByClassName("success");
+        for (let i = 0; i < success.length; i++) {
+            success[i].classList = "success-dark";
+        }
+        for (let n = 0; n < 5; n++) {
+            const danger = document.getElementsByClassName("danger");
+            for (let i = 0; i < danger.length; i++) {
+                danger[i].classList = "danger-dark";
+            }
+        }
     }
 }
diff --git a/web/static/js/timesheet-black.min.css b/web/static/js/timesheet-black.min.css
new file mode 100644
index 0000000..954479c
--- /dev/null
+++ b/web/static/js/timesheet-black.min.css
@@ -0,0 +1,2 @@
+.black .timesheet{width:720px;height:292px;margin:0 auto}.black .timesheet{border-top:1px solid rgba(203, 203, 203, 0.759);background-color:#282828;position:relative}.black .timesheet.color-scheme-default .bubble-default{background-color:RGBA(252, 70, 74, 1)}.black .timesheet.color-scheme-default .bubble-lorem{background-color:RGBA(154, 202, 39, 1)}.black .timesheet.color-scheme-default .bubble-ipsum{background-color:RGBA(60, 182, 227, 1)}.black .timesheet.color-scheme-default .bubble-dolor{background-color:RGBA(244, 207, 48, 1)}.black .timesheet.color-scheme-default .bubble-sit{background-color:RGBA(169, 105, 202, 1)}.black .timesheet.color-scheme-alternative .bubble-default{background-color:#f3552e}.black .timesheet.color-scheme-alternative .bubble-lorem{background-color:#88c33a}.black .timesheet.color-scheme-alternative .bubble-ipsum{background-color:#436ae0}.black .timesheet.color-scheme-alternative .bubble-dolor{background-color:#f4d234}.black .timesheet.color-scheme-alternative .bubble-sit{background-color:#707d86}.black .timesheet .scale{height:100%;position:absolute;top:0;left:0;float:left}.black .timesheet .scale section{float:left;width:59px;color:rgba(203, 203, 203, 0.715);font-family:"Signika Negative";font-size:13px;line-height:24px;font-weight:300;border-left:1px dashed rgba(50,50,50,0.1);height:100%}.black .timesheet .data{margin:28px 0 0 0;padding:0;text-align:left;list-style-type:none;color:rgba(250,250,250,0.8);font-family:"Signika Negative";font-size:13px;overflow:hidden}.black .timesheet .data li{margin:0 0 3px 0;line-height:22px;height:21px;display:block;cursor:pointer;clear:both;position:relative;black-space:nowrap}.black .timesheet .data li:hover .bubble{opacity:1}.black .timesheet .data li .date{color:#797979;font-size:14px}.black .timesheet .data li .label{font-weight:lighter;font-size:14px;padding-left:5px;line-height:21px;color:#d7d7d7;black-space:nowrap}.black .timesheet .data li .bubble{width:24px;height:7px;display:block;float:left;position:relative;top:7px;border-radius:4px;margin:0 10px 0 0;opacity:0.7}
+/*# sourceMappingURL=timesheet-black.min.css.map */
diff --git a/web/templates/base.html b/web/templates/base.html
index d4889bc..c09d8c2 100644
--- a/web/templates/base.html
+++ b/web/templates/base.html
@@ -87,6 +87,7 @@ <h1>
                             <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{% translate "Profil" %}<span class="caret"></span></a>
                             <ul class="dropdown-menu">
                                 <li><a href="/{{ LANGUAGE_CODE }}/bartab">{% translate "Krydlistestatus" %}</a></li>
+                                <li class="divider"></li>
                                 <li><a href="/{{ LANGUAGE_CODE }}/profile">{% translate "Bartenderprofil" %}</a></li>
                             </ul>
                         </li>
@@ -95,7 +96,7 @@ <h1>
                     {% if user.is_authenticated %}
                     <form action="/{{ LANGUAGE_CODE }}/logout/" method="post">
                         {% csrf_token %}
-                        <button type="submit" class="btn navbar-btn pull-right">{% translate "Log ud" %}</button>
+                        <button type="submit" style="background-color: None; color: #c3c3c3;" class="btn navbar-btn pull-right">{% translate "Log ud" %}</button>
                     </form>
                     {% endif %}
                 </div>
diff --git a/web/templates/plain_base.html b/web/templates/plain_base.html
index ca65c7f..7f3f4b4 100644
--- a/web/templates/plain_base.html
+++ b/web/templates/plain_base.html
@@ -10,13 +10,13 @@
 
     <link rel="shortcut icon" href="{% static 'favicon.ico' %}" type="image/x-icon" />
 
+    {% include "jquery.html" %}
+    {% include "bootstrap.html" %}
+
     <link rel="stylesheet" href="{% static 'css/stylesheet.css' %}">
     <script type="text/javascript" src="{% static 'js/darkModeState.js' %}"></script>
     <script> window.onload = setTheme()</script>
 
-    {% include "jquery.html" %}
-    {% include "bootstrap.html" %}
-
     <script src="{% static 'js/memes.js' %}"></script>
     {% block extrahead %}{% endblock %}
 </head>