LotusGuild/cinny
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): replace hardcoded Cinny blue in polls with TDS tokens
CI / Build & Quality Checks (push) Successful in 10m31s
Details
Trigger Desktop Build / trigger (push) Successful in 19s
Details

Browse Source 
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>
This commit is contained in:
Jared Vititoe
2026-06-14 17:37:27 -04:00
parent 388a934665
commit 4bb7c1ffb5
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/components/message/content/PollContent.tsx
+7 -7
View File
@@ -283,9 +283,9 @@ export function PollContent({
padding: '7px 12px', padding: '7px 12px',
borderRadius: '8px', borderRadius: '8px',
background: selected background: selected
? 'rgba(var(--mx-primary-rgb, 0,132,255), 0.12)' ? 'var(--accent-cyan-dim)'
: 'rgba(255,255,255,0.04)', : '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', fontSize: '0.88rem',
lineHeight: 1.4, lineHeight: 1.4,
textAlign: 'left', textAlign: 'left',
@@ -309,7 +309,7 @@ export function PollContent({
right: 'auto', right: 'auto',
width: `${pct}%`, width: `${pct}%`,
background: selected background: selected
? 'rgba(var(--mx-primary-rgb, 0,132,255), 0.08)' ? 'var(--accent-cyan-dim)'
: 'rgba(255,255,255,0.03)', : 'rgba(255,255,255,0.03)',
pointerEvents: 'none', pointerEvents: 'none',
transition: 'width 0.3s ease', transition: 'width 0.3s ease',
@@ -325,9 +325,9 @@ export function PollContent({
flexShrink: 0, flexShrink: 0,
width: '14px', width: '14px',
height: '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', borderRadius: '3px',
background: selected ? 'rgba(var(--mx-primary-rgb, 0,132,255), 0.8)' : 'none', background: selected ? 'var(--accent-cyan)' : 'none',
display: 'flex', display: 'flex',
alignItems: 'center', alignItems: 'center',
justifyContent: 'center', justifyContent: 'center',
@@ -345,9 +345,9 @@ export function PollContent({
flexShrink: 0, flexShrink: 0,
width: '14px', width: '14px',
height: '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%', 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', transition: 'all 0.15s',
}} }}
/> />