From b46e42280ca32aca178e56dc3f5caa275bad95af Mon Sep 17 00:00:00 2001
From: BigCoke233 <hi@guhub.cn>
Date: Sat, 7 Feb 2026 20:15:19 +0800
Subject: feat: add "Copy Toot Link" button

fix the issue where webmention and fediverse input text are black in
dark mode
---
 assets/js/fediform.js                        | 10 ++++++++++
 layouts/_partials/posts/fediverse-form.html  |  8 ++++++--
 layouts/_partials/posts/webmention-form.html |  2 +-
 3 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/assets/js/fediform.js b/assets/js/fediform.js
index 4a407fea..f257d775 100644
--- a/assets/js/fediform.js
+++ b/assets/js/fediform.js
@@ -14,6 +14,7 @@ document.addEventListener("DOMContentLoaded", () => {
             actionArea.classList.add('hidden');
         }
     });
+
     // open toot in fediverse
     const instanceInput = document.getElementById('fediverse-instance')
     const savedInstance = localStorage.getItem("geedeapro.fediInstance")
@@ -32,4 +33,13 @@ document.addEventListener("DOMContentLoaded", () => {
     }
 
     document.getElementById("fediform-button").addEventListener("click", openInFediverse)
+
+    // copy toot link:
+    const copyBtn = document.getElementById("fediform-copy-button")
+    function copyTootLink() {
+        navigator.clipboard.writeText(tootUrl)
+        copyBtn.innerText = '✅'
+        setTimeout(() => copyBtn.innerText = '📋', 3000)
+    }
+    copyBtn.addEventListener("click", copyTootLink)
 })
diff --git a/layouts/_partials/posts/fediverse-form.html b/layouts/_partials/posts/fediverse-form.html
index 08ccaa69..585cb1ef 100644
--- a/layouts/_partials/posts/fediverse-form.html
+++ b/layouts/_partials/posts/fediverse-form.html
@@ -1,8 +1,12 @@
 {{ if .Params.toot }}
 <div class="flex flex-col gap-2">
     <h4 class="text-sm font-semibold m-0">{{ T "actionMenu.fediverse" }}</h4>
-        <input type="text" id="fediverse-instance" placeholder="{{ T "actionMenu.fediversePlaceholder" }}" class="text-sm px-2 py-1 border border-neutral-300 dark:border-neutral-600 rounded bg-transparent">
-    <button id="fediform-button" class="text-xs px-2 py-1 bg-neutral-200 dark:bg-neutral-600 rounded hover:bg-neutral-300 dark:hover:bg-neutral-500 transition-colors">{{ T "actionMenu.openToot" }}</button>
+    <input type="text" id="fediverse-instance" placeholder="{{ T "actionMenu.fediversePlaceholder" }}" class="text-sm px-2 py-1 border border-neutral-300 dark:border-neutral-600 rounded bg-transparent dark:text-white">
+    <div class="flex gap-2">
+        <button id="fediform-copy-button" class="text-xs px-2 py-1 bg-neutral-100 dark:bg-neutral-700 rounded hover:bg-neutral-200 dark:hover:bg-neutral-700 transition-colors">📋</button>
+
+        <button id="fediform-button" class="w-full text-xs px-2 py-1 bg-neutral-200 dark:bg-neutral-600 rounded hover:bg-neutral-300 dark:hover:bg-neutral-500 transition-colors">{{ T "actionMenu.openToot" }}</button>
+    </div>
 </div>
 <script>
     const tootUrl = '{{ .Params.toot }}'
diff --git a/layouts/_partials/posts/webmention-form.html b/layouts/_partials/posts/webmention-form.html
index 65062592..4430961b 100644
--- a/layouts/_partials/posts/webmention-form.html
+++ b/layouts/_partials/posts/webmention-form.html
@@ -1,6 +1,6 @@
 <form action="https://webmention.io/www.geedea.pro/webmention" method="POST" class="flex flex-col gap-2">
     <h4 class="text-sm font-semibold m-0">{{ T "actionMenu.webmention" }}</h4>
-    <input type="url" name="source" placeholder="{{ T "actionMenu.webmentionPlaceholder" }}" class="text-sm px-2 py-1 border border-neutral-300 dark:border-neutral-600 rounded bg-transparent">
+    <input type="url" name="source" placeholder="{{ T "actionMenu.webmentionPlaceholder" }}" class="text-sm px-2 py-1 border border-neutral-300 dark:border-neutral-600 rounded bg-transparent dark:text-white">
     <input type="hidden" name="target" value="{{ .Permalink }}">
     <button type="submit" class="text-xs px-2 py-1 bg-neutral-200 dark:bg-neutral-600 rounded hover:bg-neutral-300 dark:hover:bg-neutral-500 transition-colors">{{ T "actionMenu.send" }}</button>
 </form>
-- 
cgit v1.2.3