diff -u b/core/modules/user/css/user.module.css b/core/modules/user/css/user.module.css
--- b/core/modules/user/css/user.module.css
+++ b/core/modules/user/css/user.module.css
@@ -2,63 +2,20 @@
  * @file
- * Basic styling for user module.
- * Password strength indicator.
+ * Module styling for user module.
  */
 .password-strength__title,
 .password-strength__text {
   display: inline;
 }
 .password-strength__meter {
-  background-color: #ebeae4;
   height: 0.75em;
   margin-top: 0.5em;
+  background-color: lightgray;
 }
 .password-strength__indicator {
   height: 100%;
   width: 0;
-  background-color: #77b259;
-  -webkit-transition: width 0.5s ease-out;
-  transition: width 0.5s ease-out;
-}
-.password-strength__indicator.is-weak {
-  background-color: #e62600;
-}
-.password-strength__indicator.is-fair {
-  background-color: #e09600;
-}
-.password-strength__indicator.is-good {
-  background-color: #0074bd;
-}
-.password-strength__indicator.is-strong {
-  background-color: #77b259;
-}
-
-.password-confirm,
-.password-field,
-.password-strength {
-  width: 55%;
+  background-color: gray;
 }
 .password-confirm-match {
   visibility: hidden;
-  width: 55%;
-}
-
-.password-suggestions {
-  padding: 0.2em 0.5em;
-  margin: 0.7em 0;
-  max-width: 34.7em;
-  border: 1px solid #b4b4b4;
-}
-.password-suggestions ul {
-  margin-bottom: 0;
-}
-.confirm-parent,
-.password-parent {
-  clear: left; /* LTR */
-  margin: 0;
-  max-width: 33em;
-  overflow: hidden;
-}
-[dir="rtl"] .confirm-parent,
-[dir="rtl"] .password-parent {
-  clear: right;
 }
only in patch2:
unchanged:
--- a/core/modules/user/css/user.module.css
+++ b/core/modules/user/css/user.theme.css
@@ -1,40 +1,48 @@
 /**
- * Password strength indicator.
+ * @file
+ * Theme styling for user module.
  */
-.password-strength__title,
-.password-strength__text {
-  display: inline;
-}
+
+/* Visual styling for the Password strength indicator */
 .password-strength__meter {
-  background-color: #ebeae4;
-  height: 0.75em;
   margin-top: 0.5em;
+  background-color: #ebeae4;
 }
 .password-strength__indicator {
-  height: 100%;
-  width: 0%;
   background-color: #77b259;
   -webkit-transition: width 0.5s ease-out;
   transition: width 0.5s ease-out;
 }
-input.password-confirm,
-input.password-field,
-.password-strength {
-  width: 55%;
+.password-strength__indicator.is-weak {
+  background-color: #e62600;
+}
+.password-strength__indicator.is-fair {
+  background-color: #e09600;
+}
+.password-strength__indicator.is-good {
+  background-color: #0074bd;
+}
+.password-strength__indicator.is-strong {
+  background-color: #77b259;
 }
-div.password-confirm {
-  visibility: hidden;
+
+.password-confirm,
+.password-field,
+.password-strength,
+.password-confirm-match {
   width: 55%;
 }
-div.form-item div.password-suggestions {
+
+.password-suggestions {
   padding: 0.2em 0.5em;
   margin: 0.7em 0;
   max-width: 34.7em;
   border: 1px solid #b4b4b4;
 }
-div.password-suggestions ul {
+.password-suggestions ul {
   margin-bottom: 0;
 }
+
 .confirm-parent,
 .password-parent {
   clear: left; /* LTR */
@@ -46,15 +54,12 @@ div.password-suggestions ul {
 [dir="rtl"] .password-parent {
   clear: right;
 }
-.password-strength__indicator.is-weak {
-  background-color: #e62600;
-}
-.password-strength__indicator.is-fair {
-  background-color: #e09600;
-}
-.password-strength__indicator.is-good {
-  background-color: #0074bd;
-}
-.password-strength__indicator.is-strong {
-  background-color: #77b259;
+
+/* Toolbar tab icon. */
+.toolbar-bar .toolbar-icon-user:before {
+  background-image: url(../../../misc/icons/bebebe/person.svg);
+}
+.toolbar-bar .toolbar-icon-user:active:before,
+.toolbar-bar .toolbar-icon-user.active:before {
+  background-image: url(../../../misc/icons/ffffff/person.svg);
 }
only in patch2:
unchanged:
--- a/core/modules/user/user.libraries.yml
+++ b/core/modules/user/user.libraries.yml
@@ -5,6 +5,8 @@ drupal.user:
   css:
     component:
       css/user.module.css: {}
+    theme:
+      css/user.theme.css: {}
   dependencies:
     - core/jquery
     - core/drupal