cleanup

tabby-core/src/components/tabHeader.component.pug

@@ -5,7 +5,11 @@
 .index(*ngIf='!config.store.terminal.hideTabIndex && hostApp.platform === Platform.macOS', cdkDragHandle) {{index + 1}}
 .index(*ngIf='!config.store.terminal.hideTabIndex && hostApp.platform !== Platform.macOS') {{index + 1}}
 
-.icon(class='fa-fw {{tab.icon}}', style='{{ (tab.color)?"color:"+tab.color:"" }}', *ngIf='config.store.terminal.showTabProfileIcon')
+.icon(
+    *ngIf='config.store.terminal.showTabProfileIcon && tab.icon',
+    [ngClass]='tab.icon',
+    [style.color]='tab.color'
+)
 
 .name(
     [title]='tab.customTitle || tab.title',

tabby-core/src/components/tabHeader.component.scss

@@ -41,6 +41,11 @@ $tabs-height: 38px;
         margin-top: 1px;
     }
 
+    .icon {
+        font-size: 13px;
+        margin: 1px 4px 0 0;
+    }
+
     .name {
         flex: auto;
         margin-top: 1px;

tabby-core/src/theme.scss

@@ -62,6 +62,10 @@ app-root  {
                         color: rgba(255, 255, 255, 0.4);
                     }
 
+                    .icon {
+                        opacity: .75;
+                    }
+
                     button {
                         color: $body-color;
                         border: none;