From 153bcc7189798b57ec7113afe2e979361bffef93 Mon Sep 17 00:00:00 2001
From: FlaminSarge <FlaminSarge@users.noreply.github.com>
Date: Mon, 8 Jun 2026 05:25:54 -0700
Subject: [PATCH 1/2] Move Superchat/Report dialogs so they inherit
 hyperchat-root styles

---
 src/components/Hyperchat.svelte | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/Hyperchat.svelte b/src/components/Hyperchat.svelte
index 824a01e..57dc370 100644
--- a/src/components/Hyperchat.svelte
+++ b/src/components/Hyperchat.svelte
@@ -453,15 +453,14 @@
   };
 </script>
 
-<ReportBanDialog />
-<SuperchatViewDialog />
-
 <svelte:window on:resize={() => {
   scrollToBottom();
   topBarResized();
 }} on:load={onLoad} />
 
 <div class={containerClass} style="font-size: 13px">
+  <ReportBanDialog />
+  <SuperchatViewDialog />
   {#if $enableStickySuperchatBar}
     <StickyBar />
   {/if}

From 7937e295e64adb32815540faa6d9b32d6ca0e8d2 Mon Sep 17 00:00:00 2001
From: Kento Nishi <kento24gs@outlook.com>
Date: Mon, 8 Jun 2026 18:06:04 -0400
Subject: [PATCH 2/2] fix dialog fonts

---
 src/components/common/Dialog.svelte | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/common/Dialog.svelte b/src/components/common/Dialog.svelte
index 4e84897..49c5b4d 100644
--- a/src/components/common/Dialog.svelte
+++ b/src/components/common/Dialog.svelte
@@ -14,7 +14,7 @@
   // Smelte's default is `{ duration: 150, easing: quadIn, delay: 150 }` which adds 150ms of dead
   // time before the open animation even starts. Drop the delay so the popup appears immediately.
   const transitionProps = { duration: 120, easing: quadIn, delay: 0 };
-  $: classes = `items-center z-50 rounded p-4 shadow ${bgColor}` +
+  $: classes = `items-center z-50 rounded p-4 shadow hc-dialog-font ${bgColor}` +
     ' max-h-full overflow-y-auto text-xs ' +
     (expandWidth ? 'w-full mx-2 ' : ' ') +
     ($$props.class ?? '');
@@ -33,3 +33,9 @@
   <slot />
   <slot name="actions" slot="actions" />
 </Dialog>
+
+<style>
+  :global(.hc-dialog-font) {
+    font-family: var(--pure-material-font, "Roboto", "Segoe UI", BlinkMacSystemFont, system-ui, -apple-system, sans-serif);
+  }
+</style>