feat: add purple hover effect to 'Roadmap' text

VenomousKnight · VenomousKnight · commit bf87ef45988e · 2025-05-11T20:20:29.000+03:00
diff --git a/components/layout/Header.tsx b/components/layout/Header.tsx
@@ -285,7 +285,7 @@ const Header = () => {
                     className='flex items-center transition-colors duration-200 hover:text-[var(--accent-color)]'
                     style={{ color: 'var(--fc-primary)' }}
                   >
-                    <span className='font-medium'>Roadmap</span>
+                    <span className='font-medium hover:text-purple-400'>Roadmap</span>
                     <svg
                       className={`ml-1 h-4 w-4 transition-transform duration-200 ${isRoadmapDropdownOpen ? 'rotate-180' : ''}`}
                       fill='none'

Original file line number	Diff line number	Diff line change
`@@ -285,7 +285,7 @@ const Header = () => {`
`285`	`285`	`className='flex items-center transition-colors duration-200 hover:text-[var(--accent-color)]'`
`286`	`286`	`style={{ color: 'var(--fc-primary)' }}`
`287`	`287`	`>`
`288`		`- <span className='font-medium'>Roadmap</span>`
	`288`	`+ <span className='font-medium hover:text-purple-400'>Roadmap</span>`
`289`	`289`	`<svg`
`290`	`290`	className={`ml-1 h-4 w-4 transition-transform duration-200 ${isRoadmapDropdownOpen ? 'rotate-180' : ''}`}
`291`	`291`	`fill='none'`