More socials

web/config/tailwind.config.js

@@ -7,6 +7,14 @@ import {
   SiYoutubeHex,
   SiLinkedinHex,
   SiGithubHex,
+  SiGiteaHex,
+  SiLeetcodeHex,
+  SiSteamHex,
+  SiDiscordHex,
+  SiTwitchHex,
+  SiForgejoHex,
+  SiGitlabHex,
+  SiBitbucketHex,
 } from '@icons-pack/react-simple-icons'
 
 const invertColor = (hex) => {
@@ -36,6 +44,9 @@ export const theme = {
     maxWidth: {
       68: '17rem',
     },
+    height: {
+      128: '32rem',
+    },
     aspectRatio: {
       portrait: '4 / 5',
     },
@@ -84,6 +95,19 @@ export const theme = {
         light: SiYoutubeHex,
         dark: SiYoutubeHex,
       },
+
+      steam: {
+        light: SiSteamHex,
+        dark: invertColor(SiSteamHex),
+      },
+      discord: {
+        light: SiDiscordHex,
+        dark: SiDiscordHex,
+      },
+      twitch: {
+        light: SiTwitchHex,
+        dark: SiTwitchHex,
+      },
       linkedin: {
         light: SiLinkedinHex,
         dark: SiLinkedinHex,
@@ -92,6 +116,26 @@ export const theme = {
         light: SiGithubHex,
         dark: invertColor(SiGithubHex),
       },
+      gitea: {
+        light: SiGiteaHex,
+        dark: SiGiteaHex,
+      },
+      forgejo: {
+        light: SiForgejoHex,
+        dark: SiForgejoHex,
+      },
+      gitlab: {
+        light: SiGitlabHex,
+        dark: SiGitlabHex,
+      },
+      bitbucket: {
+        light: SiBitbucketHex,
+        dark: SiBitbucketHex,
+      },
+      leetcode: {
+        light: SiLeetcodeHex,
+        dark: SiLeetcodeHex,
+      },
     },
   },
 }