From 5b98e56c84783c46e0de043b9729c245be6ad902 Mon Sep 17 00:00:00 2001
From: Adam Soltys <adam@coinos.io>
Date: Thu, 1 Oct 2026 19:17:47 -0700
Subject: Use a two-tone paper and green pen icon for new posts

---
 src/features/messages.js | 3 ++-
 src/style.css            | 3 +++
 2 files changed, 5 insertions(+), 1 deletion(-)

(limited to 'src')

diff --git a/src/features/messages.js b/src/features/messages.js
index 6d33cc3..1559f06 100644
--- a/src/features/messages.js
+++ b/src/features/messages.js
@@ -8392,7 +8392,8 @@ export function messagesFeature(ctx) {
             try { window.scrollTo({ top: 0, behavior: 'smooth' }); } catch { window.scrollTo(0, 0); }
             setTimeout(() => document.querySelector('.post-input')?.focus(), 60);
           },
-        }, h('span', { style: 'display:flex', html: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display:block"><path d="M12 20h9"/><path d="M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4Z"/></svg>' }), h('span', {}, t('feedPostFab'))),
+        }, h('span', { class: 'feed-compose-icon', 'aria-hidden': 'true', html:
+          '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path stroke="currentColor" d="M12 4H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-6"/><path stroke="currentColor" opacity=".5" d="M8 17h5"/><path class="compose-pen-fill" d="m16.5 3.5 3 3-8 8-4 1 1-4Z"/><path class="compose-pen" d="M16.5 3.5a2.1 2.1 0 0 1 3 3l-8 8-4 1 1-4Z"/><path class="compose-pen" d="m14.5 5.5 3 3"/></svg>' }), h('span', {}, t('feedPostFab'))),
         visitor ? null : postComposer(),
         def.of && !ofLoaded(def)
           ? h('div', { class: 'row gap6', style: 'justify-content:center;align-items:center;padding:12px 0' },
diff --git a/src/style.css b/src/style.css
index c7aec59..9c2f083 100644
--- a/src/style.css
+++ b/src/style.css
@@ -837,6 +837,9 @@ html.no-scroll { overflow: hidden; scrollbar-gutter: auto; }
   padding: 12px 18px; border-radius: 999px; font-weight: 600;
   box-shadow: 0 4px 14px rgba(0, 0, 0, .22);
 }
+.feed-compose-icon { display: flex; flex-shrink: 0; }
+.feed-compose-icon .compose-pen { stroke: #14935a; }
+.feed-compose-icon .compose-pen-fill { fill: #14935a; opacity: .18; }
 .feed-page .feed-new-pill {
   bottom: calc(env(safe-area-inset-bottom, 0px) + 82px);
 }
-- 
cgit v1.2.3