diff --git a/components/util/socialIcons.tsx b/components/util/socialIcons.tsx
index 6b4e832434..a88ee62d06 100644
--- a/components/util/socialIcons.tsx
+++ b/components/util/socialIcons.tsx
@@ -33,7 +33,7 @@ export enum SocialTypes {
const socialStyles = new Map<
SocialTypes,
- { icon: IconType; bgClassName: string }
+ { icon: IconType; bgClassName: string; fill?: string }
>([
[
SocialTypes.phone,
@@ -89,6 +89,7 @@ const socialStyles = new Map<
{
icon: FaGithub,
bgClassName: "bg-social-github",
+ fill: "black",
},
],
[
@@ -150,7 +151,7 @@ export const SocialIcons = (data?: SocialIconsParams) => {
key={social.type}
href={URL}
className={classNames(
- "unstyled flex h-12 cursor-pointer items-center justify-center rounded-lg text-xl hover:bg-ssw-black hover:bg-none",
+ "unstyled flex h-12 cursor-pointer items-center justify-center rounded-lg text-xl hover:opacity-70",
styling.bgClassName,
TEXT ? "w-fit shrink-0" : "w-12",
{ "px-5": TEXT },
@@ -161,10 +162,11 @@ export const SocialIcons = (data?: SocialIconsParams) => {
title={social.title}
target={social.openInSameWindow ? "_self" : "_blank"}
rel="noreferrer nofollow"
+ prefetch={false}
>
{TEXT && (
diff --git a/tailwind.config.js b/tailwind.config.js
index b23dca45c4..1a39187218 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -55,7 +55,7 @@ module.exports = {
facebook: "#3b5998",
xtwitter: "#000",
tiktok: "#000",
- github: "#2C2C2C",
+ github: "#fff",
meetup: "#f05664",
},
sswRed: "#cc4141",