show external link icon in profile

routes/_components/AccountProfile.html

@@ -7,7 +7,7 @@
         <Avatar account="{{profile}}" size="big" />
       </div>
       <div class="account-profile-name">
-        <ExternalLink href="{{profile.url}}">
+        <ExternalLink href="{{profile.url}}" showIcon="true" normalIconColor="true">
           {{profile.display_name}}
         </ExternalLink>
       </div>

routes/_components/ExternalLink.html

@@ -1,7 +1,7 @@
 <a rel="nofollow noopener"
    target="_blank"
    href="{{href}}"
-   class="{{className || ''}} {{showIcon ? 'external-link-with-icon' : ''}}">
+   class="{{className || ''}} {{showIcon ? 'external-link-with-icon' : ''}} {{normalIconColor ? 'normal-icon-color' : ''}}">
   <slot></slot>
   {{#if showIcon}}
     <svg>
@@ -20,6 +20,9 @@
     height: 14px;
     fill: var(--deemphasized-text-color);
   }
+  .external-link-with-icon.normal-icon-color svg {
+    fill: var(--body-text-color);
+  }
 </style>
 <script>
   export default {