reorganize PersonalDropdown colors

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

@@ -108,15 +108,13 @@ const PersonalDropdown = (props) => {
         <div className="px-4 pt-3 pb-2 text-center">
           <UserPicture user={user} size="lg" noLink noTooltip />
 
-          <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>
+          <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 className="btn-group btn-block mt-2" role="group">

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

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

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

@@ -76,9 +76,7 @@ pre:not(.hljs):not(.CodeMirror-line) {
 
 // Dropdown
 .dropdown-menu {
-  form {
-    color: $color-global;
-  }
+  color: $color-global;
 }
 
 .dropdown-item {