Use css for darkmode

resources/chatbox.scss

@@ -187,6 +187,42 @@
     color: white;
 }
 
+.chat {
+    .active-span {
+        margin-top: 1em;
+        margin-right: 1em;
+        color: #636363;
+    }
+
+    .unread-count {
+        float: right;
+        color: white;
+        background-color: darkcyan;
+        border-radius: 2px;
+        padding: 0 0.5em;
+    }
+    #setting-content {
+        display: none;
+        position: absolute;
+        background-color: #f1f1f1;
+        min-width: 160px;
+        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+        z-index: 1;
+        right: 0;
+    }
+    #setting-content li {
+        padding: 12px 16px;
+        text-decoration: none;
+        display: block;
+        color: black;
+        font-weight: bold;
+    }
+    #setting-content li:hover {
+        background-color: #ddd;
+        cursor: pointer;
+    }
+}
+
 @media (max-width: 799px) {
     #chat-area {
         height: 500px;