Links hover colors

realstoman · realstoman · commit bcd9e3318fd0 · 2022-01-17T13:18:10.000+04:30
diff --git a/src/components/shared/AppHeaderLinks.vue b/src/components/shared/AppHeaderLinks.vue
@@ -6,19 +6,19 @@
 	>
 		<router-link
 			to="/projects"
-			class="font-general-medium block text-left text-lg font-medium text-primary-dark dark:text-ternary-light hover:text-secondary-dark dark:hover:text-secondary-light  sm:mx-4 mb-2 sm:py-2 "
+			class="font-general-medium block text-left text-lg font-medium text-primary-dark dark:text-ternary-light hover:text-indigo-600 dark:hover:text-indigo-300  sm:mx-4 mb-2 sm:py-2 "
 			aria-label="Projects"
 			>Projects</router-link
 		>
 		<router-link
 			to="/about"
-			class="font-general-medium block text-left text-lg font-medium text-primary-dark dark:text-ternary-light hover:text-secondary-dark dark:hover:text-secondary-light  sm:mx-4 mb-2 sm:py-2 border-t-2 pt-3 sm:pt-2 sm:border-t-0 border-primary-light dark:border-secondary-dark"
+			class="font-general-medium block text-left text-lg font-medium text-primary-dark dark:text-ternary-light hover:text-indigo-600 dark:hover:text-indigo-300  sm:mx-4 mb-2 sm:py-2 border-t-2 pt-3 sm:pt-2 sm:border-t-0 border-primary-light dark:border-secondary-dark"
 			aria-label="About Me"
 			>About Me</router-link
 		>
 		<router-link
 			to="/contact"
-			class="font-general-medium block text-left text-lg font-medium text-primary-dark dark:text-ternary-light hover:text-secondary-dark dark:hover:text-secondary-light  sm:mx-4 mb-2 sm:py-2 border-t-2 pt-3 sm:pt-2 sm:border-t-0 border-primary-light dark:border-secondary-dark"
+			class="font-general-medium block text-left text-lg font-medium text-primary-dark dark:text-ternary-light hover:text-indigo-600 dark:hover:text-indigo-300  sm:mx-4 mb-2 sm:py-2 border-t-2 pt-3 sm:pt-2 sm:border-t-0 border-primary-light dark:border-secondary-dark"
 			aria-label="Contact"
 			>Contact</router-link
 		>
diff --git a/src/components/shared/FooterCopyright.vue b/src/components/shared/FooterCopyright.vue
@@ -7,15 +7,15 @@
 			<a
 				href="https://github.com/realstoman/vuejs-tailwindcss-portfolio"
 				target="__blank"
-				class="hover:underline"
+				class="hover:underline hover:text-indigo-600 dark:hover:text-indigo-300"
 			>
 				Vue.js & TailwindCSS Portfolio
 			</a>
 			.
 			<a
 				href="https://stoman.me"
 				target="__blank"
-				class="text-secondary-dark dark:text-secondary-light font-medium uppercase hover:underline"
+				class="text-secondary-dark dark:text-secondary-light font-medium uppercase hover:underline hover:text-indigo-600 dark:hover:text-indigo-300"
 				>Stoman</a
 			>
 		</div>

Original file line number	Diff line number	Diff line change
`@@ -6,19 +6,19 @@`
`6`	`6`	`>`
`7`	`7`	`<router-link`
`8`	`8`	`to="/projects"`
`9`		`- class="font-general-medium block text-left text-lg font-medium text-primary-dark dark:text-ternary-light hover:text-secondary-dark dark:hover:text-secondary-light sm:mx-4 mb-2 sm:py-2 "`
	`9`	`+ class="font-general-medium block text-left text-lg font-medium text-primary-dark dark:text-ternary-light hover:text-indigo-600 dark:hover:text-indigo-300 sm:mx-4 mb-2 sm:py-2 "`
`10`	`10`	`aria-label="Projects"`
`11`	`11`	`>Projects</router-link`
`12`	`12`	`>`
`13`	`13`	`<router-link`
`14`	`14`	`to="/about"`
`15`		`- class="font-general-medium block text-left text-lg font-medium text-primary-dark dark:text-ternary-light hover:text-secondary-dark dark:hover:text-secondary-light sm:mx-4 mb-2 sm:py-2 border-t-2 pt-3 sm:pt-2 sm:border-t-0 border-primary-light dark:border-secondary-dark"`
	`15`	`+ class="font-general-medium block text-left text-lg font-medium text-primary-dark dark:text-ternary-light hover:text-indigo-600 dark:hover:text-indigo-300 sm:mx-4 mb-2 sm:py-2 border-t-2 pt-3 sm:pt-2 sm:border-t-0 border-primary-light dark:border-secondary-dark"`
`16`	`16`	`aria-label="About Me"`
`17`	`17`	`>About Me</router-link`
`18`	`18`	`>`
`19`	`19`	`<router-link`
`20`	`20`	`to="/contact"`
`21`		`- class="font-general-medium block text-left text-lg font-medium text-primary-dark dark:text-ternary-light hover:text-secondary-dark dark:hover:text-secondary-light sm:mx-4 mb-2 sm:py-2 border-t-2 pt-3 sm:pt-2 sm:border-t-0 border-primary-light dark:border-secondary-dark"`
	`21`	`+ class="font-general-medium block text-left text-lg font-medium text-primary-dark dark:text-ternary-light hover:text-indigo-600 dark:hover:text-indigo-300 sm:mx-4 mb-2 sm:py-2 border-t-2 pt-3 sm:pt-2 sm:border-t-0 border-primary-light dark:border-secondary-dark"`
`22`	`22`	`aria-label="Contact"`
`23`	`23`	`>Contact</router-link`
`24`	`24`	`>`
Original file line number	Diff line number	Diff line change
`@@ -7,15 +7,15 @@`
`7`	`7`	`<a`
`8`	`8`	`href="https://github.com/realstoman/vuejs-tailwindcss-portfolio"`
`9`	`9`	`target="__blank"`
`10`		`- class="hover:underline"`
	`10`	`+ class="hover:underline hover:text-indigo-600 dark:hover:text-indigo-300"`
`11`	`11`	`>`
`12`	`12`	`Vue.js & TailwindCSS Portfolio`
`13`	`13`	`</a>`
`14`	`14`	`.`
`15`	`15`	`<a`
`16`	`16`	`href="https://stoman.me"`
`17`	`17`	`target="__blank"`
`18`		`- class="text-secondary-dark dark:text-secondary-light font-medium uppercase hover:underline"`
	`18`	`+ class="text-secondary-dark dark:text-secondary-light font-medium uppercase hover:underline hover:text-indigo-600 dark:hover:text-indigo-300"`
`19`	`19`	`>Stoman</a`
`20`	`20`	`>`
`21`	`21`	`</div>`