36 files changed, 325 insertions, 67 deletions

diff --git a/assets/css/styles.css b/assets/css/styles.css
index 5144bda..a1509f4 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -6,6 +6,20 @@
     --color-invalid: rgba(192, 0, 0, 1);
     --background-color: rgba(255, 255, 255, 1);
     --background-accent: rgba(0, 156, 101, 0.2);
+
+    --color-header-bold: rgba(255, 255, 255, 1);
+    --color-header-span: rgba(255, 255, 255, 1);
+
+    --color-text: rgba(0, 0, 0, 1);
+    --color-table-hover: rgba(242, 242, 242, 0.5);
+
+    --color-sidenav-background: rgba(255, 255, 255, 1);
+    --color-sidenav-text: rgba(0, 0, 0, 0.87);
+    --color-sidenav-header: rgba(0, 0, 0, 0.54);
+    --color-divider: rgba(224, 224, 224, 1);
+
+    --color-btn-flat: rgba(52, 52, 52, 1);
+    --color-btn-flat-disabled: rgba(178, 178, 178, 1);
 }
 
 body {
@@ -203,4 +217,94 @@ a.collection-item {
 
 .flag-icon {
     height: 1vw;
+}
+
+.app-header-bold {
+    color: var(--color-header-bold) !important;
+}
+
+.app-header-span {
+    color: var(--color-header-span) !important;
+}
+
+table > thead > tr > th {
+    color: var(--color-text) !important;
+}
+
+table > tbody > tr > td {
+    color: var(--color-text) !important;
+}
+
+table.highlight > tbody > tr:hover {
+    background-color: var(--color-table-hover) !important;
+}
+
+.sidenav {
+    background-color: var(--background-color) !important;
+}
+
+.sidenav li > a {
+    color: var(--color-sidenav-text) !important;
+}
+
+.sidenav-beziapp-subheader {
+    color: var(---color-sidenav-header) !important;
+}
+
+.divider {
+    background-color: var(--color-divider) !important;
+}
+
+.sidenav li>a>i.material-icons {
+    color: var(--color-sidenav-text);
+}
+
+.collapsible-header {
+    background-color: var(--background-color);
+}
+
+.collapsible-body {
+    border-bottom-color: var(--color-divider);
+}
+
+span {
+    color: var(--color-text);
+}
+
+div {
+    color: var(--color-text);
+}
+
+h5.subheader {
+    color: var(--color-text);
+}
+
+.collection-item, .collection-header {
+    background-color: var(--background-color) !important;
+    color: var(--color-text) !important;
+    border-bottom-color: var(--color-divider) !important;
+}
+
+.collection {
+    border-top-color: var(--color-divider) !important;
+    border-bottom-color: var(--color-divider) !important;
+    border-left-color: var(--color-divider) !important;
+    border-right-color: var(--color-divider) !important;
+}
+
+.modal-content {
+    background-color: var(--background-color);
+}
+
+.modal-footer {
+    background-color: var(--background-color) !important;
+    border-top-color: var(--color-divider) !important;
+}
+
+.modal-close.btn-flat {
+    color: var(--color-btn-flat) !important;
+}
+
+.modal-close.btn-flat:disabled {
+    color: var(--color-btn-flat-disabled) !important;
 }
\ No newline at end of file
diff --git a/assets/js/lib/themes.js b/assets/js/lib/themes.js
index d8a7ca1..5eaec7d 100644
--- a/assets/js/lib/themes.js
+++ b/assets/js/lib/themes.js
@@ -5,8 +5,24 @@ const THEME_COLOR_SCHEMES = {
         "color-accent": "rgba(0, 156, 101, 1)",
         "color-primary-light": "rgba(230, 250, 231, 1)",
         "color-invalid": "rgba(192, 0, 0, 1)",
+
         "background-color": "rgba(255, 255, 255, 1)",
-        "background-accent": "rgba(0, 156, 101, 0.2)"
+        "background-accent": "rgba(0, 156, 101, 0.2)",
+
+        "color-header-bold": "rgba(255, 255, 255, 1)",
+        "color-header-span": "rgba(255, 255, 255, 1)",
+
+        "color-text": "rgba(0, 0, 0, 1)",
+        "color-table-hover": "rgba(242, 242, 242, 0.5)",
+
+        "color-sidenav-background": "rgba(255, 255, 255, 1)",
+        "color-sidenav-text": "rgba(0, 0, 0, 0.87)",
+        "color-sidenav-header": "rgba(0, 0, 0, 0.54)",
+        "color-divider": "rgba(224, 224, 224, 1)",
+
+        "color-btn-flat": "rgba(52, 52, 52, 1)",
+        "color-btn-flat-disabled": "rgba(178, 178, 178, 1)",
+
     },
     dark: {
         "color-primary": "rgba(0, 128, 83, 1)",
@@ -14,8 +30,23 @@ const THEME_COLOR_SCHEMES = {
         "color-accent": "rgba(20, 117, 83, 1)",
         "color-primary-light": "rgba(230, 250, 231, 1)",
         "color-invalid": "rgba(192, 0, 0, 1)",
+
         "background-color": "rgba(31, 31, 31, 1)",
-        "background-accent": "rgba(0, 92, 44, 0.2)"
+        "background-accent": "rgba(0, 92, 44, 0.2)",
+
+        "color-header-bold": "rgba(255, 255, 255, 1)",
+        "color-header-span": "rgba(255, 255, 255, 1)",
+
+        "color-text": "rgba(255, 255, 255, 1)",
+        "color-table-hover": "rgba(70, 70, 70, 0.5)",
+
+        "color-sidenav-background": "rgba(31, 31, 31, 1)",
+        "color-sidenav-text": "rgba(255, 255, 255, 1)",
+        "color-sidenav-header": "rgba(255, 255, 255, 0.54)",
+        "color-divider": "rgba(80, 80, 80, 1)",
+
+        "color-btn-flat": "rgba(178, 178, 178, 1)",
+        "color-btn-flat-disabled": "rgba(52, 52, 52, 1)",
     }
 }
 
diff --git a/assets/js/teachers.js b/assets/js/teachers.js
index da69e96..da0a62d 100644
--- a/assets/js/teachers.js
+++ b/assets/js/teachers.js
@@ -35,8 +35,8 @@ async function loadTeachers(force_refresh = false) {
             await gsecInstance.login(username, password);
             gsecInstance.fetchTeachers().then( (value) => {
                 teachers = value;
-                localforage.setItem("teachers", value).then(() => {
-                    displayData();
+                localforage.setItem("teachers", value).then((saved_teachers) => {
+                    displayData(saved_teachers);
                     setLoading(false);
                 });
                 setLoading(false);
@@ -49,13 +49,13 @@ async function loadTeachers(force_refresh = false) {
             setLoading(false);
         }
     } else {
-        displayData();
+        displayData(teachers);
         setLoading(false);
     }
 }
 
 // Function for displaying data
-function displayData() {
+function displayData(teachers) {
     for(const teacher of Object.keys(teachers)) {
         // Create row
         let row = document.createElement("tr");
diff --git a/assets/pages-src/about.bvr b/assets/pages-src/about.bvr
index 56fa810..dd42b82 100644
--- a/assets/pages-src/about.bvr
+++ b/assets/pages-src/about.bvr
@@ -35,7 +35,7 @@
 <body>
     <nav class="z-depth-0" id="navigation-main">
         <div class="nav-wrapper container">
-            <b>Beži</b><span>App</span> &raquo; <x-su>about</x-su>
+            <b class="app-header-bold">Beži</b><span class="app-header-span">App</span> &raquo; <x-su>about</x-su>
             <span class="right white-text">
                 <i class="material-icons sidenav-trigger" data-target="side-menu">menu</i>
             </span>
diff --git a/assets/pages-src/absences.bvr b/assets/pages-src/absences.bvr
index 0561a3b..c09cca4 100644
--- a/assets/pages-src/absences.bvr
+++ b/assets/pages-src/absences.bvr
@@ -35,7 +35,7 @@
 <body>
     <nav class="z-depth-0" id="navigation-main">
         <div class="nav-wrapper container">
-            <b>Beži</b><span>App</span> &raquo; <x-su>absences</x-su>
+            <b class="app-header-bold">Beži</b><span class="app-header-span">App</span> &raquo; <x-su>absences</x-su>
             <span class="right white-text">
                 <i class="material-icons sidenav-trigger" data-target="side-menu">menu</i>
             </span>
diff --git a/assets/pages-src/changelog.bvr b/assets/pages-src/changelog.bvr
index 63504cc..fa44d8d 100644
--- a/assets/pages-src/changelog.bvr
+++ b/assets/pages-src/changelog.bvr
@@ -35,7 +35,7 @@
 <body>
     <nav class="z-depth-0" id="navigation-main">
         <div class="nav-wrapper container">
-            <b>Beži</b><span>App</span> &raquo; <x-su>changelog</x-su>
+            <b class="app-header-bold">Beži</b><span class="app-header-span">App</span> &raquo; <x-su>changelog</x-su>
             <span class="right white-text" id="nav-back-button">
                 <i class="material-icons">arrow_back</i>
             </span>
diff --git a/assets/pages-src/chats.bvr b/assets/pages-src/chats.bvr
index d454c14..ccaf5cd 100644
--- a/assets/pages-src/chats.bvr
+++ b/assets/pages-src/chats.bvr
@@ -44,7 +44,7 @@
 					<i class="material-icons sidenav-trigger" data-target="directory-side-menu">contacts</i>
 				</span>
 				<!-- | <x-su>chattingWith</x-su> --> <!-- too much for smaller devices -->
-					<span class="msg-chattingWith"><b>Beži</b><span>App</span> &raquo; <x-su>chat</x-su></span> &nbsp;
+					<span class="msg-chattingWith"><b class="app-header-bold">Beži</b><span class="app-header-span">App</span> &raquo; <x-su>chat</x-su></span> &nbsp;
 				<span class="right white-text">
 					<i class="material-icons sidenav-trigger" data-target="side-menu">menu</i>
 				</span>
diff --git a/assets/pages-src/grades.bvr b/assets/pages-src/grades.bvr
index 0c28f15..f47d462 100644
--- a/assets/pages-src/grades.bvr
+++ b/assets/pages-src/grades.bvr
@@ -35,7 +35,7 @@
 <body>
     <nav class="z-depth-0" id="navigation-main">
         <div class="nav-wrapper container">
-            <b>Beži</b><span>App</span> &raquo; <x-su>grades</x-su>
+            <b class="app-header-bold">Beži</b><span class="app-header-span">App</span> &raquo; <x-su>grades</x-su>
             <span class="right white-text">
                 <i class="material-icons sidenav-trigger" data-target="side-menu">menu</i>
             </span>
diff --git a/assets/pages-src/gradings.bvr b/assets/pages-src/gradings.bvr
index 0f693e2..672b8a2 100644
--- a/assets/pages-src/gradings.bvr
+++ b/assets/pages-src/gradings.bvr
@@ -42,7 +42,7 @@
 <body>
     <nav class="z-depth-0" id="navigation-main">
         <div class="nav-wrapper container">
-            <b>Beži</b><span>App</span> &raquo; <x-su>gradings</x-su>
+            <b class="app-header-bold">Beži</b><span class="app-header-span">App</span> &raquo; <x-su>gradings</x-su>
             <span class="right white-text">
                 <i class="material-icons sidenav-trigger" data-target="side-menu">menu</i>
             </span>
diff --git a/assets/pages-src/jitsi.bvr b/assets/pages-src/jitsi.bvr
index bf0a656..005ae60 100644
--- a/assets/pages-src/jitsi.bvr
+++ b/assets/pages-src/jitsi.bvr
@@ -35,7 +35,7 @@
 	<body>
 		<nav class="z-depth-0" id="navigation-main">
 			<div class="nav-wrapper container">
-				<b>Beži</b><span>App</span> &raquo; <x-su>videoconferences</x-su>
+				<b class="app-header-bold">Beži</b><span class="app-header-span">App</span> &raquo; <x-su>videoconferences</x-su>
 					<span class="right white-text">
 						<i class="material-icons sidenav-trigger" data-target="side-menu">menu</i>
 					</span>
diff --git a/assets/pages-src/meals.bvr b/assets/pages-src/meals.bvr
index 47ef8a5..a089fbf 100644
--- a/assets/pages-src/meals.bvr
+++ b/assets/pages-src/meals.bvr
@@ -35,7 +35,7 @@
 <body>
     <nav class="z-depth-0" id="navigation-main">
         <div class="nav-wrapper container">
-            <b>Beži</b><span>App</span> &raquo; <x-su>meals</x-su>
+            <b class="app-header-bold">Beži</b><span class="app-header-span">App</span> &raquo; <x-su>meals</x-su>
             <span class="right white-text">
                 <i class="material-icons sidenav-trigger" data-target="side-menu">menu</i>
             </span>
diff --git a/assets/pages-src/messaging.bvr b/assets/pages-src/messaging.bvr
index d302ae6..3bc2fd7 100644
--- a/assets/pages-src/messaging.bvr
+++ b/assets/pages-src/messaging.bvr
@@ -36,7 +36,7 @@
 <body>
     <nav class="z-depth-0" id="navigation-main">
         <div class="nav-wrapper container">
-            <b>Beži</b><span>App</span> &raquo; <x-su>messaging</x-su>
+            <b class="app-header-bold">Beži</b><span class="app-header-span">App</span> &raquo; <x-su>messaging</x-su>
             <span class="right white-text">
                 <i class="material-icons sidenav-trigger" data-target="side-menu">menu</i>
             </span>
diff --git a/assets/pages-src/misc/navigation.bvr b/assets/pages-src/misc/navigation.bvr
index 53b7553..2f0da71 100644
--- a/assets/pages-src/misc/navigation.bvr
+++ b/assets/pages-src/misc/navigation.bvr
@@ -1,5 +1,5 @@
 <ul id="side-menu" class="sidenav side-menu">
-  <li><a class="subheader"><h4><b>Beži</b>App</h4></a></li>
+  <li><a class="subheader"><h4 class="sidenav-beziapp-subheader"><b>Beži</b>App</h4></a></li>
   <li><a href="/pages/timetable.html" class="waves-effect"><i class="material-icons">view_module</i><x-su>timetable</x-su></a></li>
   <li><a href="/pages/gradings.html" class="waves-effect"><i class="material-icons">event</i><x-su>gradings</x-su></a></li>
   <li><a href="/pages/grades.html" class="waves-effect"><i class="material-icons">receipt</i><x-su>grades</x-su></a></li>
@@ -15,4 +15,3 @@
   <li><a href="/logout.html" class="waves-effect"><i class="material-icons">exit_to_app</i><x-su>logout</x-su></a></li>
   <li><a href="/pages/settings.html" class="waves-effect"><i class="material-icons">settings</i><x-su>settings</x-su></a></li>
 </ul>
-
diff --git a/assets/pages-src/privacypolicy.bvr b/assets/pages-src/privacypolicy.bvr
index 4e13e67..c6730ca 100644
--- a/assets/pages-src/privacypolicy.bvr
+++ b/assets/pages-src/privacypolicy.bvr
@@ -34,7 +34,7 @@
 <body>
     <nav class="z-depth-0" id="navigation-main">
         <div class="nav-wrapper container">
-            <b>Beži</b><span>App</span> &raquo; <x-su>thePrivacyPolicy</x-su>
+            <b class="app-header-bold">Beži</b><span class="app-header-span">App</span> &raquo; <x-su>thePrivacyPolicy</x-su>
             <span class="right white-text">
                 <i class="material-icons" id="nav-home-button">home</i>
             </span>
diff --git a/assets/pages-src/settings.bvr b/assets/pages-src/settings.bvr
index 358a0ce..6145311 100644
--- a/assets/pages-src/settings.bvr
+++ b/assets/pages-src/settings.bvr
@@ -35,7 +35,7 @@
 <body>
     <nav class="z-depth-0" id="navigation-main">
         <div class="nav-wrapper container">
-            <b>Beži</b><span>App</span> &raquo; <x-su>settings</x-su>
+            <b class="app-header-bold">Beži</b><span class="app-header-span">App</span> &raquo; <x-su>settings</x-su>
             <span class="right white-text">
                 <i class="material-icons sidenav-trigger" data-target="side-menu">menu</i>
             </span>
diff --git a/assets/pages-src/teachers.bvr b/assets/pages-src/teachers.bvr
index e3993b3..abfcee4 100644
--- a/assets/pages-src/teachers.bvr
+++ b/assets/pages-src/teachers.bvr
@@ -35,7 +35,7 @@
 <body>
     <nav class="z-depth-0" id="navigation-main">
         <div class="nav-wrapper container">
-            <b>Beži</b><span>App</span> &raquo; <x-su>teachers</x-su>
+            <b class="app-header-bold">Beži</b><span class="app-header-span">App</span> &raquo; <x-su>teachers</x-su>
             <span class="right white-text">
                 <i class="material-icons sidenav-trigger" data-target="side-menu">menu</i>
             </span>
diff --git a/assets/pages-src/timetable.bvr b/assets/pages-src/timetable.bvr
index b8c6b06..171a595 100644
--- a/assets/pages-src/timetable.bvr
+++ b/assets/pages-src/timetable.bvr
@@ -44,7 +44,7 @@
 <body>
     <nav class="z-depth-0" id="navigation-main">
         <div class="nav-wrapper container">
-            <b>Beži</b><span>App</span> &raquo; <x-su>timetable</x-su>
+            <b class="app-header-bold">Beži</b><span class="app-header-span">App</span> &raquo; <x-su>timetable</x-su>
             <span class="right white-text">
                 <i class="material-icons sidenav-trigger" data-target="side-menu">menu</i>
             </span>
diff --git a/assets/pages-src/tos.bvr b/assets/pages-src/tos.bvr
index 5deea14..e5e64a4 100644
--- a/assets/pages-src/tos.bvr
+++ b/assets/pages-src/tos.bvr
@@ -35,7 +35,7 @@
 <body>
     <nav class="z-depth-0" id="navigation-main">
         <div class="nav-wrapper container">
-            <b>Beži</b><span>App</span> &raquo; <x-su>theTos</x-su>
+            <b class="app-header-bold">Beži</b><span class="app-header-span">App</span> &raquo; <x-su>theTos</x-su>
             <span class="right white-text">
                 <i class="material-icons" id="nav-home-button">home</i>
             </span>
diff --git a/dist/css/styles.css b/dist/css/styles.css
index 5144bda..a1509f4 100644
--- a/dist/css/styles.css
+++ b/dist/css/styles.css
@@ -6,6 +6,20 @@
     --color-invalid: rgba(192, 0, 0, 1);
     --background-color: rgba(255, 255, 255, 1);
     --background-accent: rgba(0, 156, 101, 0.2);
+
+    --color-header-bold: rgba(255, 255, 255, 1);
+    --color-header-span: rgba(255, 255, 255, 1);
+
+    --color-text: rgba(0, 0, 0, 1);
+    --color-table-hover: rgba(242, 242, 242, 0.5);
+
+    --color-sidenav-background: rgba(255, 255, 255, 1);
+    --color-sidenav-text: rgba(0, 0, 0, 0.87);
+    --color-sidenav-header: rgba(0, 0, 0, 0.54);
+    --color-divider: rgba(224, 224, 224, 1);
+
+    --color-btn-flat: rgba(52, 52, 52, 1);
+    --color-btn-flat-disabled: rgba(178, 178, 178, 1);
 }
 
 body {
@@ -203,4 +217,94 @@ a.collection-item {
 
 .flag-icon {
     height: 1vw;
+}
+
+.app-header-bold {
+    color: var(--color-header-bold) !important;
+}
+
+.app-header-span {
+    color: var(--color-header-span) !important;
+}
+
+table > thead > tr > th {
+    color: var(--color-text) !important;
+}
+
+table > tbody > tr > td {
+    color: var(--color-text) !important;
+}
+
+table.highlight > tbody > tr:hover {
+    background-color: var(--color-table-hover) !important;
+}
+
+.sidenav {
+    background-color: var(--background-color) !important;
+}
+
+.sidenav li > a {
+    color: var(--color-sidenav-text) !important;
+}
+
+.sidenav-beziapp-subheader {
+    color: var(---color-sidenav-header) !important;
+}
+
+.divider {
+    background-color: var(--color-divider) !important;
+}
+
+.sidenav li>a>i.material-icons {
+    color: var(--color-sidenav-text);
+}
+
+.collapsible-header {
+    background-color: var(--background-color);
+}
+
+.collapsible-body {
+    border-bottom-color: var(--color-divider);
+}
+
+span {
+    color: var(--color-text);
+}
+
+div {
+    color: var(--color-text);
+}
+
+h5.subheader {
+    color: var(--color-text);
+}
+
+.collection-item, .collection-header {
+    background-color: var(--background-color) !important;
+    color: var(--color-text) !important;
+    border-bottom-color: var(--color-divider) !important;
+}
+
+.collection {
+    border-top-color: var(--color-divider) !important;
+    border-bottom-color: var(--color-divider) !important;
+    border-left-color: var(--color-divider) !important;
+    border-right-color: var(--color-divider) !important;
+}
+
+.modal-content {
+    background-color: var(--background-color);
+}
+
+.modal-footer {
+    background-color: var(--background-color) !important;
+    border-top-color: var(--color-divider) !important;
+}
+
+.modal-close.btn-flat {
+    color: var(--color-btn-flat) !important;
+}
+
+.modal-close.btn-flat:disabled {
+    color: var(--color-btn-flat-disabled) !important;
 }
\ No newline at end of file
diff --git a/dist/js/lib/themes.js b/dist/js/lib/themes.js
index d8a7ca1..5eaec7d 100644
--- a/dist/js/lib/themes.js
+++ b/dist/js/lib/themes.js
@@ -5,8 +5,24 @@ const THEME_COLOR_SCHEMES = {
         "color-accent": "rgba(0, 156, 101, 1)",
         "color-primary-light": "rgba(230, 250, 231, 1)",
         "color-invalid": "rgba(192, 0, 0, 1)",
+
         "background-color": "rgba(255, 255, 255, 1)",
-        "background-accent": "rgba(0, 156, 101, 0.2)"
+        "background-accent": "rgba(0, 156, 101, 0.2)",
+
+        "color-header-bold": "rgba(255, 255, 255, 1)",
+        "color-header-span": "rgba(255, 255, 255, 1)",
+
+        "color-text": "rgba(0, 0, 0, 1)",
+        "color-table-hover": "rgba(242, 242, 242, 0.5)",
+
+        "color-sidenav-background": "rgba(255, 255, 255, 1)",
+        "color-sidenav-text": "rgba(0, 0, 0, 0.87)",
+        "color-sidenav-header": "rgba(0, 0, 0, 0.54)",
+        "color-divider": "rgba(224, 224, 224, 1)",
+
+        "color-btn-flat": "rgba(52, 52, 52, 1)",
+        "color-btn-flat-disabled": "rgba(178, 178, 178, 1)",
+
     },
     dark: {
         "color-primary": "rgba(0, 128, 83, 1)",
@@ -14,8 +30,23 @@ const THEME_COLOR_SCHEMES = {
         "color-accent": "rgba(20, 117, 83, 1)",
         "color-primary-light": "rgba(230, 250, 231, 1)",
         "color-invalid": "rgba(192, 0, 0, 1)",
+
         "background-color": "rgba(31, 31, 31, 1)",
-        "background-accent": "rgba(0, 92, 44, 0.2)"
+        "background-accent": "rgba(0, 92, 44, 0.2)",
+
+        "color-header-bold": "rgba(255, 255, 255, 1)",
+        "color-header-span": "rgba(255, 255, 255, 1)",
+
+        "color-text": "rgba(255, 255, 255, 1)",
+        "color-table-hover": "rgba(70, 70, 70, 0.5)",
+
+        "color-sidenav-background": "rgba(31, 31, 31, 1)",
+        "color-sidenav-text": "rgba(255, 255, 255, 1)",
+        "color-sidenav-header": "rgba(255, 255, 255, 0.54)",
+        "color-divider": "rgba(80, 80, 80, 1)",
+
+        "color-btn-flat": "rgba(178, 178, 178, 1)",
+        "color-btn-flat-disabled": "rgba(52, 52, 52, 1)",
     }
 }
 
diff --git a/dist/js/teachers.js b/dist/js/teachers.js
index da69e96..da0a62d 100644
--- a/dist/js/teachers.js
+++ b/dist/js/teachers.js
@@ -35,8 +35,8 @@ async function loadTeachers(force_refresh = false) {
             await gsecInstance.login(username, password);
             gsecInstance.fetchTeachers().then( (value) => {
                 teachers = value;
-                localforage.setItem("teachers", value).then(() => {
-                    displayData();
+                localforage.setItem("teachers", value).then((saved_teachers) => {
+                    displayData(saved_teachers);
                     setLoading(false);
                 });
                 setLoading(false);
@@ -49,13 +49,13 @@ async function loadTeachers(force_refresh = false) {
             setLoading(false);
         }
     } else {
-        displayData();
+        displayData(teachers);
         setLoading(false);
     }
 }
 
 // Function for displaying data
-function displayData() {
+function displayData(teachers) {
     for(const teacher of Object.keys(teachers)) {
         // Create row
         let row = document.createElement("tr");
diff --git a/dist/pages/about.html b/dist/pages/about.html
index ceb7805..2003527 100644
--- a/dist/pages/about.html
+++ b/dist/pages/about.html
@@ -38,7 +38,7 @@
 <body>
     <nav class="z-depth-0" id="navigation-main">
         <div class="nav-wrapper container">
-            <b>Beži</b><span>App</span> &raquo; <x-su>about</x-su>
+            <b class="app-header-bold">Beži</b><span class="app-header-span">App</span> &raquo; <x-su>about</x-su>
             <span class="right white-text">
                 <i class="material-icons sidenav-trigger" data-target="side-menu">menu</i>
             </span>
@@ -49,7 +49,7 @@
     </nav>
 
 		<ul id="side-menu" class="sidenav side-menu">
-  <li><a class="subheader"><h4><b>Beži</b>App</h4></a></li>
+  <li><a class="subheader"><h4 class="sidenav-beziapp-subheader"><b>Beži</b>App</h4></a></li>
   <li><a href="/pages/timetable.html" class="waves-effect"><i class="material-icons">view_module</i><x-su>timetable</x-su></a></li>
   <li><a href="/pages/gradings.html" class="waves-effect"><i class="material-icons">event</i><x-su>gradings</x-su></a></li>
   <li><a href="/pages/grades.html" class="waves-effect"><i class="material-icons">receipt</i><x-su>grades</x-su></a></li>
@@ -66,7 +66,6 @@
   <li><a href="/pages/settings.html" class="waves-effect"><i class="material-icons">settings</i><x-su>settings</x-su></a></li>
 </ul>
 
-
     <div class="container">
         <div class="row">
             <div class="col s12">
@@ -143,7 +142,7 @@
 				<div class="row">
 					<p>
 						<small>
-							^HEAD b4c56d6a3cd38f411ff01bcbf29c1e3498f94e91
+							^HEAD 519a2aae0e5e8f797be3c75671ad3d1224a5697b
 					</p>
 				</div>
     </div>
diff --git a/dist/pages/absences.html b/dist/pages/absences.html
index ef5803a..d50e546 100644
--- a/dist/pages/absences.html
+++ b/dist/pages/absences.html
@@ -38,7 +38,7 @@
 <body>
     <nav class="z-depth-0" id="navigation-main">
         <div class="nav-wrapper container">
-            <b>Beži</b><span>App</span> &raquo; <x-su>absences</x-su>
+            <b class="app-header-bold">Beži</b><span class="app-header-span">App</span> &raquo; <x-su>absences</x-su>
             <span class="right white-text">
                 <i class="material-icons sidenav-trigger" data-target="side-menu">menu</i>
             </span>
@@ -51,7 +51,7 @@
         </div>
     </nav>
 		<ul id="side-menu" class="sidenav side-menu">
-  <li><a class="subheader"><h4><b>Beži</b>App</h4></a></li>
+  <li><a class="subheader"><h4 class="sidenav-beziapp-subheader"><b>Beži</b>App</h4></a></li>
   <li><a href="/pages/timetable.html" class="waves-effect"><i class="material-icons">view_module</i><x-su>timetable</x-su></a></li>
   <li><a href="/pages/gradings.html" class="waves-effect"><i class="material-icons">event</i><x-su>gradings</x-su></a></li>
   <li><a href="/pages/grades.html" class="waves-effect"><i class="material-icons">receipt</i><x-su>grades</x-su></a></li>
@@ -68,7 +68,6 @@
   <li><a href="/pages/settings.html" class="waves-effect"><i class="material-icons">settings</i><x-su>settings</x-su></a></li>
 </ul>
 
-
     <br>
     <div class="container">
         <div class="row">
diff --git a/dist/pages/changelog.html b/dist/pages/changelog.html
index 85abf6d..db36589 100644
--- a/dist/pages/changelog.html
+++ b/dist/pages/changelog.html
@@ -38,7 +38,7 @@
 <body>
     <nav class="z-depth-0" id="navigation-main">
         <div class="nav-wrapper container">
-            <b>Beži</b><span>App</span> &raquo; <x-su>changelog</x-su>
+            <b class="app-header-bold">Beži</b><span class="app-header-span">App</span> &raquo; <x-su>changelog</x-su>
             <span class="right white-text" id="nav-back-button">
                 <i class="material-icons">arrow_back</i>
             </span>
diff --git a/dist/pages/chats.html b/dist/pages/chats.html
index bf9d382..e1cb37c 100644
--- a/dist/pages/chats.html
+++ b/dist/pages/chats.html
@@ -47,7 +47,7 @@
 					<i class="material-icons sidenav-trigger" data-target="directory-side-menu">contacts</i>
 				</span>
 				<!-- | <x-su>chattingWith</x-su> --> <!-- too much for smaller devices -->
-					<span class="msg-chattingWith"><b>Beži</b><span>App</span> &raquo; <x-su>chat</x-su></span> &nbsp;
+					<span class="msg-chattingWith"><b class="app-header-bold">Beži</b><span class="app-header-span">App</span> &raquo; <x-su>chat</x-su></span> &nbsp;
 				<span class="right white-text">
 					<i class="material-icons sidenav-trigger" data-target="side-menu">menu</i>
 				</span>
@@ -57,7 +57,7 @@
 			</div>
 		</nav>
 		<ul id="side-menu" class="sidenav side-menu">
-  <li><a class="subheader"><h4><b>Beži</b>App</h4></a></li>
+  <li><a class="subheader"><h4 class="sidenav-beziapp-subheader"><b>Beži</b>App</h4></a></li>
   <li><a href="/pages/timetable.html" class="waves-effect"><i class="material-icons">view_module</i><x-su>timetable</x-su></a></li>
   <li><a href="/pages/gradings.html" class="waves-effect"><i class="material-icons">event</i><x-su>gradings</x-su></a></li>
   <li><a href="/pages/grades.html" class="waves-effect"><i class="material-icons">receipt</i><x-su>grades</x-su></a></li>
@@ -74,7 +74,6 @@
   <li><a href="/pages/settings.html" class="waves-effect"><i class="material-icons">settings</i><x-su>settings</x-su></a></li>
 </ul>
 
-
 		<ul id="directory-side-menu" class="sidenav side-modal">
 			<br>
 			<li><a class="header"><h5><x-su>directory</x-su></h5></a></li>
diff --git a/dist/pages/grades.html b/dist/pages/grades.html
index ad80ba1..0a9abe1 100644
--- a/dist/pages/grades.html
+++ b/dist/pages/grades.html
@@ -38,7 +38,7 @@
 <body>
     <nav class="z-depth-0" id="navigation-main">
         <div class="nav-wrapper container">
-            <b>Beži</b><span>App</span> &raquo; <x-su>grades</x-su>
+            <b class="app-header-bold">Beži</b><span class="app-header-span">App</span> &raquo; <x-su>grades</x-su>
             <span class="right white-text">
                 <i class="material-icons sidenav-trigger" data-target="side-menu">menu</i>
             </span>
@@ -51,7 +51,7 @@
         </div>
     </nav>
 		<ul id="side-menu" class="sidenav side-menu">
-  <li><a class="subheader"><h4><b>Beži</b>App</h4></a></li>
+  <li><a class="subheader"><h4 class="sidenav-beziapp-subheader"><b>Beži</b>App</h4></a></li>
   <li><a href="/pages/timetable.html" class="waves-effect"><i class="material-icons">view_module</i><x-su>timetable</x-su></a></li>
   <li><a href="/pages/gradings.html" class="waves-effect"><i class="material-icons">event</i><x-su>gradings</x-su></a></li>
   <li><a href="/pages/grades.html" class="waves-effect"><i class="material-icons">receipt</i><x-su>grades</x-su></a></li>
@@ -68,7 +68,6 @@
   <li><a href="/pages/settings.html" class="waves-effect"><i class="material-icons">settings</i><x-su>settings</x-su></a></li>
 </ul>
 
-
     <ul id="grade-info" class="sidenav side-modal">
         <br>
         <li><a class="header">
diff --git a/dist/pages/gradings.html b/dist/pages/gradings.html
index 951d09f..81c0e45 100644
--- a/dist/pages/gradings.html
+++ b/dist/pages/gradings.html
@@ -45,7 +45,7 @@
 <body>
     <nav class="z-depth-0" id="navigation-main">
         <div class="nav-wrapper container">
-            <b>Beži</b><span>App</span> &raquo; <x-su>gradings</x-su>
+            <b class="app-header-bold">Beži</b><span class="app-header-span">App</span> &raquo; <x-su>gradings</x-su>
             <span class="right white-text">
                 <i class="material-icons sidenav-trigger" data-target="side-menu">menu</i>
             </span>
@@ -58,7 +58,7 @@
         </div>
     </nav>
 		<ul id="side-menu" class="sidenav side-menu">
-  <li><a class="subheader"><h4><b>Beži</b>App</h4></a></li>
+  <li><a class="subheader"><h4 class="sidenav-beziapp-subheader"><b>Beži</b>App</h4></a></li>
   <li><a href="/pages/timetable.html" class="waves-effect"><i class="material-icons">view_module</i><x-su>timetable</x-su></a></li>
   <li><a href="/pages/gradings.html" class="waves-effect"><i class="material-icons">event</i><x-su>gradings</x-su></a></li>
   <li><a href="/pages/grades.html" class="waves-effect"><i class="material-icons">receipt</i><x-su>grades</x-su></a></li>
@@ -75,7 +75,6 @@
   <li><a href="/pages/settings.html" class="waves-effect"><i class="material-icons">settings</i><x-su>settings</x-su></a></li>
 </ul>
 
-
     <ul id="grading-info" class="sidenav side-modal">
         <br>
         <li><a class="header">
diff --git a/dist/pages/jitsi.html b/dist/pages/jitsi.html
index 51ca53f..678ad9d 100644
--- a/dist/pages/jitsi.html
+++ b/dist/pages/jitsi.html
@@ -38,7 +38,7 @@
 	<body>
 		<nav class="z-depth-0" id="navigation-main">
 			<div class="nav-wrapper container">
-				<b>Beži</b><span>App</span> &raquo; <x-su>videoconferences</x-su>
+				<b class="app-header-bold">Beži</b><span class="app-header-span">App</span> &raquo; <x-su>videoconferences</x-su>
 					<span class="right white-text">
 						<i class="material-icons sidenav-trigger" data-target="side-menu">menu</i>
 					</span>
@@ -48,7 +48,7 @@
 			</div>
 		</nav>
 		<ul id="side-menu" class="sidenav side-menu">
-  <li><a class="subheader"><h4><b>Beži</b>App</h4></a></li>
+  <li><a class="subheader"><h4 class="sidenav-beziapp-subheader"><b>Beži</b>App</h4></a></li>
   <li><a href="/pages/timetable.html" class="waves-effect"><i class="material-icons">view_module</i><x-su>timetable</x-su></a></li>
   <li><a href="/pages/gradings.html" class="waves-effect"><i class="material-icons">event</i><x-su>gradings</x-su></a></li>
   <li><a href="/pages/grades.html" class="waves-effect"><i class="material-icons">receipt</i><x-su>grades</x-su></a></li>
@@ -65,7 +65,6 @@
   <li><a href="/pages/settings.html" class="waves-effect"><i class="material-icons">settings</i><x-su>settings</x-su></a></li>
 </ul>
 
-
 		<!-- Maybe in the future? https://github.com/jitsi/jitsi-meet/blob/master/doc/api.md -->
 		<div class="container" style="height: calc(100vh - 70px); width: 100%">
 			<iframe allow="geolocation; microphone; camera" src="https://video.gimb.tk" frameBorder="0" style="width: 100%; height: 100%">
diff --git a/dist/pages/meals.html b/dist/pages/meals.html
index da1c666..ce061f1 100644
--- a/dist/pages/meals.html
+++ b/dist/pages/meals.html
@@ -38,7 +38,7 @@
 <body>
     <nav class="z-depth-0" id="navigation-main">
         <div class="nav-wrapper container">
-            <b>Beži</b><span>App</span> &raquo; <x-su>meals</x-su>
+            <b class="app-header-bold">Beži</b><span class="app-header-span">App</span> &raquo; <x-su>meals</x-su>
             <span class="right white-text">
                 <i class="material-icons sidenav-trigger" data-target="side-menu">menu</i>
             </span>
@@ -51,7 +51,7 @@
         </div>
     </nav>
 		<ul id="side-menu" class="sidenav side-menu">
-  <li><a class="subheader"><h4><b>Beži</b>App</h4></a></li>
+  <li><a class="subheader"><h4 class="sidenav-beziapp-subheader"><b>Beži</b>App</h4></a></li>
   <li><a href="/pages/timetable.html" class="waves-effect"><i class="material-icons">view_module</i><x-su>timetable</x-su></a></li>
   <li><a href="/pages/gradings.html" class="waves-effect"><i class="material-icons">event</i><x-su>gradings</x-su></a></li>
   <li><a href="/pages/grades.html" class="waves-effect"><i class="material-icons">receipt</i><x-su>grades</x-su></a></li>
@@ -68,7 +68,6 @@
   <li><a href="/pages/settings.html" class="waves-effect"><i class="material-icons">settings</i><x-su>settings</x-su></a></li>
 </ul>
 
-
     <br>
     <div class="container login" hidden="hidden" id="meals-login">
 	<h4><x-su>loginToLopolis</x-su></h4>
diff --git a/dist/pages/messaging.html b/dist/pages/messaging.html
index 1afcd28..c532e4e 100644
--- a/dist/pages/messaging.html
+++ b/dist/pages/messaging.html
@@ -39,7 +39,7 @@
 <body>
     <nav class="z-depth-0" id="navigation-main">
         <div class="nav-wrapper container">
-            <b>Beži</b><span>App</span> &raquo; <x-su>messaging</x-su>
+            <b class="app-header-bold">Beži</b><span class="app-header-span">App</span> &raquo; <x-su>messaging</x-su>
             <span class="right white-text">
                 <i class="material-icons sidenav-trigger" data-target="side-menu">menu</i>
             </span>
@@ -52,7 +52,7 @@
         </div>
     </nav>
 	<ul id="side-menu" class="sidenav side-menu">
-  <li><a class="subheader"><h4><b>Beži</b>App</h4></a></li>
+  <li><a class="subheader"><h4 class="sidenav-beziapp-subheader"><b>Beži</b>App</h4></a></li>
   <li><a href="/pages/timetable.html" class="waves-effect"><i class="material-icons">view_module</i><x-su>timetable</x-su></a></li>
   <li><a href="/pages/gradings.html" class="waves-effect"><i class="material-icons">event</i><x-su>gradings</x-su></a></li>
   <li><a href="/pages/grades.html" class="waves-effect"><i class="material-icons">receipt</i><x-su>grades</x-su></a></li>
@@ -69,7 +69,6 @@
   <li><a href="/pages/settings.html" class="waves-effect"><i class="material-icons">settings</i><x-su>settings</x-su></a></li>
 </ul>
 
-
     <div class="container">
         <div class="row">
 
diff --git a/dist/pages/privacypolicy.html b/dist/pages/privacypolicy.html
index 301ff88..233978d 100644
--- a/dist/pages/privacypolicy.html
+++ b/dist/pages/privacypolicy.html
@@ -37,7 +37,7 @@
 <body>
     <nav class="z-depth-0" id="navigation-main">
         <div class="nav-wrapper container">
-            <b>Beži</b><span>App</span> &raquo; <x-su>thePrivacyPolicy</x-su>
+            <b class="app-header-bold">Beži</b><span class="app-header-span">App</span> &raquo; <x-su>thePrivacyPolicy</x-su>
             <span class="right white-text">
                 <i class="material-icons" id="nav-home-button">home</i>
             </span>
diff --git a/dist/pages/settings.html b/dist/pages/settings.html
index ae93daf..28d4df7 100644
--- a/dist/pages/settings.html
+++ b/dist/pages/settings.html
@@ -38,7 +38,7 @@
 <body>
     <nav class="z-depth-0" id="navigation-main">
         <div class="nav-wrapper container">
-            <b>Beži</b><span>App</span> &raquo; <x-su>settings</x-su>
+            <b class="app-header-bold">Beži</b><span class="app-header-span">App</span> &raquo; <x-su>settings</x-su>
             <span class="right white-text">
                 <i class="material-icons sidenav-trigger" data-target="side-menu">menu</i>
             </span>
@@ -48,7 +48,7 @@
         </div>
     </nav>
 		<ul id="side-menu" class="sidenav side-menu">
-  <li><a class="subheader"><h4><b>Beži</b>App</h4></a></li>
+  <li><a class="subheader"><h4 class="sidenav-beziapp-subheader"><b>Beži</b>App</h4></a></li>
   <li><a href="/pages/timetable.html" class="waves-effect"><i class="material-icons">view_module</i><x-su>timetable</x-su></a></li>
   <li><a href="/pages/gradings.html" class="waves-effect"><i class="material-icons">event</i><x-su>gradings</x-su></a></li>
   <li><a href="/pages/grades.html" class="waves-effect"><i class="material-icons">receipt</i><x-su>grades</x-su></a></li>
@@ -66,7 +66,6 @@
 </ul>
 
 
-
     <div class="container">
         <div class="row">
             <div class="col s12">
diff --git a/dist/pages/teachers.html b/dist/pages/teachers.html
index ffc0b1b..b346762 100644
--- a/dist/pages/teachers.html
+++ b/dist/pages/teachers.html
@@ -38,7 +38,7 @@
 <body>
     <nav class="z-depth-0" id="navigation-main">
         <div class="nav-wrapper container">
-            <b>Beži</b><span>App</span> &raquo; <x-su>teachers</x-su>
+            <b class="app-header-bold">Beži</b><span class="app-header-span">App</span> &raquo; <x-su>teachers</x-su>
             <span class="right white-text">
                 <i class="material-icons sidenav-trigger" data-target="side-menu">menu</i>
             </span>
@@ -51,7 +51,7 @@
         </div>
     </nav>
 		<ul id="side-menu" class="sidenav side-menu">
-  <li><a class="subheader"><h4><b>Beži</b>App</h4></a></li>
+  <li><a class="subheader"><h4 class="sidenav-beziapp-subheader"><b>Beži</b>App</h4></a></li>
   <li><a href="/pages/timetable.html" class="waves-effect"><i class="material-icons">view_module</i><x-su>timetable</x-su></a></li>
   <li><a href="/pages/gradings.html" class="waves-effect"><i class="material-icons">event</i><x-su>gradings</x-su></a></li>
   <li><a href="/pages/grades.html" class="waves-effect"><i class="material-icons">receipt</i><x-su>grades</x-su></a></li>
@@ -68,7 +68,6 @@
   <li><a href="/pages/settings.html" class="waves-effect"><i class="material-icons">settings</i><x-su>settings</x-su></a></li>
 </ul>
 
-
     <ul id="teacher-info" class="sidenav side-modal">
         <br>
         <li><a class="subheader">
diff --git a/dist/pages/timetable.html b/dist/pages/timetable.html
index 83095df..efc6e35 100644
--- a/dist/pages/timetable.html
+++ b/dist/pages/timetable.html
@@ -47,7 +47,7 @@
 <body>
     <nav class="z-depth-0" id="navigation-main">
         <div class="nav-wrapper container">
-            <b>Beži</b><span>App</span> &raquo; <x-su>timetable</x-su>
+            <b class="app-header-bold">Beži</b><span class="app-header-span">App</span> &raquo; <x-su>timetable</x-su>
             <span class="right white-text">
                 <i class="material-icons sidenav-trigger" data-target="side-menu">menu</i>
             </span>
@@ -60,7 +60,7 @@
         </div>
     </nav>
 		<ul id="side-menu" class="sidenav side-menu">
-  <li><a class="subheader"><h4><b>Beži</b>App</h4></a></li>
+  <li><a class="subheader"><h4 class="sidenav-beziapp-subheader"><b>Beži</b>App</h4></a></li>
   <li><a href="/pages/timetable.html" class="waves-effect"><i class="material-icons">view_module</i><x-su>timetable</x-su></a></li>
   <li><a href="/pages/gradings.html" class="waves-effect"><i class="material-icons">event</i><x-su>gradings</x-su></a></li>
   <li><a href="/pages/grades.html" class="waves-effect"><i class="material-icons">receipt</i><x-su>grades</x-su></a></li>
@@ -77,7 +77,6 @@
   <li><a href="/pages/settings.html" class="waves-effect"><i class="material-icons">settings</i><x-su>settings</x-su></a></li>
 </ul>
 
-
     <ul id="lesson-info" class="sidenav side-modal">
         <br>
         <li><a class="header">
diff --git a/dist/pages/tos.html b/dist/pages/tos.html
index 0685e07..2c11641 100644
--- a/dist/pages/tos.html
+++ b/dist/pages/tos.html
@@ -38,7 +38,7 @@
 <body>
     <nav class="z-depth-0" id="navigation-main">
         <div class="nav-wrapper container">
-            <b>Beži</b><span>App</span> &raquo; <x-su>theTos</x-su>
+            <b class="app-header-bold">Beži</b><span class="app-header-span">App</span> &raquo; <x-su>theTos</x-su>
             <span class="right white-text">
                 <i class="material-icons" id="nav-home-button">home</i>
             </span>
diff --git a/dist/sw.js b/dist/sw.js
index 797796b..5f9082a 100644
--- a/dist/sw.js
+++ b/dist/sw.js
@@ -3,8 +3,8 @@
 
 
 // Change version to cause cache refresh
-const static_cache_name = "site-static-1.0.13-beta-b4c56d6";
-// latest commit is b4c56d6a3cd38f411ff01bcbf29c1e3498f94e91
+const static_cache_name = "site-static-1.0.13-beta-519a2aa";
+// latest commit is 519a2aae0e5e8f797be3c75671ad3d1224a5697b
 // Got them with find . -not -path '*/\.*' | sed "s/.*/\"&\",/" | grep -v sw.js
 // sw.js NE SME BITI CACHAN, ker vsebuje verzijo!