Merge pull request #31 from dreamerblue/master

Add dark style for calendar and fix navbar height

layouts/partials/header.html

@@ -2,7 +2,7 @@
     <span class="Progress progress-pjax-loader position-fixed width-full js-pjax-loader-bar">
         <span class="progress-pjax-loader-bar top-0 left-0" style="width: 0%;"></span>
     </span>
-    <header class="Header js-details-container Details flex-wrap flex-lg-nowrap p-responsive" role="banner">
+    <header class="Header py-lg-0 js-details-container Details flex-wrap flex-lg-nowrap p-responsive" role="banner">
         <div class="Header-item d-none d-lg-flex">
             <a class="Header-link" href="{{ .Site.BaseURL }}" aria-label="Homepage"
                 data-ga-click="Header, go to dashboard, icon:logo">
@@ -22,6 +22,9 @@
                 </div>
             </div>
         </div>
+        <nav class="d-flex" aria-label="Global">
+            <a class="js-selected-navigation-item Header-link py-lg-3">&nbsp;</a>
+        </nav>
         <div class="Header-item Header-item--full flex-justify-center d-lg-none position-relative" style="margin-right: auto;">
             <a class="Header-link" href="{{ .Site.BaseURL }}" aria-label="Homepage"
                 data-ga-click="Header, go to dashboard, icon:logo">

static/css/dark.css

@@ -163,6 +163,20 @@ a {
   border-bottom-color: rgb(52, 59, 68) !important;
 }
 
+.border {
+  border-top-color: rgb(52, 59, 68) !important;
+  border-right-color: rgb(52, 59, 68) !important;
+  border-bottom-color: rgb(52, 59, 68) !important;
+  border-left-color: rgb(52, 59, 68) !important;
+}
+
+.border-gray-dark {
+  border-top-color: rgb(55, 61, 69) !important;
+  border-right-color: rgb(55, 61, 69) !important;
+  border-bottom-color: rgb(55, 61, 69) !important;
+  border-left-color: rgb(55, 61, 69) !important;
+}
+
 .repohead.experiment-repo-nav {
   background-color: rgb(26, 27, 28);
 }
@@ -232,6 +246,53 @@ a {
   border-left-color: initial;
 }
 
+.text-gray {
+  color: rgb(196, 192, 183) !important;
+}
+
+.calendar-graph text.month {
+  fill: rgb(190, 185, 175);
+}
+
+.calendar-graph text.wday {
+  fill: rgb(190, 185, 175);
+}
+
+.day[fill='#ebedf0'],
+.legend li[style*='background-color: rgb(235, 237, 240)'],
+.legend li[style*='background-color: #ebedf0'] {
+  fill: #0f1114 !important;
+  background-color: #0f1114 !important;
+}
+
+.day[fill='#c6e48b'],
+.legend li[style*='background-color: rgb(198, 228, 139)'],
+.legend li[style*='background-color: #c6e48b'] {
+  fill: #2c3a31 !important;
+  background-color: #2c3a31 !important;
+}
+
+.day[fill='#7bc96f'],
+.legend li[style*='background-color: rgb(123, 201, 111)'],
+.legend li[style*='background-color: #7bc96f'] {
+  fill: #58965c !important;
+  background-color: #58965c !important;
+}
+
+.day[fill='#239a3b'],
+.legend li[style*='background-color: rgb(35, 154, 59)'],
+.legend li[style*='background-color: #239a3b'] {
+  fill: #87ee9f !important;
+  background-color: #87ee9f !important;
+}
+
+.day[fill='#196127'],
+.legend li[style*='background-color: rgb(25, 97, 39)'],
+.legend li[style*='background-color: #196127'] {
+  fill: #adf5bb !important;
+  background-color: #adf5bb !important;
+}
+
 /* custom */
 
 .github-octicon {