Use data-theme dark

temporalio · Sep 3, 2024 · 467f1f4 · 467f1f4
1 parent 95c9ae5
commit 467f1f4
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/src/lib/holocene/code-block.svelte b/src/lib/holocene/code-block.svelte
@@ -191,7 +191,8 @@
     <CopyButton
       {copyIconTitle}
       {copySuccessIconTitle}
-      class="absolute right-1 top-1 text-slate-300 hover:bg-slate-900 focus-visible:bg-slate-900 active:bg-slate-800"
+      class="absolute right-1 top-1 text-secondary"
+      data-theme="dark"
       on:click={handleCopy}
       copied={$copied}
     />

diff --git a/src/lib/holocene/copyable/button.svelte b/src/lib/holocene/copyable/button.svelte
@@ -10,6 +10,7 @@
     copySuccessIconTitle: string;
     copied: boolean;
     'data-testid'?: string;
+    'data-theme'?: string;
   }
 
   export let copyIconTitle: string;