add class

src/client/js/components/Navbar/PersonalDropdown.jsx

@@ -108,13 +108,15 @@ const PersonalDropdown = (props) => {
         <div className="px-4 pt-3 pb-2 text-center">
           <UserPicture user={user} size="lg" noLink noTooltip />
 
-          <h5 className="mt-2">
-            {user.name}
-          </h5>
-
-          <div className="my-2">
-            <i className="icon-user icon-fw"></i>{user.username}<br />
-            <i className="icon-envelope icon-fw"></i><span className="grw-email-sm">{user.email}</span>
+          <div className="personal-infomation">
+            <h5 className="mt-2">
+              {user.name}
+            </h5>
+
+            <div className="my-2">
+              <i className="icon-user icon-fw"></i>{user.username}<br />
+              <i className="icon-envelope icon-fw"></i><span className="grw-email-sm">{user.email}</span>
+            </div>
           </div>
 
           <div className="btn-group btn-block mt-2" role="group">

src/client/styles/scss/theme/_apply-colors-dark.scss

@@ -59,6 +59,9 @@ textarea.form-control {
  */
 .dropdown-menu {
   background-color: $bgcolor-global;
+  .personal-infomation {
+    color: $color-global;
+  }
   > li > a {
     color: $color-global;
   }