From 36d3fd970807d1dc2f7ff4130caf11279724d88c Mon Sep 17 00:00:00 2001
From: Lichen Dev Agent <agent@localhost>
Date: Sun, 23 Aug 2026 00:21:06 +0000
Subject: [PATCH] Open contributions buttons: 'Suggest Edit'/'Suggest Note' labels + orange

- editor save/submit buttons are orange and read 'Suggest Edit' (note edit) /
  'Suggest Note' (new note) in contribution mode
- larger orange contribution button token
- rebuild CSS so the orange utilities are emitted
---
 src/views/edit-note.ts | 16 ++++++++++++----
 src/views/new-note.ts | 8 ++++++--
 src/views/theme/index.ts | 1 +
 src/views/theme/tokens.ts | 3 +++
 4 file(s) changed, 22 insertion(s)(+), 6 deletion(s)(-)

diff --git a/src/views/edit-note.ts b/src/views/edit-note.ts
--- a/src/views/edit-note.ts
+++ b/src/views/edit-note.ts
@@ -3,7 +3,12 @@ import { t } from "../lib/i18n/index.ts";
 import { editNoteUrl, noteUrl } from "../lib/urls.ts";
 import type { WikiIdentity } from "../lib/wiki-identity.ts";
 import { type LayoutOptions, layout } from "./layout.ts";
-import { inputClass, primaryButtonClass, THEME } from "./theme/index.ts";
+import {
+	contributionButtonClass,
+	inputClass,
+	primaryButtonClass,
+	THEME,
+} from "./theme/index.ts";
 
 export interface CollabEditOptions {
 	enabled: boolean;
@@ -35,8 +40,11 @@ const reviewBanner = contributionMode
 		? `<p class="mb-4 text-sm ${THEME.textMuted}">${msg.openContribution.reviewerBanner}</p>`
 		: "";
 	const saveLabel = contributionMode
-		? msg.openContribution.contribute
+		? msg.openContribution.suggestEdit
 		: msg.editor.save;
+	const saveButtonClass = contributionMode
+		? contributionButtonClass
+		: primaryButtonClass;
 
 	const collabAttrs = collab?.enabled
 		? `
@@ -109,7 +117,7 @@ type="submit"
           data-action="open-dialog"
           data-target="save-dialog"
           data-focus="#message"
-          class="shrink-0 ${primaryButtonClass}"
+          class="shrink-0 ${saveButtonClass}"
         >${saveLabel}</button>
         ${
 					contributionMode
@@ -148,7 +156,7 @@ type="button"
               data-action="close-parent-dialog"
               class="text-sm ${THEME.textMuted} hover:underline cursor-pointer"
             >${msg.editor.cancel}</button>
-            <button type="submit" class="${primaryButtonClass}">${msg.editor.save}</button>
+            <button type="submit" class="${saveButtonClass}">${saveLabel}</button>
           </div>
         </div>
       </dialog>
diff --git a/src/views/new-note.ts b/src/views/new-note.ts
--- a/src/views/new-note.ts
+++ b/src/views/new-note.ts
@@ -4,6 +4,7 @@ import { newNoteUrl, wikiUrl } from "../lib/urls.ts";
 import type { WikiIdentity } from "../lib/wiki-identity.ts";
 import { type LayoutOptions, layout } from "./layout.ts";
 import {
+	contributionButtonClass,
 	errorBanner,
 	inputClass,
 	outlineSmallButtonClass,
@@ -30,8 +31,11 @@ const contributionBanner = options?.canSubmitContribution
 		? `<p class="mb-4 text-sm ${THEME.textMuted}">${msg.openContribution.reviewerBanner}</p>`
 		: "";
 	const submitLabel = options?.canSubmitContribution
-		? msg.openContribution.contribute
+		? msg.openContribution.suggestNote
 		: msg.editor.createNote;
+	const submitButtonClass = options?.canSubmitContribution
+		? contributionButtonClass
+		: primaryButtonClass;
 
 	const titleValue = escapeHtml(options?.titleValue ?? "");
 	const escapedContent = escapeHtml(options?.contentValue ?? "");
@@ -77,7 +81,7 @@ </div>
       </div>
       <textarea id="content" name="content" style="display:none">${escapedContent}</textarea>
       <div class="flex items-center gap-3">
-        <button type="submit" class="${primaryButtonClass}">${submitLabel}</button>
+        <button type="submit" class="${submitButtonClass}">${submitLabel}</button>
         <a href="${wikiUrl(wiki.handle, wiki.slug)}" class="text-sm ${THEME.textMuted} hover:underline">${msg.editor.cancel}</a>
       </div>
     </form>
diff --git a/src/views/theme/index.ts b/src/views/theme/index.ts
--- a/src/views/theme/index.ts
+++ b/src/views/theme/index.ts
@@ -7,6 +7,7 @@ type UserTheme,
 	type WikiThemeMode,
 } from "./resolve.ts";
 export {
+	contributionButtonClass,
 	contributionSmallButtonClass,
 	dangerButtonClass,
 	dangerSmallButtonClass,
diff --git a/src/views/theme/tokens.ts b/src/views/theme/tokens.ts
--- a/src/views/theme/tokens.ts
+++ b/src/views/theme/tokens.ts
@@ -61,6 +61,9 @@ export const denseInputClass = `${inputClass} md:py-1.5`;
 
 export const primaryButtonClass = `inline-flex items-center justify-center ${touchTargetClass} px-4 py-2 bg-[var(--accent)] text-[var(--accent-foreground)] text-sm font-medium rounded hover:bg-[var(--accent-hover)]`;
 
+// Larger orange action button for submitting an open contribution from the editor.
+export const contributionButtonClass = `inline-flex items-center justify-center ${touchTargetClass} px-4 py-2 bg-[#f97316] text-white text-sm font-medium rounded hover:bg-[#ea580c]`;
+
 export const primarySmallButtonClass = `inline-flex items-center justify-center ${touchTargetClass} px-3 py-1.5 bg-[var(--accent)] text-[var(--accent-foreground)] text-sm font-medium rounded hover:bg-[var(--accent-hover)]`;
 
 export const outlineSmallButtonClass = `inline-flex items-center justify-center ${touchTargetClass} px-3 py-1.5 border border-[var(--accent)] ${THEME.accentText} text-sm font-medium rounded ${THEME.accentSoft}`;

--
tangled.sh