From 4f6d0ffbf71653b74d68e7ade494955617d0d684 Mon Sep 17 00:00:00 2001
From: Felix Hamann <felix.hamann@campus.lmu.de>
Date: Thu, 12 Apr 2018 23:29:13 +0200
Subject: [PATCH 1/4] slightly brighter dark

---
 templates/default-layout.lucius   |  3 ++-
 templates/standalone/modal.lucius |  2 +-
 templates/widgets/navbar.lucius   | 11 +++++------
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/templates/default-layout.lucius b/templates/default-layout.lucius
index cc33bfe58..3574d3a43 100644
--- a/templates/default-layout.lucius
+++ b/templates/default-layout.lucius
@@ -20,7 +20,8 @@
   --fontbase: #34303a;
   --fontsec: #5b5861;
   /* THEME 4 */
-  --darkbase: #263C4C;
+  --darkerbase: #274a65;
+  --darkbase: #425d79;
   --lightbase: #598EB5;
   --lighterbase: #5F98C2;
   --whitebase: #FCFFFA;
diff --git a/templates/standalone/modal.lucius b/templates/standalone/modal.lucius
index a511f58c6..f9e1db4e2 100644
--- a/templates/standalone/modal.lucius
+++ b/templates/standalone/modal.lucius
@@ -70,7 +70,7 @@
   justify-content: center;
   width: 30px;
   height: 30px;
-  background-color: var(--darkbase);
+  background-color: var(--darkerbase);
   border-radius: 2px;
   cursor: pointer;
   z-index: 20;
diff --git a/templates/widgets/navbar.lucius b/templates/widgets/navbar.lucius
index b04c47366..b1fe881c4 100644
--- a/templates/widgets/navbar.lucius
+++ b/templates/widgets/navbar.lucius
@@ -8,10 +8,10 @@
   height: var(--header-height);
   padding-right: 5vw;
   padding-left: 340px;
-  background: var(--darkbase); /* Old browsers */
-  background: -moz-linear-gradient(bottom, var(--darkbase) 0%, #425d79 100%); /* FF3.6-15 */
-  background: -webkit-linear-gradient(bottom, var(--darkbase) 0%,#425d79 100%); /* Chrome10-25,Safari5.1-6 */
-  background: linear-gradient(to top, var(--darkbase) 0%,#425d79 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
+  background: var(--darkerbase); /* Old browsers */
+  background: -moz-linear-gradient(bottom, var(--darkerbase) 0%, #425d79 100%); /* FF3.6-15 */
+  background: -webkit-linear-gradient(bottom, var(--darkerbase) 0%,#425d79 100%); /* Chrome10-25,Safari5.1-6 */
+  background: linear-gradient(to top, var(--darkerbase) 0%,#425d79 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   color: white;
   box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
   z-index: 10;
@@ -86,8 +86,7 @@
 }
 
 .navbar .navbar__list-item:not(.navbar__list-item--active):hover {
-  background-color: var(--darkbase);
-  color: var(--whitebase);
+  background-color: var(--darkerbase);
 }
 .navbar .navbar__list-item:not(.navbar__list-item--active):hover .navbar__link-wrapper {
   color: var(--whitebase);

From 174297c2ba2119aa0cceebab585c86d81fcb50ed Mon Sep 17 00:00:00 2001
From: Felix Hamann <felix.hamann@campus.lmu.de>
Date: Thu, 12 Apr 2018 23:31:01 +0200
Subject: [PATCH 2/4] asidenav with distinguishable title and active-state

---
 templates/widgets/asidenav.hamlet |  9 +++++----
 templates/widgets/asidenav.lucius | 19 ++++++++++++++++---
 2 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/templates/widgets/asidenav.hamlet b/templates/widgets/asidenav.hamlet
index a46c06ad9..b19ab9d4f 100644
--- a/templates/widgets/asidenav.hamlet
+++ b/templates/widgets/asidenav.hamlet
@@ -18,10 +18,11 @@ $newline never
         WiSe 17/18
       <ul .asidenav__list>
         $forall (Entity _ Course{..}) <- favourites
-          <li .asidenav__list-item>
-            <a .asidenav__link-wrapper href=@{CourseR courseTermId courseShorthand CourseShowR}>
-              <div .asidenav__link-shorthand>#{courseShorthand}
-              <div .asidenav__link-label>#{courseName}
+          $with route <- CourseR courseTermId courseShorthand CourseShowR
+            <li .asidenav__list-item :Just route == mcurrentRoute:.asidenav__list-item--active>
+              <a .asidenav__link-wrapper href=@{route}>
+                <div .asidenav__link-shorthand>#{courseShorthand}
+                <div .asidenav__link-label>#{courseName}
 
         <li .asidenav__list-item>
           <a .asidenav__link-wrapper href="/course/S2018/ixd/show">
diff --git a/templates/widgets/asidenav.lucius b/templates/widgets/asidenav.lucius
index 62c2d3f0c..a1acdd7ab 100644
--- a/templates/widgets/asidenav.lucius
+++ b/templates/widgets/asidenav.lucius
@@ -1,6 +1,6 @@
 .main__aside {
   position: relative;
-  background-color: var(--darkbase);
+  background-color: #425d79;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
   z-index: 1;
   flex: 0 0 300px;
@@ -22,7 +22,11 @@
 
   .asidenav__box-title {
     width: 50px;
-    padding: 0;
+    padding: 1px;
+    font-size: 18px;
+    text-align: center;
+    margin-bottom: 0;
+    background-color: var(--fontsec);
   }
 
   .asidenav__link-wrapper {
@@ -35,10 +39,11 @@
       width: 50px;
       text-align: center;
       opacity: 1;
-      font-size: 16px;
+      font-size: 15px;
       line-height: 1em;
       margin-right: 13px;
       flex-shrink: 0;
+      padding: 1px;
       outline: 1px solid white;
       text-transform: uppercase;
       word-break: break-all;
@@ -78,6 +83,9 @@
 
 .asidenav__box-title {
   padding: 7px 13px;
+  margin-top: 13px;
+  background-color: transparent;
+  transition: all .2s ease;
 
   a {
     color: white;
@@ -155,6 +163,11 @@
     pointer-events: none;
     color: white;
   }
+
+  .asidenav__link-shorthand {
+    transform: scale(1.05, 1.0);
+    transform-origin: right;
+  }
 }
 
 .asidenav__link-wrapper {

From 7b539db6610ac4f287420aeab2fde563a2a656fc Mon Sep 17 00:00:00 2001
From: Felix Hamann <felix.hamann@campus.lmu.de>
Date: Fri, 13 Apr 2018 14:32:47 +0200
Subject: [PATCH 3/4] moved breadcrumbs to left side

---
 templates/widgets/navbar.lucius | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/templates/widgets/navbar.lucius b/templates/widgets/navbar.lucius
index b1fe881c4..4b17ebeb1 100644
--- a/templates/widgets/navbar.lucius
+++ b/templates/widgets/navbar.lucius
@@ -7,7 +7,7 @@
   width: 100%;
   height: var(--header-height);
   padding-right: 5vw;
-  padding-left: 340px;
+  padding-left: 90px;
   background: var(--darkerbase); /* Old browsers */
   background: -moz-linear-gradient(bottom, var(--darkerbase) 0%, #425d79 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(bottom, var(--darkerbase) 0%,#425d79 100%); /* Chrome10-25,Safari5.1-6 */

From 6d1799e65c5b9731f839b0c38900dacc313caffe Mon Sep 17 00:00:00 2001
From: Felix Hamann <felix.hamann@campus.lmu.de>
Date: Fri, 13 Apr 2018 14:34:02 +0200
Subject: [PATCH 4/4] slightly less dominant page actions

---
 templates/widgets/pageactionprime.hamlet |  1 -
 templates/widgets/pageactionprime.lucius | 10 +---------
 2 files changed, 1 insertion(+), 10 deletions(-)

diff --git a/templates/widgets/pageactionprime.hamlet b/templates/widgets/pageactionprime.hamlet
index a681115b5..2c828a4fa 100644
--- a/templates/widgets/pageactionprime.hamlet
+++ b/templates/widgets/pageactionprime.hamlet
@@ -1,7 +1,6 @@
 $newline never
 $if hasPageActions
   <div .page-nav-prime>
-    <h3>Aktionen:
     <ul .pagenav__list>
       $forall menuType <- menuTypes
         $case menuType
diff --git a/templates/widgets/pageactionprime.lucius b/templates/widgets/pageactionprime.lucius
index dd4f3ef39..564603fdf 100644
--- a/templates/widgets/pageactionprime.lucius
+++ b/templates/widgets/pageactionprime.lucius
@@ -1,8 +1,6 @@
 .page-nav-prime {
   background-color: var(--lightgreybase);
-  box-shadow: -20px -20px 0 20px var(--lightgreybase),
-              20px -20px 0 20px var(--lightgreybase);
-  padding: 13px 0;
+  padding: 13px;
 }
 
 .page-nav-prime .pagenav__list {
@@ -11,11 +9,5 @@
 }
 .page-nav-prime .pagenav__list-item {
   display: inline-block;
-  border-bottom: 2px solid var(--lightbase);
   margin-right: 7px;
-  transition: border-bottom-color .2s ease;
-
-  &:hover {
-    border-bottom-color: var(--lighterbase);
-  }
 }