From 4cea97a61725119cf6a5d5bcb883a24be71f2676 Mon Sep 17 00:00:00 2001
From: David <dbeuttel@dconc.gov>
Date: Wed, 29 Apr 2026 09:55:53 -0400
Subject: [PATCH] Rebrand to Trailhead

- Tray tooltip: "Trailhead Path Bookmarker"
- Popup header: "Trailhead"
- electron-builder productName: "Trailhead"
- New tray icon: orange mountain peak with pennant flag (replaces folder
  pictogram). Tuned to 2px-min strokes so it survives downscaling to the
  16-24px Windows tray
- Hide scrollbars across all scroll surfaces (popup, columns row, tab
  strip) while keeping scroll behavior intact
---
 assets/tray-icon.png     | Bin 122 -> 188 bytes
 electron/main.js         |   2 +-
 package.json             |   2 +-
 scripts/generate-icon.js |  51 ++++++++++++++++++++++++++-------------
 src/components/Popup.jsx |   2 +-
 src/styles/index.css     |  13 ++++++++++
 6 files changed, 50 insertions(+), 20 deletions(-)

diff --git a/assets/tray-icon.png b/assets/tray-icon.png
index d791b3c978c2578b8477374bf245e4643852d3a6..a90bd80afb8e8f2de249dc46a688b5a7f7bd3cca 100644
GIT binary patch
delta 159
zcmV;Q0AT-myaA9Te}hRxK~#90?b5LgfG`Y1(Tv3$G>k&SEOZRT7Hkldf(9ibiG4l<
zKFRfeiV}iPux%V-Iy&H3m+U#<KLB{>wE(lH&TXHkn2z!aSDc2R0`75BL@92DpaP!a
zP(*DUhM)pk<En_>xEg{Akj6y_t#~(r3eb)>AyDxu1UfGI8I-<H?*zK?JplWEa?Jn$
N002ovPDHLkV1j3WL;(N*

delta 92
zcmdnPST#W<%+b@uF{ENna)Jcw;sg;Mvx3bwf9wq_t}q_H%y=Y<?{IXI%!xxG#SA-v
vLW}t%N)N1Hc9S)D)o}22L!bedn+gNN<pp{EQ+cP}VgLe9S3j3^P6<r_X?-HP

diff --git a/electron/main.js b/electron/main.js
index 52be6e5..89542ec 100644
--- a/electron/main.js
+++ b/electron/main.js
@@ -471,7 +471,7 @@ function addBookmarkInternal({ id, alias, path: pathValue, color, columnId, hide
 function createTray() {
   const image = nativeImage.createFromPath(getIconPath());
   tray = new Tray(image.isEmpty() ? nativeImage.createEmpty() : image);
-  tray.setToolTip('Folder Bookmark Tray');
+  tray.setToolTip('Trailhead Path Bookmarker');
   tray.setContextMenu(buildContextMenu());
   tray.on('click', togglePopup);
 }
diff --git a/package.json b/package.json
index d8b0d38..71a86f9 100644
--- a/package.json
+++ b/package.json
@@ -29,7 +29,7 @@
   },
   "build": {
     "appId": "com.dbeuttel.folder-bookmark-tray",
-    "productName": "Folder Bookmark Tray",
+    "productName": "Trailhead",
     "files": [
       "electron/**/*",
       "dist/**/*",
diff --git a/scripts/generate-icon.js b/scripts/generate-icon.js
index 1c80cf0..51a066c 100644
--- a/scripts/generate-icon.js
+++ b/scripts/generate-icon.js
@@ -1,6 +1,8 @@
-// Generates assets/tray-icon.png — a 32x32 folder pictogram in orange on a
-// transparent background. No external image deps; raw PNG bytes via zlib.
-// Replace with a designer asset when one is available.
+// Generates assets/tray-icon.png — Trailhead branding: a mountain peak with
+// a small pennant flag at the summit, in the app's accent orange. Tuned for
+// recognizability at Windows tray sizes (16-24px) by keeping every stroke
+// at least 2 source pixels wide so it survives downscaling.
+// No external image deps; raw PNG bytes via zlib.
 
 const fs = require('fs');
 const path = require('path');
@@ -9,26 +11,41 @@ const zlib = require('zlib');
 const SIZE = 32;
 const OUT = path.join(__dirname, '..', 'assets', 'tray-icon.png');
 
-const ORANGE = [217, 119, 87, 255];
-const ORANGE_DARK = [180, 92, 64, 255];
+const ORANGE = [217, 119, 87, 255];       // #d97757
+const ORANGE_DARK = [165, 82, 56, 255];   // shadow on right slope + pole
+const ORANGE_LIGHT = [240, 158, 124, 255]; // peak highlight + flag
 const TRANSPARENT = [0, 0, 0, 0];
 
+// Mountain triangle: peak at (15-16, 8), base spans (2-29, 27).
+function mountainHalfWidth(y) {
+  if (y < 8 || y > 27) return -1;
+  // Linear from 1 at y=8 (peak ~2px) to 14 at y=27 (~28px base).
+  return Math.floor(((y - 8) * 13) / 19) + 1;
+}
+
 function colorAt(x, y) {
-  // Folder tab (top): smaller rectangle on the left
-  const tabLeft = 4, tabRight = 13, tabTop = 7, tabBottom = 11;
-  // Folder body: larger rectangle below
-  const bodyLeft = 3, bodyRight = 28, bodyTop = 11, bodyBottom = 25;
+  // Flag pole — vertical 2px column from y=2 down to where it meets the peak.
+  if ((x === 15 || x === 16) && y >= 2 && y <= 8) return ORANGE_DARK;
 
-  const inTab = x >= tabLeft && x <= tabRight && y >= tabTop && y <= tabBottom;
-  const inBody = x >= bodyLeft && x <= bodyRight && y >= bodyTop && y <= bodyBottom;
+  // Flag pennant — rectangle to the right of the pole.
+  if (y >= 3 && y <= 6 && x >= 17 && x <= 22) return ORANGE_LIGHT;
 
-  if (!inTab && !inBody) return TRANSPARENT;
+  // Mountain body.
+  const hw = mountainHalfWidth(y);
+  if (hw > 0) {
+    const cx = 15;
+    const left = cx - hw + 1;
+    const right = cx + hw;
+    if (x >= left && x <= right) {
+      // Right slope shadow — last 2 columns on the right edge of each row.
+      if (x >= right - 1 && hw > 1) return ORANGE_DARK;
+      // Soft peak highlight — top 2 rows, painted lighter.
+      if (y <= 9) return ORANGE_LIGHT;
+      return ORANGE;
+    }
+  }
 
-  // Soft top edge on body where the tab steps down — paints a single-row
-  // shadow line to give the folder some dimension at small sizes.
-  if (inBody && y === bodyTop && x > tabRight + 1) return ORANGE_DARK;
-
-  return ORANGE;
+  return TRANSPARENT;
 }
 
 function buildRawImage() {
diff --git a/src/components/Popup.jsx b/src/components/Popup.jsx
index f8987fb..a3d4b99 100644
--- a/src/components/Popup.jsx
+++ b/src/components/Popup.jsx
@@ -152,7 +152,7 @@ export default function Popup({
     <div className="popup">
       <div className="popup-inner" ref={rootRef}>
         <div className="popup-header drag-region">
-          <h1>Folder Bookmarks</h1>
+          <h1>Trailhead</h1>
           <div className="header-actions">
             {!creatingColumn ? (
               <button
diff --git a/src/styles/index.css b/src/styles/index.css
index 268dcf9..79d92b1 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -15,6 +15,19 @@
 
 * { box-sizing: border-box; }
 
+/* Hide scrollbars on every scroll surface. The popup still scrolls when
+   content exceeds the auto-resized window (or the columns row exceeds the
+   horizontal cap), but the chrome itself stays clean. */
+* {
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+*::-webkit-scrollbar {
+  width: 0;
+  height: 0;
+  display: none;
+}
+
 html, body, #root {
   margin: 0;
   padding: 0;