diff --git a/src/pages/index.astro b/src/pages/index.astro
index a95c0a4..f4abe02 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -28,10 +28,10 @@ const integrationPills = [
   { name: 'Spotify', icon: siIcon(siSpotify), color: '#1DB954' },
   { name: 'Hue', icon: siIcon(siPhilipshue), color: '#0065D3' },
   { name: 'Obsidian', icon: siIcon(siObsidian), color: '#7C3AED' },
-  { name: 'Twitter', icon: siIcon(siX), color: '#FFFFFF' },
+  { name: 'Twitter', icon: siIcon(siX), color: 'var(--text-primary)' },
   { name: 'Browser', icon: siIcon(siGooglechrome), color: '#4285F4' },
   { name: 'Gmail', icon: siIcon(siGmail), color: '#EA4335' },
-  { name: 'GitHub', icon: siIcon(siGithub), color: '#FFFFFF' },
+  { name: 'GitHub', icon: siIcon(siGithub), color: 'var(--text-primary)' },
 ];
 
 // Split top 30 into two rows for carousel