From 655e1736ca40e371b68309669d9ef4fb384cd9c9 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Sat, 7 Feb 2026 03:53:21 +0000
Subject: [PATCH 1/2] Standardize all ascent icons to consistent subtle grey

Use neutral[400] (#9CA3AF) grey for all ascent status icons (success
and failure) across the app: AscentStatus, logbook view, logbook
section, activity feed tags, and tick button/action badges.

https://claude.ai/code/session_01Ub8h9ZesSBHynefXpW2SH4
---
 packages/web/app/components/activity-feed/ascents-feed.tsx    | 4 ++--
 .../web/app/components/climb-actions/actions/tick-action.tsx  | 3 +--
 packages/web/app/components/logbook/logbook-section.tsx       | 2 +-
 packages/web/app/components/logbook/logbook-view.tsx          | 4 ++--
 packages/web/app/components/logbook/tick-button.tsx           | 3 +--
 packages/web/app/components/queue-control/queue-list-item.tsx | 4 ++--
 6 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/packages/web/app/components/activity-feed/ascents-feed.tsx b/packages/web/app/components/activity-feed/ascents-feed.tsx
index 8916a72a2..3ad900ee7 100644
--- a/packages/web/app/components/activity-feed/ascents-feed.tsx
+++ b/packages/web/app/components/activity-feed/ascents-feed.tsx
@@ -69,10 +69,10 @@ const getGroupStatusSummary = (group: GroupedAscentFeedItem): { text: string; ic
   let color: string;
   if (group.flashCount > 0) {
     icon = <ThunderboltOutlined />;
-    color = 'gold';
+    color = 'default';
   } else if (group.sendCount > 0) {
     icon = <CheckCircleOutlined />;
-    color = 'green';
+    color = 'default';
   } else {
     icon = <CloseCircleOutlined />;
     color = 'default';
diff --git a/packages/web/app/components/climb-actions/actions/tick-action.tsx b/packages/web/app/components/climb-actions/actions/tick-action.tsx
index 5eedbd343..04d63056b 100644
--- a/packages/web/app/components/climb-actions/actions/tick-action.tsx
+++ b/packages/web/app/components/climb-actions/actions/tick-action.tsx
@@ -42,7 +42,6 @@ export function TickAction({
     );
   }, [logbook, climb, angle]);
 
-  const hasSuccessfulAscent = filteredLogbook.some((asc) => asc.is_ascent);
   const badgeCount = filteredLogbook.length;
 
   const handleClick = useCallback((e?: React.MouseEvent) => {
@@ -91,7 +90,7 @@ export function TickAction({
   const iconSize = size === 'small' ? 14 : size === 'large' ? 20 : 16;
 
   const icon = <CheckOutlined style={{ fontSize: iconSize }} />;
-  const badgeColor = hasSuccessfulAscent ? 'cyan' : 'red';
+  const badgeColor = '#9CA3AF';
 
   const drawers = (
     <>
diff --git a/packages/web/app/components/logbook/logbook-section.tsx b/packages/web/app/components/logbook/logbook-section.tsx
index e06ddd391..5a9c0c393 100644
--- a/packages/web/app/components/logbook/logbook-section.tsx
+++ b/packages/web/app/components/logbook/logbook-section.tsx
@@ -66,7 +66,7 @@ export const LogbookSection: React.FC<LogbookSectionProps> = ({ climb }) => {
         {summary.totalAttempts} attempt{summary.totalAttempts !== 1 ? 's' : ''} in {summary.sessionCount} session{summary.sessionCount !== 1 ? 's' : ''}
       </Text>
       {summary.successfulAscents > 0 && (
-        <Tag icon={<CheckCircleOutlined />} color="success">
+        <Tag icon={<CheckCircleOutlined />} color="default">
           {summary.successfulAscents} send{summary.successfulAscents !== 1 ? 's' : ''}
         </Tag>
       )}
diff --git a/packages/web/app/components/logbook/logbook-view.tsx b/packages/web/app/components/logbook/logbook-view.tsx
index 8b836cc97..0698c10e1 100644
--- a/packages/web/app/components/logbook/logbook-view.tsx
+++ b/packages/web/app/components/logbook/logbook-view.tsx
@@ -41,9 +41,9 @@ export const LogbookView: React.FC<LogbookViewProps> = ({ currentClimb }) => {
                 <>
                   <Tag color="blue">{ascent.angle}°</Tag>
                   {ascent.is_ascent ? (
-                    <CheckOutlined style={{ color: '#52c41a' }} />
+                    <CheckOutlined style={{ color: '#9CA3AF' }} />
                   ) : (
-                    <CloseOutlined style={{ color: '#ff4d4f' }} />
+                    <CloseOutlined style={{ color: '#9CA3AF' }} />
                   )}
                 </>
               )}
diff --git a/packages/web/app/components/logbook/tick-button.tsx b/packages/web/app/components/logbook/tick-button.tsx
index 45cf04e4b..bc1773cf4 100644
--- a/packages/web/app/components/logbook/tick-button.tsx
+++ b/packages/web/app/components/logbook/tick-button.tsx
@@ -43,7 +43,6 @@ export const TickButton: React.FC<TickButtonProps> = ({ currentClimb, angle, boa
     () => logbook.filter((asc) => asc.climb_uuid === currentClimb?.uuid && Number(asc.angle) === angle),
     [logbook, currentClimb?.uuid, angle],
   );
-  const hasSuccessfulAscent = filteredLogbook.some((asc) => asc.is_ascent);
   const badgeCount = filteredLogbook.length;
 
   return (
@@ -52,7 +51,7 @@ export const TickButton: React.FC<TickButtonProps> = ({ currentClimb, angle, boa
         count={badgeCount > 0 ? badgeCount : 0}
         overflowCount={100}
         showZero={false}
-        color={hasSuccessfulAscent ? 'cyan' : 'red'}
+        color="#9CA3AF"
       >
         <Button id="button-tick" type={buttonType} icon={<CheckOutlined />} onClick={showDrawer} />
       </Badge>
diff --git a/packages/web/app/components/queue-control/queue-list-item.tsx b/packages/web/app/components/queue-control/queue-list-item.tsx
index 5fd10ead6..09cd211fa 100644
--- a/packages/web/app/components/queue-control/queue-list-item.tsx
+++ b/packages/web/app/components/queue-control/queue-list-item.tsx
@@ -68,7 +68,7 @@ export const AscentStatus = ({ climbUuid, fontSize }: { climbUuid: ClimbUuid; fo
           </div>
         ) : null}
         {!hasSuccessfulMirroredAscent && !hasSuccessfulAscent ? (
-          <CloseOutlined className={styles.ascentIconRegular} style={{ color: themeTokens.colors.error, fontSize }} />
+          <CloseOutlined className={styles.ascentIconRegular} style={{ color: themeTokens.neutral[400], fontSize }} />
         ) : null}
       </div>
     );
@@ -78,7 +78,7 @@ export const AscentStatus = ({ climbUuid, fontSize }: { climbUuid: ClimbUuid; fo
   return hasSuccessfulAscent ? (
     <CheckOutlined style={{ color: themeTokens.neutral[400], fontSize }} />
   ) : (
-    <CloseOutlined style={{ color: themeTokens.colors.error, fontSize }} />
+    <CloseOutlined style={{ color: themeTokens.neutral[400], fontSize }} />
   );
 };
 

From 3fcd22b5c3c13769f1b6c8d3976b586d049b2363 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Sat, 7 Feb 2026 04:45:38 +0000
Subject: [PATCH 2/2] Replace hardcoded #9CA3AF with themeTokens.neutral[400]

Use design tokens consistently instead of hardcoded color values
in logbook-view, tick-button, and tick-action components.

https://claude.ai/code/session_01Ub8h9ZesSBHynefXpW2SH4
---
 .../web/app/components/climb-actions/actions/tick-action.tsx | 2 +-
 packages/web/app/components/logbook/logbook-view.tsx         | 5 +++--
 packages/web/app/components/logbook/tick-button.tsx          | 3 ++-
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/web/app/components/climb-actions/actions/tick-action.tsx b/packages/web/app/components/climb-actions/actions/tick-action.tsx
index 04d63056b..ae78d3dd0 100644
--- a/packages/web/app/components/climb-actions/actions/tick-action.tsx
+++ b/packages/web/app/components/climb-actions/actions/tick-action.tsx
@@ -90,7 +90,7 @@ export function TickAction({
   const iconSize = size === 'small' ? 14 : size === 'large' ? 20 : 16;
 
   const icon = <CheckOutlined style={{ fontSize: iconSize }} />;
-  const badgeColor = '#9CA3AF';
+  const badgeColor = themeTokens.neutral[400];
 
   const drawers = (
     <>
diff --git a/packages/web/app/components/logbook/logbook-view.tsx b/packages/web/app/components/logbook/logbook-view.tsx
index 0698c10e1..9478ba8ab 100644
--- a/packages/web/app/components/logbook/logbook-view.tsx
+++ b/packages/web/app/components/logbook/logbook-view.tsx
@@ -3,6 +3,7 @@ import { Card, Rate, Tag, Typography, Space, Flex, Empty } from 'antd';
 import { CheckOutlined, CloseOutlined } from '@ant-design/icons';
 import { Climb } from '@/app/lib/types';
 import { useBoardProvider } from '../board-provider/board-provider-context';
+import { themeTokens } from '@/app/theme/theme-config';
 import dayjs from 'dayjs';
 
 const { Text } = Typography;
@@ -41,9 +42,9 @@ export const LogbookView: React.FC<LogbookViewProps> = ({ currentClimb }) => {
                 <>
                   <Tag color="blue">{ascent.angle}°</Tag>
                   {ascent.is_ascent ? (
-                    <CheckOutlined style={{ color: '#9CA3AF' }} />
+                    <CheckOutlined style={{ color: themeTokens.neutral[400] }} />
                   ) : (
-                    <CloseOutlined style={{ color: '#9CA3AF' }} />
+                    <CloseOutlined style={{ color: themeTokens.neutral[400] }} />
                   )}
                 </>
               )}
diff --git a/packages/web/app/components/logbook/tick-button.tsx b/packages/web/app/components/logbook/tick-button.tsx
index bc1773cf4..813635641 100644
--- a/packages/web/app/components/logbook/tick-button.tsx
+++ b/packages/web/app/components/logbook/tick-button.tsx
@@ -8,6 +8,7 @@ import { track } from '@vercel/analytics';
 import { LogAscentDrawer } from './log-ascent-drawer';
 import AuthModal from '../auth/auth-modal';
 import { constructClimbInfoUrl } from '@/app/lib/url-utils';
+import { themeTokens } from '@/app/theme/theme-config';
 
 const { Text, Paragraph } = Typography;
 
@@ -51,7 +52,7 @@ export const TickButton: React.FC<TickButtonProps> = ({ currentClimb, angle, boa
         count={badgeCount > 0 ? badgeCount : 0}
         overflowCount={100}
         showZero={false}
-        color="#9CA3AF"
+        color={themeTokens.neutral[400]}
       >
         <Button id="button-tick" type={buttonType} icon={<CheckOutlined />} onClick={showDrawer} />
       </Badge>