Fix content colour in dark mode

karkhaz · karkhaz · commit ec6f48caf19e · 2022-03-12T01:06:37.000Z
Previously, some content would appear in a dark colour in dark mode
because the "color" property was set in the .content class for light
mode but the &lt;body&gt; element for dark mode.
diff --git a/templates/dashboard.jinja.html b/templates/dashboard.jinja.html
@@ -52,13 +52,15 @@
   font-size: small;
   color: #ec407a;
 }
+body {
+  color: #263238;
+}
 #content {
   max-width: 800px;
   margin-left: auto;
   margin-right: auto;
   padding-top: 2em;
   padding-bottom: 2em;
-  color: #263238;
   font-family: Helvetica, sans-serif;
 }
 p {
@@ -302,9 +304,6 @@
   .status-icon-in-progress { fill: #ddd; }
   .status-icon-in-progress circle { stroke: #ddd; }
 
-  .pipeline-header {
-    color: #eceff1;
-  }
   .downloads-header {
     color: #eceff1;
   }
@@ -325,16 +324,12 @@
     color: #eceff1;
   }
   .pipeline-row {
-    color: #eceff1;
     background-color: #37474f;
   }
   body {
     color: #babdbe;
     background-color: #263238;
   }
-  p {
-    color: #babdbe;
-  }
   #subtitle {
     color: #fff;
   }
