diff --git a/ts/modules/invites.ts b/ts/modules/invites.ts
index 69008d4..b52d8c9 100644
--- a/ts/modules/invites.ts
+++ b/ts/modules/invites.ts
@@ -251,7 +251,7 @@ class DOMInvite implements Invite {
 
         this._header = document.createElement('div') as HTMLDivElement;
         this._container.appendChild(this._header);
-        this._header.classList.add("card", "~neutral", "@low", "inv-header", "elem-pad", "no-pad", "flex-expand", "row", "mt-2", "overflow-y");
+        this._header.classList.add("card", "~info", "dark:~d_neutral", "@low", "inv-header", "elem-pad", "no-pad", "flex-expand", "row", "mt-2", "overflow-y");
 
         this._codeArea = document.createElement('div') as HTMLDivElement;
         this._header.appendChild(this._codeArea);
@@ -425,7 +425,7 @@ export class inviteList implements inviteList {
             this._list.classList.add("empty");
             this._list.innerHTML = `
             <div class="inv inv-empty">
-                <div class="card ~neutral @low inv-header flex-expand mt-2">
+                <div class="card ~info dark:~d_neutral @low inv-header flex-expand mt-2">
                     <div class="inv-codearea">
                         <span class="code monospace">${window.lang.strings("inviteNoInvites")}</span>
                     </div>