add respective brand colors to icons on hover

This commit is contained in:
Artem 2023-05-13 21:30:27 +02:00
parent 7d5c5d7bf2
commit 93c87bfa5d

View File

@ -7,19 +7,19 @@ import { Icon } from "astro-icon";
<Icon name="mdi:github" />
</a>
<a href="https://discord.com/users/134306884617371648" target="_blank">
<Icon title="artie#9307" name="mdi:discord" />
<Icon class="hover:text-[#5865F2]" title="artie#9307" name="mdi:discord" />
</a>
<a rel="me" href="https://infosec.exchange/@artie" target="_blank">
<Icon title="@artie@infosec.exchange" name="mdi:mastodon" />
<Icon class="hover:text-[#6364FF]" title="@artie@infosec.exchange" name="mdi:mastodon" />
</a>
<a href="https://twitter.com/artiepun" target="_blank">
<Icon name="mdi:twitter" />
<Icon class="hover:text-[#1DA1F2]" name="mdi:twitter" />
</a>
<a href="https://anilist.co/user/artie" target="_blank">
<Icon name="simple-icons:anilist" />
<Icon class="hover:text-[#02A9FF]" name="simple-icons:anilist" />
</a>
<a href="https://megumin.eu" target="_blank">
<Icon name="wizard-hat" />
<Icon class="hover:text-[#C24448]" name="wizard-hat" />
</a>
</div>