Use brand styling for save actions

src/components/Comment.svelte

@@ -202,6 +202,7 @@
             {emptyBodyTooltip}
             {disableAttachments}
             borderVariant="ghost"
+            submitVariant="secondary"
             submitInProgress={state === "submit"}
             submitCaption="Save"
             placeholder="Leave a comment"

src/components/CommentToggleInput.svelte

@@ -55,6 +55,7 @@
     {rid}
     {placeholder}
     borderVariant="ghost"
+    submitActiveVariant="secondary"
     submitInProgress={state === "submit"}
     {focus}
     stylePadding="0.5rem 0.75rem"

src/components/ExtendedTextarea.svelte

@@ -22,6 +22,8 @@
     rid: string;
     placeholder?: string;
     submitCaption?: string;
+    submitVariant?: ComponentProps<typeof Button>["variant"];
+    submitActiveVariant?: ComponentProps<typeof Button>["variant"];
     focus?: boolean;
     inline?: boolean;
     body?: string;
@@ -56,6 +58,8 @@
     rid,
     placeholder = "Leave your comment",
     submitCaption = "Comment",
+    submitVariant = "ghost",
+    submitActiveVariant = undefined,
     focus = false,
     inline = false,
     body = $bindable(""),
@@ -79,6 +83,11 @@
   const attachDisabledReason = $derived(
     typeof attachDisabled === "string" ? attachDisabled : undefined,
   );
+  const effectiveSubmitVariant = $derived(
+    body.trim().length > 0 && submitActiveVariant !== undefined
+      ? submitActiveVariant
+      : submitVariant,
+  );
 
   let selectionStart = $state(body.length);
   let selectionEnd = $state(body.length);
@@ -364,7 +373,7 @@
         {preview ? "Edit" : "Preview"}
       </Button>
       <Button
-        variant="ghost"
+        variant={effectiveSubmitVariant}
         title={emptyBodyTooltip}
         disabled={!isValid() ||
           submitInProgress ||

src/components/Thread.svelte

@@ -112,6 +112,7 @@
           {rid}
           placeholder="Reply to comment"
           submitCaption="Reply"
+          submitActiveVariant="secondary"
           focus
           close={() => (showReplyForm = false)}
           submit={async ({ comment, embeds }) => {

src/modals/CreateIssue.svelte

@@ -163,6 +163,7 @@
       disableSubmit={title.trim() === ""}
       disallowEmptyBody
       styleMinHeight="20rem"
+      submitVariant="secondary"
       submitCaption="Save"
       hideDiscard
       close={hide}