From 07dfea17e677f8529d87918d4e81bd9847c5e478 Mon Sep 17 00:00:00 2001
From: leiweibau <105860611+leiweibau@users.noreply.github.com>
Date: Fri, 20 May 2022 15:06:09 +0200
Subject: [PATCH] darkmode

---
 front/css/dark-patch-cal.css   |  17 +
 front/css/dark-patch.css       | 653 +++++++++++++++++++++++++++++++++
 front/deviceDetails.php        |   8 +-
 front/img/boxed-bg-dark.png    | Bin 0 -> 11638 bytes
 front/img/manifest.json        |   7 +
 front/php/templates/header.php |  19 +-
 front/presence.php             |   1 +
 7 files changed, 698 insertions(+), 7 deletions(-)
 create mode 100644 front/css/dark-patch-cal.css
 create mode 100644 front/css/dark-patch.css
 create mode 100644 front/img/boxed-bg-dark.png
 create mode 100644 front/img/manifest.json

diff --git a/front/css/dark-patch-cal.css b/front/css/dark-patch-cal.css
new file mode 100644
index 00000000..317cf696
--- /dev/null
+++ b/front/css/dark-patch-cal.css
@@ -0,0 +1,17 @@
+.fc-sat {  
+background-color: #444D56; }
+.fc-sun {  
+background-color: #444D56; }
+.fc-today {
+  background-color: #8D9AAC !important;
+  border: none !important;
+} 
+.fc-cell-content {
+	background-color: #272c30;
+}
+.fc-widget-header {
+	background-color: #353c42;
+}
+.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead{
+	border-color: #353c42 !important;
+}
diff --git a/front/css/dark-patch.css b/front/css/dark-patch.css
new file mode 100644
index 00000000..fbe7e2d4
--- /dev/null
+++ b/front/css/dark-patch.css
@@ -0,0 +1,653 @@
+/* Pi-hole: A black hole for Internet advertisements
+*  (c) 2020 Pi-hole, LLC (https://pi-hole.net)
+*  Network-wide ad blocking via your own hardware.
+*
+*  This file is copyright under the latest version of the EUPL.
+*  Please see LICENSE file for your rights under this license.
+*
+*  The colors used in this theme has been inspired by
+*  https://github.com/anvyst/adminlte-skin-midnight
+*
+* Additional fixes For Pi.Alert UI by leiweibau */
+
+:root {
+  --datatable-bgcolor: rgba(64, 76, 88, 0.8);
+}
+html {
+  background-color: #353c42;
+}
+
+body {
+  background-color: #353c42;
+  color: #bec5cb;
+}
+h4 {
+  color: #44def1;
+}
+.content-header > .breadcrumb > li > a {
+  color: #bec5cb;
+}
+.table > thead > tr > th,
+.table > tbody > tr > th,
+.table > tfoot > tr > th,
+.table > thead > tr > td,
+.table > tbody > tr > td,
+.table > tfoot > tr > td {
+  border-top: 0;
+}
+.table > thead > tr.odd,
+.table > tbody > tr.odd,
+.table > tfoot > tr.odd {
+  background-color: #2a2f34;
+}
+.table > thead > tr.odd:hover,
+.table > tbody > tr.odd:hover,
+.table > tfoot > tr.odd:hover,
+.table > thead > tr.even:hover,
+.table > tbody > tr.even:hover,
+.table > tfoot > tr.even:hover {
+  background-color: #1e2226;
+}
+.table-bordered,
+.table-bordered > thead > tr > th,
+.table-bordered > tbody > tr > th,
+.table-bordered > tfoot > tr > th,
+.table-bordered > thead > tr > td,
+.table-bordered > tbody > tr > td,
+.table-bordered > tfoot > tr > td {
+  border: 1px solid #353c42;
+}
+.dataTables_wrapper input[type="search"] {
+  border-radius: 4px;
+  background-color: #353c42;
+  border: 0;
+  color: #bec5cb;
+}
+.dataTables_paginate .pagination li > a {
+  background-color: #353c42;
+  border-color: #353c42;
+}
+.pagination > .disabled > a,
+.pagination > .disabled > a:focus,
+.pagination > .disabled > a:hover,
+.pagination > .disabled > span,
+.pagination > .disabled > span:focus,
+.pagination > .disabled > span:hover {
+  cursor: not-allowed;
+  color: #bec5cb;
+  background-color: #353c42;
+  border-color: #353c42;
+}
+.pagination > li > a:focus,
+.pagination > li > a:hover,
+.pagination > li > span:focus,
+.pagination > li > span:hover {
+  z-index: 2;
+  color: #bec5cb;
+  background-color: #54606b;
+  border-color: #54606b;
+}
+.wrapper,
+.main-sidebar,
+.left-side {
+  background-color: #272c30;
+}
+.user-panel > .info,
+.user-panel > .info > a {
+  color: #fff;
+}
+.sidebar-menu > li.header {
+  color: #556068;
+  background-color: #1e2225;
+}
+.sidebar-menu > li > a {
+  border-left: 3px solid transparent;
+}
+.sidebar-menu > li:hover > a,
+.sidebar-menu > li > a:focus,
+.sidebar-menu > li.active > a {
+  color: #fff;
+  background-color: #22272a;
+  border-color: #3c8dbc;
+}
+.sidebar-menu > li > .treeview-menu {
+  margin: 0 1px;
+  background-color: #32393e;
+}
+.sidebar a {
+  color: #bec5cb;
+}
+.sidebar a:hover {
+  text-decoration: none;
+}
+.treeview-menu > li > a {
+  color: #949fa8;
+}
+.treeview-menu > li.active > a,
+.treeview-menu > li > a:hover,
+.treeview-menu > li > a:focus {
+  color: #fff;
+}
+.sidebar-form {
+  border-radius: 3px;
+  border: 1px solid #3e464c;
+  margin: 10px;
+}
+.sidebar-form input[type="text"],
+.sidebar-form .btn {
+  box-shadow: none;
+  background-color: #3e464c;
+  border: 1px solid transparent;
+  height: 35px;
+}
+.sidebar-form input[type="text"] {
+  color: #666;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 2px;
+}
+.sidebar-form input[type="text"]:focus,
+.sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  background-color: #fff;
+  color: #666;
+}
+.sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  border-left-color: #fff;
+}
+.sidebar-form .btn {
+  color: #999;
+  border-top-left-radius: 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 0;
+}
+.box,
+.box-footer,
+.info-box,
+.box-comment,
+.comment-text,
+.comment-text .username {
+  color: #bec5cb;
+  background-color: #272c30;
+}
+.box-comments .box-comment {
+  border-bottom-color: #353c42;
+}
+.box-footer {
+  border-top: 1px solid #353c42;
+}
+.box-header.with-border {
+  border-bottom: 1px solid #353c42;
+}
+.box-solid,
+.box {
+  border: 1px solid #272c30;
+}
+.box-solid > .box-header,
+.box > .box-header {
+  color: #bec5cb;
+}
+.box-solid > .box-header .btn,
+.box > .box-header .btn {
+  color: #bec5cb;
+}
+.box.box-info,
+.box.box-primary,
+.box.box-success,
+.box.box-warning,
+.box.box-danger {
+  border-top-width: 3px;
+}
+.box.box-info {
+  border-top-color: #00c0ef;
+}
+.box.box-primary {
+  border-top-color: #075383;
+}
+.box.box-success {
+  border-top-color: #00a65a;
+}
+.box.box-warning {
+  border-top-color: #ff851b;
+}
+.box.box-danger {
+  border-top-color: #dd4b39;
+}
+.main-header .navbar {
+  background-color: #272c30;
+}
+.main-header .navbar .nav > li > a,
+.main-header .navbar .nav > li > .navbar-text {
+  color: #bec5cb;
+  max-height: 50px;
+}
+.main-header .navbar .nav > li > a:hover,
+.main-header .navbar .nav > li > a:active,
+.main-header .navbar .nav > li > a:focus,
+.main-header .navbar .nav .open > a,
+.main-header .navbar .nav .open > a:hover,
+.main-header .navbar .nav .open > a:focus,
+.main-header .navbar .nav > .active > a {
+  background-color: rgba(0, 0, 0, 0.1);
+  color: #f6f6f6;
+}
+.main-header .navbar .sidebar-toggle {
+  color: #bec5cb;
+}
+.main-header .navbar .sidebar-toggle:hover {
+  color: #f6f6f6;
+  background-color: rgba(0, 0, 0, 0.1);
+}
+.timeline li .timeline-item {
+  color: #bec5cb;
+  background-color: #272c30;
+  border-color: #353c42;
+}
+.timeline li .timeline-header {
+  border-bottom-color: #353c42;
+}
+.nav-stacked > li > a {
+  color: #bec5cb;
+}
+.nav-stacked > li > a:hover {
+  color: white;
+  background-color: #1e2226;
+}
+.content-wrapper,
+.right-side {
+  background-color: #353c42;
+}
+.main-footer,
+.nav-tabs-custom {
+  background-color: #272c30;
+  border-top-color: #353c42;
+  color: #bec5cb;
+}
+.main-footer .nav-tabs,
+.nav-tabs-custom .nav-tabs {
+  background-color: #30383f;
+  border-bottom-color: #2f363b;
+}
+.main-footer .tab-content,
+.nav-tabs-custom .tab-content {
+  background-color: #30383f;
+}
+.nav-tabs-custom > .nav-tabs {
+  background: rgba(64, 72, 80, 0.666);
+}
+.nav-tabs-custom > .nav-tabs > li {
+  margin-right: 1px;
+  color: #bec5cb;
+}
+.nav-tabs-custom > .nav-tabs > li.active > a,
+.nav-tabs-custom > .nav-tabs > li.active:hover > a {
+  border-left-color: #30383f;
+  border-right-color: #30383f;
+  background-color: #30383f;
+  color: #bec5cb;
+}
+.nav-tabs-custom > .nav-tabs > li:not(.active):hover {
+  border-top-color: #d2d6de;
+  background-color: transparent;
+}
+.nav-tabs-custom > .nav-tabs > li > a {
+  color: #8e959b;
+}
+.nav-tabs-custom > .nav-tabs > li > a:focus {
+  color: #3c8dbc;
+}
+.nav-tabs-custom > .nav-tabs > li:hover > a,
+.nav-tabs-custom > .nav-tabs > li.active:hover > a {
+  background-color: #353c42;
+  color: #bec5cb;
+}
+
+.list-group {
+  color: #bec5cb;
+  background-color: #272c30;
+}
+.list-group .list-group-item {
+  border-color: #353c42;
+  background-color: #272c30;
+}
+.input-group .input-group-addon {
+  border-right: 1px solid #272c30;
+}
+.select2 .select2-selection {
+  background-color: #353c42;
+  color: #bec5cb;
+  border: 1px solid #353c42;
+}
+.select2 .select2-selection .select2-container--default,
+.select2 .select2-selection .select2-selection--single,
+.select2 .select2-selection .select2-selection--multiple,
+.select2 .select2-selection .select2-selection__rendered {
+  color: #bec5cb;
+}
+.select2-dropdown {
+  background-color: #353c42;
+  color: #bec5cb;
+  border: 1px solid #353c42;
+}
+.select2-dropdown .select2-search__field {
+  background-color: #272c30;
+  color: #bec5cb;
+  border: 1px solid #353c42;
+}
+.select2-container--default.select2-container--open {
+  background-color: #272c30;
+}
+
+.layout-boxed {
+  background: url("../../img/boxed-bg-dark.png") repeat fixed;
+}
+.not-used {
+  background-color: #eee;
+}
+.not-used:hover {
+  background-color: #c5c5c5;
+}
+.used {
+  background-color: #fff;
+}
+.used:hover {
+  background-color: #ddd;
+}
+
+.graphs-grid {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+.graphs-ticks {
+  color: #b8c7ce;
+}
+.queries-permitted {
+  background-color: #00a65a;
+}
+.queries-blocked {
+  background-color: #999;
+}
+.progress {
+  background-color: #333;
+}
+
+.bg-green {
+  background-color: #005c32 !important;
+}
+.bg-aqua {
+  background-color: #007997 !important;
+}
+.bg-yellow {
+  background-color: #b1720c !important;
+}
+.bg-red {
+  background-color: #913225 !important;
+}
+
+code,
+pre {
+  padding: 2px 4px;
+  font-size: 90%;
+  color: #bec5cb;
+  background-color: #353c42;
+  border-radius: 4px;
+}
+
+/* Used in the Query Log table */
+.text-green-light {
+  color: #5ca314 !important;
+}
+.text-green {
+  color: #00aa60 !important;
+}
+.text-orange {
+  color: #b1720c !important;
+}
+.text-red {
+  color: #bd2c19 !important;
+}
+.text-vivid-blue {
+  color: #007997 !important;
+}
+td.highlight {
+  background-color: rgba(255, 204, 0, 0.333);
+}
+.btn-default {
+  box-shadow: none;
+  background-color: #3e464c;
+  color: #bec5cb;
+  border: 1px solid #353c42;
+}
+
+/* Used in debug log page */
+.log-red {
+  color: #ff4038;
+}
+.log-green {
+  color: #4c4;
+}
+.log-yellow {
+  color: #fb0;
+}
+.log-blue {
+  color: #48f;
+}
+.log-purple {
+  color: #b8e;
+}
+.log-cyan {
+  color: #0df;
+}
+.log-gray {
+  color: #999;
+}
+
+#output {
+  border-color: #505458;
+  background: #272c30;
+}
+
+/* Used by the long-term pages */
+.daterangepicker {
+  background-color: #3e464c;
+  border-radius: 4px;
+  border: 1px solid #353c42;
+}
+.daterangepicker .ranges li:hover {
+  background-color: #353c42;
+}
+.daterangepicker .ranges li.active {
+  background-color: #1e2226; /* Color also used in table pagination */
+}
+.daterangepicker .calendar-table {
+  background-color: #3e464c;
+  border-radius: 4px;
+  border: 1px solid #353c42;
+}
+.daterangepicker td.off,
+.daterangepicker td.off.in-range,
+.daterangepicker td.off.start-date,
+.daterangepicker td.off.end-date {
+  background-color: #485158;
+}
+.daterangepicker td.available:hover,
+.daterangepicker th.available:hover {
+  background-color: #1e2226;
+}
+.daterangepicker td.active,
+.daterangepicker td.active:hover,
+.daterangepicker td.in-range:hover {
+  background-color: #225e92;
+}
+.daterangepicker td.in-range {
+  background-color: #1e2226;
+  color: #bec5cb;
+}
+input,
+select,
+select.form-control,
+.form-group .input-group-addon,
+.input-group .input-group-addon,
+.form-group input,
+.input-group input,
+.form-group textarea,
+.input-group textarea,
+.daterangepicker select.hourselect,
+.daterangepicker select.minuteselect,
+.daterangepicker select.secondselect,
+.daterangepicker select.ampmselect,
+.form-control,
+div.dataTables_wrapper div.dataTables_length select {
+  background-color: #353c42;
+  color: #bec5cb;
+  border: 1px solid #3d444b;
+}
+.form-control[disabled],
+.form-control[readonly],
+fieldset[disabled] .form-control {
+  background-color: #353c42;
+  opacity: 1;
+}
+.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
+  background-color: #4c5761;
+  color: #bec5cb;
+  border: 1px solid #171c20;
+}
+.table-striped > tbody > tr:nth-of-type(2n + 1) {
+  background-color: #2d343a;
+}
+.panel,
+.panel-body,
+.panel-default > .panel-heading {
+  background-color: #3e464c;
+  border-radius: 4px;
+  border: 1px solid #353c42;
+  color: #bec5cb;
+}
+.box.box-solid.box-info,
+.box.box-solid.box-info > .box-header {
+  color: #bec5cb;
+  background-color: #367fa9 !important;
+  border: 1px solid #367fa9;
+}
+input[type="password"]::-webkit-credentials-auto-fill-button {
+  background: #bfc5ca;
+}
+input[type="password"]::-webkit-caps-lock-indicator {
+  filter: invert(100%);
+}
+
+.network-never {
+  background-color: #661b02;
+}
+.network-recent {
+  background-color: #114100;
+}
+.network-old {
+  background-color: #525200;
+}
+.network-older {
+  background-color: #502b00;
+}
+.network-gradient {
+  background-image: linear-gradient(to right, #114100 0%, #525200 100%);
+}
+
+.icheckbox_polaris,
+.icheckbox_futurico,
+.icheckbox_minimal-blue {
+  margin-right: 10px;
+}
+.iradio_polaris,
+.iradio_futurico,
+.iradio_minimal-blue {
+  margin-right: 8px;
+}
+
+/* Overlay box with spinners as shown during data collection for graphs */
+.box .overlay,
+.overlay-wrapper .overlay {
+  z-index: 50;
+  background-color: rgba(53, 60, 66, 0.733);
+  border-radius: 3px;
+}
+.box .overlay > .fa,
+.overlay-wrapper .overlay > .fa,
+.navbar-nav > .user-menu > .dropdown-menu > .user-body a {
+  color: #bec5cb !important;
+}
+
+.navbar-nav > .user-menu > .dropdown-menu > .user-footer {
+  background-color: #353c42bb;
+  padding: 10px;
+}
+
+.modal-content {
+  background: #272c30;
+}
+.modal-header {
+  border-bottom-color: #353c42;
+}
+.modal-footer {
+  border-top-color: #353c42;
+}
+.close {
+  color: #383838;
+}
+
+/*** Fix login input visual misalignment ***/
+#loginform,
+#loginform input {
+  color: rgb(120, 127, 133);
+}
+
+.login-options input,
+.login-options [class*="icheck-"] > input:first-child + input[type="hidden"] + label::before,
+.login-options [class*="icheck-"] > input:first-child + label::before {
+  background: none;
+  border-color: rgb(120, 127, 133);
+}
+
+/*** Additional fixes For Pi.Alert UI ***/
+.small-box {
+    border-radius: 10px;
+}
+.pa-small-box-aqua .inner {
+  background-color: rgb(45,108,133);
+  border-top-left-radius: 10px;
+  border-top-right-radius: 10px;
+}
+.pa-small-box-green .inner {
+  background-color: rgb(31,76,46);
+  border-top-left-radius: 10px;
+  border-top-right-radius: 10px;
+}
+.pa-small-box-yellow .inner {
+  background-color: rgb(151,104,37);
+  border-top-left-radius: 10px;
+  border-top-right-radius: 10px;
+}
+.pa-small-box-red .inner {
+  background-color: rgb(120,50,38);
+  border-top-left-radius: 10px;
+  border-top-right-radius: 10px;
+}
+.pa-small-box-gray .inner {
+  background-color: rgb(189,192,198);
+  color: rgba(20,20,20,30%);
+  border-top-left-radius: 10px;
+  border-top-right-radius: 10px;
+}
+.text-gray-20 {
+  color: rgba(20,20,20,30%);
+}
+.bg-gray {
+  background-color: #888888 !important;
+}
+.badge.bg-green {
+    background-color: #00A000 !important;
+}
+#txtRecord {
+  background-color: #353c42;
+  border-color: #888888;
+}
diff --git a/front/deviceDetails.php b/front/deviceDetails.php
index 47cf35fe..0810d693 100644
--- a/front/deviceDetails.php
+++ b/front/deviceDetails.php
@@ -56,7 +56,7 @@
             <div class="small-box bg-green pa-small-box-green pa-small-box-2">
               <div class="inner"> <h3 id="deviceSessions"> -- </h3> </div>
               <div class="icon"> <i class="fa fa-plug"></i> </div>
-              <div class="small-box-footer pa-small-box-footer"> Sesions <i class="fa fa-arrow-circle-right"></i> </div>
+              <div class="small-box-footer pa-small-box-footer"> Sessions <i class="fa fa-arrow-circle-right"></i> </div>
             </div>
           </a>
         </div>
@@ -308,7 +308,7 @@
                         <label class="col-sm-5 control-label">Scan Cycle</label>
                         <div class="col-sm-7">
                           <div class="input-group">
-                            <input class="form-control" id="txtScanCycle" type="text" value="--" readonly style="background-color: #fff;">
+                            <input class="form-control" id="txtScanCycle" type="text" value="--" readonly >
                             <div class="input-group-btn">
                               <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-expanded="false" id="dropdownButtonScanCycle">
                                 <span class="fa fa-caret-down"></span></button>
@@ -343,7 +343,7 @@
                         <label class="col-sm-5 control-label" style="padding-top: 0px; padding-left: 0px;">Skip repeated notifications during</label>
                         <div class="col-sm-7">
                           <div class="input-group">
-                            <input class="form-control" id="txtSkipRepeated" type="text" value="--" readonly style="background-color: #fff;">
+                            <input class="form-control" id="txtSkipRepeated" type="text" value="--" readonly >
                             <div class="input-group-btn">
                               <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-expanded="false" id="dropdownButtonSkipRepeated">
                                 <span class="fa fa-caret-down"></span></button>
@@ -505,6 +505,8 @@
   <link rel="stylesheet" href="lib/AdminLTE/bower_components/fullcalendar/dist/fullcalendar.print.min.css" media="print">
   <script src="lib/AdminLTE/bower_components/moment/moment.js"></script>
   <script src="lib/AdminLTE/bower_components/fullcalendar/dist/fullcalendar.min.js"></script>
+  <link rel="stylesheet" href="css/dark-patch-cal.css">
+
 
 
 <!-- page script ----------------------------------------------------------- -->
diff --git a/front/img/boxed-bg-dark.png b/front/img/boxed-bg-dark.png
new file mode 100644
index 0000000000000000000000000000000000000000..d200749cba8bd9f85d57d1f300aa116256c15f2b
GIT binary patch
literal 11638
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

literal 0
HcmV?d00001

diff --git a/front/img/manifest.json b/front/img/manifest.json
new file mode 100644
index 00000000..40b5b76f
--- /dev/null
+++ b/front/img/manifest.json
@@ -0,0 +1,7 @@
+{
+    "name": "Pi-Alert Console",
+    "short_name": "Pi-Alert",
+    "display": "standalone",
+    "theme_color": "#282b30",
+    "background_color": "#282b30"
+}
diff --git a/front/php/templates/header.php b/front/php/templates/header.php
index 6b9de904..53e2b355 100644
--- a/front/php/templates/header.php
+++ b/front/php/templates/header.php
@@ -14,7 +14,9 @@
 <head>
   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <title>Pi.Alert</title>
+  <meta name="apple-mobile-web-app-capable" content="yes" />
+  <link rel="manifest" href="img/manifest.json">
+  <title>Pi.Alert - <?php echo gethostname();?></title>
 
   <!-- Tell the browser to be responsive to screen width -->
   <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
@@ -34,7 +36,7 @@
   <!-- AdminLTE Skins. We have chosen the skin-blue for this starter
         page. However, you can choose any other skin. Make sure you
         apply the skin class to the body tag so the changes take effect. -->
-  <link rel="stylesheet" href="lib/AdminLTE/dist/css/skins/skin-yellow-light.min.css">
+  <link rel="stylesheet" href="lib/AdminLTE/dist/css/skins/skin-blue.min.css">
 
   <!-- Pi.Alert CSS -->
   <link rel="stylesheet" href="css/pialert.css">
@@ -47,15 +49,24 @@
   <![endif]-->
 
   <!-- Google Font -->
-  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
+  <!-- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic"> -->
 
   <!-- Page Icon -->
   <link rel="icon" type="image/png" sizes="160x160" href="img/pialertLogoGray80.png" />
+
+  <!-- For better UX on Mobile Devices using the Shortcut on the Homescreen -->
+  <link rel="manifest" href="img/manifest.json">
+
+<!-- In addition to the "dark-patch.css" I recommend the use of the theme "skin-blue", 
+    on the basis of which I have created the patch. The "dark-patch.css" is mainly 
+    the darkmode of the pi-hole AdminLTE Dashboard witch some fixes -->
+  <link rel="stylesheet" href="css/dark-patch.css">
+
 </head>
 
 <!-- ----------------------------------------------------------------------- -->
 <!-- Layout Boxed Yellow -->
-<body class="hold-transition skin-yellow-light layout-boxed sidebar-mini" style="background-image: url('img/background.png');">
+<body class="hold-transition skin-blue layout-boxed sidebar-mini" style="background-image: url('img/boxed-bg-dark.png');">
 <!-- Site wrapper -->
 <div class="wrapper">
 
diff --git a/front/presence.php b/front/presence.php
index 0c60eb65..8a0d6d57 100644
--- a/front/presence.php
+++ b/front/presence.php
@@ -153,6 +153,7 @@
 <!-- fullCalendar Scheduler -->
   <link href="lib/fullcalendar-scheduler/scheduler.min.css" rel="stylesheet">
   <script src="lib/fullcalendar-scheduler/scheduler.min.js"></script>  
+  <link rel="stylesheet" href="css/dark-patch-cal.css">
 
 <!-- page script ----------------------------------------------------------- -->
 <script>