Finishing touches of the kiemm versionmaster

2 files changed, 15 insertions, 5 deletions

diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css
index c9eaabb..ce42b5b 100644
--- a/public/stylesheets/style.css
+++ b/public/stylesheets/style.css
@@ -15,13 +15,17 @@ html, body {
 
 #search {
   z-index: 2;
-  background-color: #DE403B;
+  background-color: #F44336;
   margin: 0 auto;
   width: 100%;
   position: fixed;
   box-shadow: 0 0.5px 1.5px rgba(0, 0, 0, 0.06), 0 0.5px 1px rgba(0, 0, 0, 0.12);
 }
 
+.school-kiemm #search {
+  background-color: #DE403B;
+}
+
 #search .top-bar {
   position: relative;
   margin: 0 auto;
@@ -149,11 +153,15 @@ body.searched #search-space-filler {
 
 #week-selector {
   z-index: 1;
-  background-color: #DE403B;
+  background-color: #F44336;
   box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
   color: white;
 }
 
+.school-kiemm #week-selector {
+  background-color: #DE403B;
+}
+
 #week-selector .week-wrapper {
   max-width: 600px;
   padding: 10px !important;
diff --git a/views/layout.jade b/views/layout.jade
index 701fb29..ce87bdc 100644
--- a/views/layout.jade
+++ b/views/layout.jade
@@ -4,17 +4,19 @@ html(lang='nl')
     block head_top
     if school === 'kiemm'
       title Kiemm Rooster
+      meta(name='theme-color',content='#DE403B')
+      link(rel="mask-icon", href="/safari-pinned-tab.svg", color="#000000")
     else
       title Metis Rooster
-    meta(name='theme-color',content='#F44336')
+      meta(name='theme-color',content='#F44336')
+      link(rel="mask-icon", href="/safari-pinned-tab.svg", color="#f44336")
     meta(name='viewport', content='width=device-width, initial-scale=1')
     link(href='https://fonts.googleapis.com/css?family=Roboto', rel='stylesheet')
     link(rel='manifest', href='/manifest.webmanifest')
     link(rel="apple-touch-icon", sizes="120x120", href="/apple-touch-icon.png")
     link(rel="icon", type="image/png", href="/favicon-32x32.png", sizes="32x32")
     link(rel="icon", type="image/png", href="/favicon-16x16.png", sizes="16x16")
-    link(rel="mask-icon", href="/safari-pinned-tab.svg", color="#f44336")
     block head
-  body(style='opacity: 0;')
+  body(style='opacity: 0;', class=`school-${school}`)
     block content
     block scripts