From 93a3b29677375a1f15ffc7fca1af2b786b988ee0 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Fri, 26 Dec 2025 18:08:26 +0200
Subject: [PATCH] chore(icon_pack): generate root declaration

---
 apps/server/src/services/icon_packs.spec.ts |  4 ++++
 apps/server/src/services/icon_packs.ts      | 13 +++++++++++++
 2 files changed, 17 insertions(+)

diff --git a/apps/server/src/services/icon_packs.spec.ts b/apps/server/src/services/icon_packs.spec.ts
index 68ee6ca2b..16ea35e2a 100644
--- a/apps/server/src/services/icon_packs.spec.ts
+++ b/apps/server/src/services/icon_packs.spec.ts
@@ -126,8 +126,12 @@ describe("CSS generation", () => {
         expect(processedResult).toBeTruthy();
         const css = generateCss(processedResult!);
 
+        console.log(css);
         expect(css).toContain("@font-face");
         expect(css).toContain("font-family: 'trilium-icon-pack-bx'");
         expect(css).toContain(`src: url('/api/attachments/${processedResult?.fontAttachmentId}/download') format('woff2');`);
+
+        expect(css).toContain("@font-face");
+        expect(css).toContain("font-family: 'trilium-icon-pack-bx' !important;");
     });
 });
diff --git a/apps/server/src/services/icon_packs.ts b/apps/server/src/services/icon_packs.ts
index 816160366..16a63ac25 100644
--- a/apps/server/src/services/icon_packs.ts
+++ b/apps/server/src/services/icon_packs.ts
@@ -70,5 +70,18 @@ export function generateCss(processedIconPack: ProcessResult) {
             font-style: normal;
             src: url('/api/attachments/${processedIconPack.fontAttachmentId}/download') format('${MIME_TO_CSS_FORMAT_MAPPINGS[processedIconPack.fontMime]}');
         }
+
+        .${processedIconPack.manifest.prefix} {
+            font-family: 'trilium-icon-pack-${processedIconPack.manifest.prefix}' !important;
+            font-weight: normal;
+            font-style: normal;
+            font-variant: normal;
+            line-height: 1;
+            text-rendering: auto;
+            display: inline-block;
+            text-transform: none;
+            -webkit-font-smoothing: antialiased;
+            -moz-osx-font-smoothing: grayscale;
+        }
     `;
 }