Use css for darkmode

resources/users.scss

@@ -43,9 +43,14 @@ th.header.rank {
 }
 
 #users-table {
-    .username {
+    th a, th a:link, th a:visited {
+        color: white;
     }
 
+    th a:hover {
+        color: #0F0;
+    }
+    
     .about-column {
         width: 30%;
     }
@@ -81,6 +86,74 @@ th.header.rank {
             background: #fff897;
         }
     }
+
+    .organization-column a {
+        color: gray !important;
+        font-weight: 600;
+    }
+
+    .disqualified {
+        background-color: #ffa8a8 !important;
+    }
+
+    .frozen {
+        background: lightskyblue !important;
+    }
+
+    .full-score, .full-score a {
+        font-weight: bold;
+        color: green;
+    }
+
+    .partial-score, .partial-score a {
+        color: green;
+    }
+
+    .failed-score, .failed-score a {
+        font-weight: bold;
+        color: red;
+    }
+
+    .pretest-full-score, .pretest-full-score a {
+        font-weight: bold;
+        color: #2980b9;
+    }
+
+    .pretest-partial-score, .pretest-partial-score a {
+        color: #2980b9;
+    }
+
+    .pretest-failed-score, .pretest-failed-score a {
+        font-weight: bold;
+        color: red;
+    }
+
+    .user-points {
+        font-weight: bold;
+        color: black;
+    }
+
+    .solving-time {
+        color: gray;
+        font-weight: normal;
+        font-size: 0.75em;
+        padding-bottom: -0.75em;
+    }
+
+    .point-denominator {
+        border-top: 1px solid gray;
+        font-size: 0.7em;
+    }
+
+    .fullname-column {
+        text-align: right !important;
+        border-right: none !important;
+    }
+
+    .fullname-column span {
+        color: gray !important;
+        font-weight: 600;
+    }
 }
 
 #search-form {
@@ -398,4 +471,12 @@ a.edit-profile {
             }
         }
     }
+}
+
+.user-info-header {
+    color: gray;
+}
+
+.user-stat-header {
+    color: gray;
 }