fix(client): night mode for settings page

client/src/components/Footer/footer.css

@@ -18,3 +18,11 @@
   margin-left: 5px;
   color: #6d6d6d;
 }
+
+.night .footer {
+  background: #222;
+}
+
+.night .footer a {
+  color: #006400;
+}

client/src/components/helpers/toggle-button.css

@@ -3,6 +3,10 @@
   opacity: 1;
 }
 
+.night .toggle-active {
+  color: #ddd;
+}
+
 .toggle-not-active.btn-primary.active {
   background-color: #006400;
 }
@@ -11,6 +15,18 @@
   background-color: #dedede;
   color: rgb(0, 49, 0);
 }
-.toggle-not-active:hover, .toggle-not-active:focus {
+
+.night .toggle-not-active {
+  background-color: #999;
+  color: #333;
+}
+
+.toggle-not-active:hover,
+.toggle-not-active:focus {
   background-color: #006400;
 }
+
+.night .toggle-not-active:hover,
+.night .toggle-not-active:focus {
+  color: #ddd;
+}

client/src/components/layouts/night.css

@@ -14,18 +14,18 @@
   color: #ddd;
 }
 
-.night .toggle-active {
-  color: #ddd;
-}
-
 .night input,
 .night textarea {
   background-color: #ddd;
   color: #333;
 }
 
-.night .btn.btn-primary {
+.night a {
-  color: #ddd;
+  color: #f8f8f8;
+}
+
+.night .table-striped > tbody > tr:nth-child(odd) {
+  background-color: #555555;
 }
 
 .night .challenge-preview {
@@ -35,12 +35,13 @@
   color: #fff;
   background: #2a2a2a;
 }
-.night .footer,
+
 .night .challenge-instructions blockquote,
 .night blockquote,
 .night pre {
   background: #222;
 }
+
 .night code {
   background-color: #242424;
   color: #02a902;

client/src/components/profile/components/TimeLine.js

@@ -123,6 +123,7 @@ class Timeline extends Component {
               <tr>
                 <th>Challenge</th>
                 <th className='text-center'>Completed</th>
+                <th />
               </tr>
             </thead>
             <tbody>

client/src/components/settings/honesty.css

@@ -5,7 +5,6 @@
 
 .honesty-panel {
   padding-top: 15px;
-
 }
 
 .honesty-panel .agreed {
@@ -23,3 +22,12 @@
   margin-top: 0;
   margin-bottom: 0;
 }
+
+.night .honesty-panel {
+  color: #333333;
+  background-color: #cccccc;
+}
+
+.night .honesty-panel a {
+  color: darkgreen;
+}