fix(core/avatar): adapt colors (#1141)

packages/core/src/components/avatar/avatar.scss

@@ -38,16 +38,16 @@
       min-height: 2rem;
       min-width: 2rem;
       border-radius: 100px;
-      background-color: var(--theme-color-component-3);
-      color: var(--theme-color-std-text);
+      background-color: var(--theme-avatar--background);
+      color: var(--theme-avatar--color);
     }
 
     #avatar-path-background {
       fill: var(--theme-avatar--background);
     }
 
     #avatar-path-person {
-      fill: var(--theme-color-4);
+      fill:var(--theme-avatar--color);
     }
   }
 }

packages/core/src/components/menu-avatar/menu-avatar.scss

@@ -33,34 +33,6 @@
     margin-right: 0.35rem;
     transition: 0.15s;
 
-    > .avatar-image {
-      height: 2rem;
-      width: 2rem;
-      min-height: 2rem;
-      min-width: 2rem;
-      border-radius: 100px;
-    }
-
-    > .avatar-initials {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      height: 2rem;
-      width: 2rem;
-      min-height: 2rem;
-      min-width: 2rem;
-      border-radius: 100px;
-      background-color: var(--theme-color-component-3);
-    }
-
-    #avatar-path-background {
-      fill: var(--theme-avatar--background);
-    }
-
-    #avatar-path-person {
-      fill: var(--theme-color-4);
-    }
-
     .avatar-name {
       display: flex;
       flex-direction: column;
@@ -70,6 +42,7 @@
       line-height: 1.14;
 
       .text-default-single {
+        color: var(--theme-nav-item-primary--color);
         @include ellipsis;
       }
     }