feat(tab): trigger note icons via theme variable

src/public/app/widgets/tab_row.js

@@ -244,6 +244,9 @@ export default class TabRowWidget extends BasicWidget {
     doRender() {
         this.$widget = $(TAB_ROW_TPL);
         
+        const documentStyle = window.getComputedStyle(document.documentElement);
+        this.showNoteIcons = (documentStyle.getPropertyValue("--tab-note-icons") === "true");
+
         this.draggabillies = [];
 
         this.setupStyle();
@@ -667,11 +670,16 @@ export default class TabRowWidget extends BasicWidget {
             }
         }
 
+        let noteIcon = "";
+
         if (noteContext) {
             const hoistedNote = froca.getNoteFromCache(noteContext.hoistedNoteId);
 
             if (hoistedNote) {
                 $tab.find('.note-tab-wrapper').css("background", hoistedNote.getWorkspaceTabBackgroundColor());
+                if (!this.showNoteIcons) {
+                    noteIcon = hoistedNote.getWorkspaceIconClass();
+                }
             }
             else {
                 $tab.find('.note-tab-wrapper').removeAttr("style");
@@ -692,10 +700,16 @@ export default class TabRowWidget extends BasicWidget {
         $tab.addClass(utils.getNoteTypeClass(note.type));
         $tab.addClass(utils.getMimeTypeClass(note.mime));
 
+        if (this.showNoteIcons) {
+            noteIcon = note.getIcon();
+        }
+
+        if (noteIcon) {
             $tab.find('.note-tab-icon')
                 .removeClass()
                 .addClass("note-tab-icon")
-            .addClass(note.getIcon());
+                .addClass(noteIcon);
+        }
     }
 
     async entitiesReloadedEvent({loadResults}) {

src/public/stylesheets/theme-next.css

@@ -55,6 +55,9 @@
     --menu-item-icon-vert-offset: 0;    
 
     --more-accented-background-color: var(--card-background-hover-color);    
+
+    /* Theme capabilities */
+    --tab-note-icons: true;
 }
 
 /*