[MTELEBCHA-6] graphical improvements

static/beauvechain/_custom.scss

@@ -1 +1,50 @@
-@charset "UTF-8"; 
+@charset "UTF-8";
+
+
+
+/* Custom selection color because that can be done and it's cool */
+::selection {
+    color: white;
+    background-color: darken($primary-color, 8%);
+}
+
+/* darker cell links hover for better contrast/accessibility */
+div#account-management ul > li > a:hover::after, 
+div.wcsformsofcategorycell ul > li > a:hover::after, 
+div.wcscurrentdraftscell ul > li > a:hover::after, 
+div.wcscurrentformscell ul > li > a:hover::after {
+  background: #1a2643;
+}
+
+/* remove annoying border I can't remove with EO vars at the moment */
+div.links-list ul > li:not(:last-child) {
+  border-bottom: 0;
+}
+
+
+/* logo adjustmts */
+
+h1#logo a img {
+  max-height: 124px;
+}
+
+@media screen and (max-width: 320px) {
+  h1#logo a img {
+    max-height: 90px;
+  }
+}
+
+@media screen and (max-width: 768px) {
+  h1#logo a {
+    margin-top: 0;
+  }
+}
+
+/* center "Code de suivi" title */
+
+div#tracking-code h3 {
+  padding: 0;
+  color: #333333;
+}
+
+

static/beauvechain/_vars.scss

@@ -1,8 +1,8 @@
 @charset "UTF-8";
 
 /*STYLE*/
-$primary-color: #001545;
-$secondary-color: #cf2a2a;
+$primary-color: #1b3674;
+$secondary-color: #b2a988;
 $width: 1200px;
 $mobile-limit: 800px;
 $font-size: 16px !default;