diff --git a/skolehjem/resources/views/app/events/index.blade.php b/skolehjem/resources/views/app/events/index.blade.php
index 8041a1d..62737ad 100644
--- a/skolehjem/resources/views/app/events/index.blade.php
+++ b/skolehjem/resources/views/app/events/index.blade.php
@@ -39,9 +39,9 @@
                 <div class="card">
                     @if($event->resource_id !== null)
                         <div class="header" style="background-size: cover; background-image: url('{{ asset(\App\Resource::query()->where("id", "=", $event->resource_id)->first()->filename) }}');">
-                        <h3 style="text-shadow: 2px 2px 2px #00078A;">{{ $event->name }}</h3>
-                        <p style="text-shadow: 2px 2px 2px #00078A"; class="text-center mt-0">{{__('msg.af')}}: {{ $event->accountable }}</p>
-                        <p style="text-shadow: 2px 2px 2px #00078A"; class="text-center mt-0">{{ \Illuminate\Support\Facades\Date::createFromTimeStamp(strtotime($event->date))->format('d/m/Y \k\l\. H:i') }}</p>
+                        <h3 style="text-shadow: 2px 2px 2px #00788A;">{{ $event->name }}</h3>
+                        <p style="text-shadow: 2px 2px 2px #00788A"; class="text-center mt-0">{{__('msg.af')}}: {{ $event->accountable }}</p>
+                        <p style="text-shadow: 2px 2px 2px #00788A"; class="text-center mt-0">{{ \Illuminate\Support\Facades\Date::createFromTimeStamp(strtotime($event->date))->format('d/m/Y \k\l\. H:i') }}</p>
                     </div>
                     @else
                         <div class="header">
diff --git a/skolehjem/resources/views/app/events/yourevents.blade.php b/skolehjem/resources/views/app/events/yourevents.blade.php
index d2f86d3..7f4128f 100644
--- a/skolehjem/resources/views/app/events/yourevents.blade.php
+++ b/skolehjem/resources/views/app/events/yourevents.blade.php
@@ -43,9 +43,9 @@
                     <div class="card">
                         @if($userevent->resource_id !== null)
                             <div class="header" style="background-size: cover; background-image: url('{{ asset(\App\Resource::query()->where("id", "=", $userevent->resource_id)->first()->filename) }}');">
-                                <h3 style="text-shadow: 2px 2px 2px #00078A;">{{ $userevent->name }}</h3>
-                                <p style="text-shadow: 2px 2px 2px #00078A"; class="text-center mt-0">{{__('msg.af')}}: {{ $userevent->accountable }}</p>
-                                <p style="text-shadow: 2px 2px 2px #00078A"; class="text-center mt-0">{{ \Illuminate\Support\Facades\Date::createFromTimeStamp(strtotime($userevent->date))->format('d/m/Y \k\l\. H:i') }}</p>
+                                <h3 style="text-shadow: 2px 2px 2px #00788A;">{{ $userevent->name }}</h3>
+                                <p style="text-shadow: 2px 2px 2px #00788A"; class="text-center mt-0">{{__('msg.af')}}: {{ $userevent->accountable }}</p>
+                                <p style="text-shadow: 2px 2px 2px #00788A"; class="text-center mt-0">{{ \Illuminate\Support\Facades\Date::createFromTimeStamp(strtotime($userevent->date))->format('d/m/Y \k\l\. H:i') }}</p>
                             </div>
                         @else
                             <div class="header">
diff --git a/skolehjem/resources/views/app/guides/index.blade.php b/skolehjem/resources/views/app/guides/index.blade.php
index 1bd1187..02e7194 100644
--- a/skolehjem/resources/views/app/guides/index.blade.php
+++ b/skolehjem/resources/views/app/guides/index.blade.php
@@ -39,7 +39,7 @@
                 <div class="card">
                     @if($guide->resource_id !== null)
                         <div class="header" style="background-size: cover; background-image: url('{{ asset(\App\Resource::query()->where("id", "=", $guide->resource_id)->first()->filename) }}');">
-                        <h3 style="text-shadow: 2px 2px 2px #00078A;">{{ $guide->name}}</h3>
+                        <h3 style="text-shadow: 2px 2px 2px #00788A;">{{ $guide->name}}</h3>
                     </div>
                     @else
                         <div class="header">
diff --git a/skolehjem/resources/views/app/news/index.blade.php b/skolehjem/resources/views/app/news/index.blade.php
index 1a5ef87..19e11d5 100644
--- a/skolehjem/resources/views/app/news/index.blade.php
+++ b/skolehjem/resources/views/app/news/index.blade.php
@@ -32,8 +32,8 @@
                 <div class="card">
                     @if($new->resource_id !== null)
                         <div class="header" style="background-size: cover; background-image: url('{{ asset(\App\Resource::query()->where("id", "=", $new->resource_id)->first()->filename) }}');">
-                            <p style="text-shadow: 2px 2px 2px #00078A;"><b>{{ $new->name }}</b></p>
-                            <h3 style="text-shadow: 2px 2px 2px #00078A;">{{ $new->subname }}</h3>
+                            <p style="text-shadow: 2px 2px 2px #00788A;"><b>{{ $new->name }}</b></p>
+                            <h3 style="text-shadow: 2px 2px 2px #00788A;">{{ $new->subname }}</h3>
                         </div>
                     @else
                         <div class="header">
diff --git a/skolehjem/resources/views/app/settings/index.blade.php b/skolehjem/resources/views/app/settings/index.blade.php
index 1490717..3126a0f 100644
--- a/skolehjem/resources/views/app/settings/index.blade.php
+++ b/skolehjem/resources/views/app/settings/index.blade.php
@@ -5,6 +5,66 @@
 @endsection
 
 @section("content")
+    <style>
+        /* The switch - the box around the slider */
+        .switch {
+            position: relative;
+            display: inline-block;
+            width: 60px;
+            height: 28px;
+        }
+
+        /* Hide default HTML checkbox */
+        .switch input {
+            opacity: 0;
+            width: 0;
+            height: 0;
+        }
+
+        /* The slider */
+        .slider {
+            position: absolute;
+            cursor: pointer;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            background-color: #ccc;
+            transition: .4s;
+        }
+
+        .slider:before {
+            position: absolute;
+            content: "";
+            height: 20px;
+            width: 20px;
+            left: 4px;
+            bottom: 4px;
+            background-color: white;
+            transition: .4s;
+        }
+
+        input:checked + .slider {
+            background-color: #00788A;
+        }
+
+        input:focus + .slider {
+            box-shadow: 0 0 1px #00788A;
+        }
+
+        input:checked + .slider:before {
+            transform: translateX(32px);
+        }
+
+        /* Rounded sliders */
+        .slider.round {
+            border-radius: 34px;
+        }
+
+        .slider.round:before {
+            border-radius: 50%;
+        }
+    </style>
     <script src="{{ asset("/js/jquery-3.2.1.min.js") }}"></script>
     <main style="justify-content: unset">
         <label for="langu" class="mt-2">Sprog / Languages:</label>
@@ -33,6 +93,17 @@
                 <option name="dark" style="color: black;" value="dark">{{ __("msg.mørk") }}</option>
             @endif
         </select>
+        <label for="dark">E-mail Notifikationer / E-mail Notifications:</label>
+        <div>
+            <label class="switch">
+                @if(\App\User::query()->where('id', '=', auth()->user()->id)->first()->wants_emails == true)
+                    <input type="checkbox" checked>
+                @else
+                    <input type="checkbox">
+                @endif
+                <span class="slider round"></span>
+            </label>
+        </div>
     </main>
     <script>
         $(document).ready(function (){