From 4bb7c1ffb57e38990340786065d61d620fda26e9 Mon Sep 17 00:00:00 2001
From: Jared Vititoe <jjvititoe1@gmail.com>
Date: Sun, 14 Jun 2026 17:37:27 -0400
Subject: [PATCH] fix(ui): replace hardcoded Cinny blue in polls with TDS
 tokens

Selected option borders and backgrounds used rgba(var(--mx-primary-rgb,
0,132,255), ...) which rendered as the default Cinny blue, ignoring the
Lotus Terminal Design System palette. Replaced with --accent-cyan,
--accent-cyan-dim, --accent-cyan-border, and --border-color.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/app/components/message/content/PollContent.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/app/components/message/content/PollContent.tsx b/src/app/components/message/content/PollContent.tsx
index 6642e16ec..38bf674ac 100644
--- a/src/app/components/message/content/PollContent.tsx
+++ b/src/app/components/message/content/PollContent.tsx
@@ -283,9 +283,9 @@ export function PollContent({
                 padding: '7px 12px',
                 borderRadius: '8px',
                 background: selected
-                  ? 'rgba(var(--mx-primary-rgb, 0,132,255), 0.12)'
+                  ? 'var(--accent-cyan-dim)'
                   : 'rgba(255,255,255,0.04)',
-                border: `1.5px solid ${selected ? 'rgba(var(--mx-primary-rgb, 0,132,255), 0.7)' : 'rgba(255,255,255,0.12)'}`,
+                border: `1.5px solid ${selected ? 'var(--accent-cyan)' : 'var(--border-color)'}`,
                 fontSize: '0.88rem',
                 lineHeight: 1.4,
                 textAlign: 'left',
@@ -309,7 +309,7 @@ export function PollContent({
                     right: 'auto',
                     width: `${pct}%`,
                     background: selected
-                      ? 'rgba(var(--mx-primary-rgb, 0,132,255), 0.08)'
+                      ? 'var(--accent-cyan-dim)'
                       : 'rgba(255,255,255,0.03)',
                     pointerEvents: 'none',
                     transition: 'width 0.3s ease',
@@ -325,9 +325,9 @@ export function PollContent({
                       flexShrink: 0,
                       width: '14px',
                       height: '14px',
-                      border: `1.5px solid ${selected ? 'rgba(var(--mx-primary-rgb, 0,132,255), 0.9)' : 'rgba(255,255,255,0.3)'}`,
+                      border: `1.5px solid ${selected ? 'var(--accent-cyan)' : 'var(--accent-cyan-border)'}`,
                       borderRadius: '3px',
-                      background: selected ? 'rgba(var(--mx-primary-rgb, 0,132,255), 0.8)' : 'none',
+                      background: selected ? 'var(--accent-cyan)' : 'none',
                       display: 'flex',
                       alignItems: 'center',
                       justifyContent: 'center',
@@ -345,9 +345,9 @@ export function PollContent({
                       flexShrink: 0,
                       width: '14px',
                       height: '14px',
-                      border: `1.5px solid ${selected ? 'rgba(var(--mx-primary-rgb, 0,132,255), 0.9)' : 'rgba(255,255,255,0.3)'}`,
+                      border: `1.5px solid ${selected ? 'var(--accent-cyan)' : 'var(--accent-cyan-border)'}`,
                       borderRadius: '50%',
-                      background: selected ? 'rgba(var(--mx-primary-rgb, 0,132,255), 0.8)' : 'none',
+                      background: selected ? 'var(--accent-cyan)' : 'none',
                       transition: 'all 0.15s',
                     }}
                   />