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',
                     }}
                   />