diff --git a/components/IntroTextarea.js b/components/IntroTextarea.js
index 1a6af65..681fcf8 100644
--- a/components/IntroTextarea.js
+++ b/components/IntroTextarea.js
@@ -1,4 +1,4 @@
-import React, { useContext, forwardRef } from "react";
+import React, { forwardRef } from "react";
 import { ACTIONS } from "../pages/_app";
 import FormLabel from "./forms/FormLabel";
 import FormTextarea from "./forms/FormTextarea";
diff --git a/components/Logo.js b/components/Logo.js
index 4bdf780..abbb4f7 100644
--- a/components/Logo.js
+++ b/components/Logo.js
@@ -1,7 +1,6 @@
 import React, { useContext } from "react";
 import { StateContext } from "../pages/_app";
 import Link from "next/link";
-import { motion } from "framer-motion";
 
 const Logo = () => {
   const { state, dispatch } = useContext(StateContext);
diff --git a/components/buttons/ThemeSwitch.js b/components/buttons/ThemeSwitch.js
index 88172b8..8d769d7 100644
--- a/components/buttons/ThemeSwitch.js
+++ b/components/buttons/ThemeSwitch.js
@@ -1,9 +1,6 @@
 import React, { useState, useContext, useEffect } from "react";
 import { StateContext } from "../../pages/_app";
 import { useTheme } from "next-themes";
-import { motion } from "framer-motion";
-import { outerContainer } from "../../lib/framerMotion";
-import { logoItem } from "../../lib/framerMotion";
 
 const ThemeSwitch = () => {
   const { state, dispatch } = useContext(StateContext);
diff --git a/components/layout.js b/components/layout.js
index a229366..2692beb 100644
--- a/components/layout.js
+++ b/components/layout.js
@@ -1,13 +1,9 @@
-import React, { useEffect, useContext, useRef, useState } from "react";
+import React, { useContext } from "react";
 import Head from "next/head";
-import Image from "next/image";
 import Link from "next/link";
-import { useTheme } from "next-themes";
 // Import state and actions
 import { ACTIONS } from "../pages/_app";
 import { StateContext } from "../pages/_app";
-import { disableBodyScroll, enableBodyScroll } from "body-scroll-lock";
-import { colorStore } from "../pages/_app";
 // Import components
 import MenuItem from "../components/buttons/MenuItem";
 import CopyrightLabel from "./misc/SidebarFooter";
diff --git a/components/layouts/FormLayout.js b/components/layouts/FormLayout.js
index 3f15ade..f53ac57 100644
--- a/components/layouts/FormLayout.js
+++ b/components/layouts/FormLayout.js
@@ -1,18 +1,13 @@
-import React, { useEffect, useContext, useRef, useState } from "react";
+import React, { useEffect, useContext, useRef } from "react";
 import Head from "next/head";
-import Image from "next/image";
 import Link from "next/link";
-import { useTheme } from "next-themes";
 // Import state and actions
 import { ACTIONS } from "../../pages/_app";
 import { StateContext } from "../../pages/_app";
-import { disableBodyScroll, enableBodyScroll } from "body-scroll-lock";
-import { colorStore } from "../../pages/_app";
 // Import components
 import MenuItem from "../buttons/MenuItem";
 import SidebarFooter from "../misc/SidebarFooter";
 let TurndownService = require("turndown").default;
-import LeaveFeedback from "../buttons/LeaveFeedback";
 import CopyModal from "../modals/CopyModal";
 import HamburgerMenuIcon from "../buttons/HamburgerMenuIcon";
 import ThemeSwitch from "../buttons/ThemeSwitch";
diff --git a/components/misc/SidebarFooter.js b/components/misc/SidebarFooter.js
index 0027500..79d2d09 100644
--- a/components/misc/SidebarFooter.js
+++ b/components/misc/SidebarFooter.js
@@ -1,5 +1,4 @@
 import React from "react";
-import Link from "next/link";
 import GitHubIcon from "./GitHubIcon";
 import XIcon from "./XIcon";
 
diff --git a/components/sections/Skills.js b/components/sections/Skills.js
index 12d2eee..bacdff2 100644
--- a/components/sections/Skills.js
+++ b/components/sections/Skills.js
@@ -1,4 +1,4 @@
-import React, { useRef } from "react";
+import React from "react";
 import NextSection from "../buttons/NextSection";
 import PreviousSection from "../buttons/PreviousSection";
 import IconSelector from "../IconSelector";
diff --git a/components/sections/Socials.js b/components/sections/Socials.js
index c9dd73d..f1e1597 100644
--- a/components/sections/Socials.js
+++ b/components/sections/Socials.js
@@ -3,7 +3,6 @@ import { ACTIONS } from "../../pages/_app";
 import { StateContext } from "../../pages/_app";
 import NextSection from "../buttons/NextSection";
 import PreviousSection from "../buttons/PreviousSection";
-import IconSelector from "../IconSelector";
 import SectionHeader from "../SectionHeader";
 import SocialItem from "../../components/SocialItem";
 
diff --git a/pages/_app.js b/pages/_app.js
index ed2c328..1226282 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -938,6 +938,7 @@ const initialState = {
     },
     hashnode: {
       path: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/hashnode.svg",
+      pathDark: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/hashnode-dark.svg",
       linkPrefix: "https://",
       linkSuffix: "",
       linkSuffixTwo: ".hashnode.dev",
@@ -965,26 +966,31 @@ const initialState = {
     },
     polywork: {
       path: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/polywork.svg",
+      pathDark: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/polywork-dark.svg",
       linkPrefix: "https://www.polywork.com/",
       linkSuffix: "",
     },
     twitch: {
       path: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/twitch.svg",
+      pathDark: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/twitch-dark.svg",
       linkPrefix: "https://www.twitch.tv/",
       linkSuffix: "",
     },
     youtube: {
       path: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/youtube.svg",
+      pathDark: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/youtube-dark.svg",
       linkPrefix: "https://www.youtube.com/@",
       linkSuffix: "",
     },
     discord: {
       path: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/discord.svg",
+      pathDark: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/discord-dark.svg",
       linkPrefix: "https://discord.com/users/",
       linkSuffix: "",
     },
     instagram: {
       path: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/instagram.svg",
+      darkPath: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/instagram-dark.svg",
       linkPrefix: "http://www.instagram.com/",
       linkSuffix: "",
     },
@@ -997,11 +1003,13 @@ const initialState = {
     },
     dribbble: {
       path: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/dribbble.svg",
+      darkPath: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/dribbble-dark.svg",
       linkPrefix: "https://www.dribbble.com/",
       linkSuffix: "",
     },
     behance: {
       path: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/behance.svg",
+      darkPath: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/behance-dark.svg",
       linkPrefix: "https://www.behance.com/",
       linkSuffix: "",
     },
@@ -1021,11 +1029,13 @@ const initialState = {
     },
     stackoverflow: {
       path: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/stackoverflow.svg",
+      darkPath: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/stackoverflow-dark.svg",
       linkPrefix: "https://www.stackoverflow.com/users/",
       linkSuffix: "",
     },
     rss: {
       path: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/rss.svg",
+      darkPath: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/rss-dark.svg",
       linkPrefix: "https://",
       linkSuffix: "",
     },
diff --git a/pages/changelog.js b/pages/changelog.js
index fbe89b9..c03bd5a 100644
--- a/pages/changelog.js
+++ b/pages/changelog.js
@@ -2,7 +2,6 @@ import React, { useContext } from "react";
 import { MicroButton } from "../components/buttons/MicroButton";
 import LandingLayout from "../components/layouts/LandingLayout";
 import GitHubIcon from "../components/misc/GitHubIcon";
-import { ACTIONS } from "./_app";
 import { StateContext } from "./_app";
 
 export default function Changelog() {
diff --git a/pages/index.js b/pages/index.js
index 43b0e8a..781584e 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -1,7 +1,6 @@
 import React, { useContext } from "react";
 import LandingLayout from "../components/layouts/LandingLayout";
 import Image from "next/image";
-import Link from "next/link";
 import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
 import { nord } from "react-syntax-highlighter/dist/cjs/styles/prism";
 import { StateContext } from "./_app";
diff --git a/public/icons/socials/behance-dark.svg b/public/icons/socials/behance-dark.svg
new file mode 100644
index 0000000..ea5fb29
--- /dev/null
+++ b/public/icons/socials/behance-dark.svg
@@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Behance</title><path d="M16.969 16.927a2.561 2.561 0 0 0 1.901.677 2.501 2.501 0 0 0 1.531-.475c.362-.235.636-.584.779-.99h2.585a5.091 5.091 0 0 1-1.9 2.896 5.292 5.292 0 0 1-3.091.88 5.839 5.839 0 0 1-2.284-.433 4.871 4.871 0 0 1-1.723-1.211 5.657 5.657 0 0 1-1.08-1.874 7.057 7.057 0 0 1-.383-2.393c-.005-.8.129-1.595.396-2.349a5.313 5.313 0 0 1 5.088-3.604 4.87 4.87 0 0 1 2.376.563c.661.362 1.231.87 1.668 1.485a6.2 6.2 0 0 1 .943 2.133c.194.821.263 1.666.205 2.508h-7.699c-.063.79.184 1.574.688 2.187ZM6.947 4.084a8.065 8.065 0 0 1 1.928.198 4.29 4.29 0 0 1 1.49.638c.418.303.748.711.958 1.182.241.579.357 1.203.341 1.83a3.506 3.506 0 0 1-.506 1.961 3.726 3.726 0 0 1-1.503 1.287 3.588 3.588 0 0 1 2.027 1.437c.464.747.697 1.615.67 2.494a4.593 4.593 0 0 1-.423 2.032 3.945 3.945 0 0 1-1.163 1.413 5.114 5.114 0 0 1-1.683.807 7.135 7.135 0 0 1-1.928.259H0V4.084h6.947Zm-.235 12.9c.308.004.616-.029.916-.099a2.18 2.18 0 0 0 .766-.332c.228-.158.411-.371.534-.619.142-.317.208-.663.191-1.009a2.08 2.08 0 0 0-.642-1.715 2.618 2.618 0 0 0-1.696-.505h-3.54v4.279h3.471Zm13.635-5.967a2.13 2.13 0 0 0-1.654-.619 2.336 2.336 0 0 0-1.163.259 2.474 2.474 0 0 0-.738.62 2.359 2.359 0 0 0-.396.792c-.074.239-.12.485-.137.734h4.769a3.239 3.239 0 0 0-.679-1.785l-.002-.001Zm-13.813-.648a2.254 2.254 0 0 0 1.423-.433c.399-.355.607-.88.56-1.413a1.916 1.916 0 0 0-.178-.891 1.298 1.298 0 0 0-.495-.533 1.851 1.851 0 0 0-.711-.274 3.966 3.966 0 0 0-.835-.073H3.241v3.631h3.293v-.014ZM21.62 5.122h-5.976v1.527h5.976V5.122Z"/></svg>
\ No newline at end of file
diff --git a/public/icons/socials/discord-dark.svg b/public/icons/socials/discord-dark.svg
new file mode 100644
index 0000000..9d7796b
--- /dev/null
+++ b/public/icons/socials/discord-dark.svg
@@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Discord</title><path d="M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z"/></svg>
\ No newline at end of file
diff --git a/public/icons/socials/dribbble-dark.svg b/public/icons/socials/dribbble-dark.svg
new file mode 100644
index 0000000..130a6f5
--- /dev/null
+++ b/public/icons/socials/dribbble-dark.svg
@@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Dribbble</title><path d="M12 24C5.385 24 0 18.615 0 12S5.385 0 12 0s12 5.385 12 12-5.385 12-12 12zm10.12-10.358c-.35-.11-3.17-.953-6.384-.438 1.34 3.684 1.887 6.684 1.992 7.308 2.3-1.555 3.936-4.02 4.395-6.87zm-6.115 7.808c-.153-.9-.75-4.032-2.19-7.77l-.066.02c-5.79 2.015-7.86 6.025-8.04 6.4 1.73 1.358 3.92 2.166 6.29 2.166 1.42 0 2.77-.29 4-.814zm-11.62-2.58c.232-.4 3.045-5.055 8.332-6.765.135-.045.27-.084.405-.12-.26-.585-.54-1.167-.832-1.74C7.17 11.775 2.206 11.71 1.756 11.7l-.004.312c0 2.633.998 5.037 2.634 6.855zm-2.42-8.955c.46.008 4.683.026 9.477-1.248-1.698-3.018-3.53-5.558-3.8-5.928-2.868 1.35-5.01 3.99-5.676 7.17zM9.6 2.052c.282.38 2.145 2.914 3.822 6 3.645-1.365 5.19-3.44 5.373-3.702-1.81-1.61-4.19-2.586-6.795-2.586-.825 0-1.63.1-2.4.285zm10.335 3.483c-.218.29-1.935 2.493-5.724 4.04.24.49.47.985.68 1.486.08.18.15.36.22.53 3.41-.43 6.8.26 7.14.33-.02-2.42-.88-4.64-2.31-6.38z"/></svg>
\ No newline at end of file
diff --git a/public/icons/socials/hashnode-dark.svg b/public/icons/socials/hashnode-dark.svg
new file mode 100644
index 0000000..c991f6b
--- /dev/null
+++ b/public/icons/socials/hashnode-dark.svg
@@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Hashnode</title><path d="M22.351 8.019l-6.37-6.37a5.63 5.63 0 0 0-7.962 0l-6.37 6.37a5.63 5.63 0 0 0 0 7.962l6.37 6.37a5.63 5.63 0 0 0 7.962 0l6.37-6.37a5.63 5.63 0 0 0 0-7.962zM12 15.953a3.953 3.953 0 1 1 0-7.906 3.953 3.953 0 0 1 0 7.906z"/></svg>
\ No newline at end of file
diff --git a/public/icons/socials/instagram-dark.svg b/public/icons/socials/instagram-dark.svg
new file mode 100644
index 0000000..c0e86b0
--- /dev/null
+++ b/public/icons/socials/instagram-dark.svg
@@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Instagram</title><path d="M7.0301.084c-1.2768.0602-2.1487.264-2.911.5634-.7888.3075-1.4575.72-2.1228 1.3877-.6652.6677-1.075 1.3368-1.3802 2.127-.2954.7638-.4956 1.6365-.552 2.914-.0564 1.2775-.0689 1.6882-.0626 4.947.0062 3.2586.0206 3.6671.0825 4.9473.061 1.2765.264 2.1482.5635 2.9107.308.7889.72 1.4573 1.388 2.1228.6679.6655 1.3365 1.0743 2.1285 1.38.7632.295 1.6361.4961 2.9134.552 1.2773.056 1.6884.069 4.9462.0627 3.2578-.0062 3.668-.0207 4.9478-.0814 1.28-.0607 2.147-.2652 2.9098-.5633.7889-.3086 1.4578-.72 2.1228-1.3881.665-.6682 1.0745-1.3378 1.3795-2.1284.2957-.7632.4966-1.636.552-2.9124.056-1.2809.0692-1.6898.063-4.948-.0063-3.2583-.021-3.6668-.0817-4.9465-.0607-1.2797-.264-2.1487-.5633-2.9117-.3084-.7889-.72-1.4568-1.3876-2.1228C21.2982 1.33 20.628.9208 19.8378.6165 19.074.321 18.2017.1197 16.9244.0645 15.6471.0093 15.236-.005 11.977.0014 8.718.0076 8.31.0215 7.0301.0839m.1402 21.6932c-1.17-.0509-1.8053-.2453-2.2287-.408-.5606-.216-.96-.4771-1.3819-.895-.422-.4178-.6811-.8186-.9-1.378-.1644-.4234-.3624-1.058-.4171-2.228-.0595-1.2645-.072-1.6442-.079-4.848-.007-3.2037.0053-3.583.0607-4.848.05-1.169.2456-1.805.408-2.2282.216-.5613.4762-.96.895-1.3816.4188-.4217.8184-.6814 1.3783-.9003.423-.1651 1.0575-.3614 2.227-.4171 1.2655-.06 1.6447-.072 4.848-.079 3.2033-.007 3.5835.005 4.8495.0608 1.169.0508 1.8053.2445 2.228.408.5608.216.96.4754 1.3816.895.4217.4194.6816.8176.9005 1.3787.1653.4217.3617 1.056.4169 2.2263.0602 1.2655.0739 1.645.0796 4.848.0058 3.203-.0055 3.5834-.061 4.848-.051 1.17-.245 1.8055-.408 2.2294-.216.5604-.4763.96-.8954 1.3814-.419.4215-.8181.6811-1.3783.9-.4224.1649-1.0577.3617-2.2262.4174-1.2656.0595-1.6448.072-4.8493.079-3.2045.007-3.5825-.006-4.848-.0608M16.953 5.5864A1.44 1.44 0 1 0 18.39 4.144a1.44 1.44 0 0 0-1.437 1.4424M5.8385 12.012c.0067 3.4032 2.7706 6.1557 6.173 6.1493 3.4026-.0065 6.157-2.7701 6.1506-6.1733-.0065-3.4032-2.771-6.1565-6.174-6.1498-3.403.0067-6.156 2.771-6.1496 6.1738M8 12.0077a4 4 0 1 1 4.008 3.9921A3.9996 3.9996 0 0 1 8 12.0077"/></svg>
\ No newline at end of file
diff --git a/public/icons/socials/polywork-dark.svg b/public/icons/socials/polywork-dark.svg
new file mode 100644
index 0000000..a28f39e
--- /dev/null
+++ b/public/icons/socials/polywork-dark.svg
@@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Polywork</title><path d="M19.125 0H4.875A4.865 4.865 0 0 0 0 4.875v14.25C0 21.825 2.175 24 4.875 24h6.6c2.7 0 4.875-2.175 4.875-4.875V16.65h2.775c2.7 0 4.875-2.175 4.875-4.875v-6.9C24 2.175 21.825 0 19.125 0zM16.5 1.275h2.625a3.6 3.6 0 0 1 3.6 3.6v2.7H16.5v-6.3zM15.075 9v6.45H8.85V9h6.225zM8.85 1.2h6.225v6.375H8.85V1.2zM1.275 4.8a3.6 3.6 0 0 1 3.6-3.6H7.5v6.375H1.275V4.8zM7.5 9v6.45H1.2V9h6.3zm0 13.725H4.8a3.6 3.6 0 0 1-3.6-3.6V16.8h6.3v5.925zm7.575-3.525a3.6 3.6 0 0 1-3.6 3.6H8.85v-5.925h6.225V19.2zm7.65-7.35a3.6 3.6 0 0 1-3.6 3.6H16.5V9h6.225v2.85z"/></svg>
\ No newline at end of file
diff --git a/public/icons/socials/rss-dark.svg b/public/icons/socials/rss-dark.svg
new file mode 100644
index 0000000..14a6f3f
--- /dev/null
+++ b/public/icons/socials/rss-dark.svg
@@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>RSS</title><path d="M19.199 24C19.199 13.467 10.533 4.8 0 4.8V0c13.165 0 24 10.835 24 24h-4.801zM3.291 17.415c1.814 0 3.293 1.479 3.293 3.295 0 1.813-1.485 3.29-3.301 3.29C1.47 24 0 22.526 0 20.71s1.475-3.294 3.291-3.295zM15.909 24h-4.665c0-6.169-5.075-11.245-11.244-11.245V8.09c8.727 0 15.909 7.184 15.909 15.91z"/></svg>
\ No newline at end of file
diff --git a/public/icons/socials/stackoverflow-dark.svg b/public/icons/socials/stackoverflow-dark.svg
new file mode 100644
index 0000000..ab83808
--- /dev/null
+++ b/public/icons/socials/stackoverflow-dark.svg
@@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Stack Overflow</title><path d="M15.725 0l-1.72 1.277 6.39 8.588 1.716-1.277L15.725 0zm-3.94 3.418l-1.369 1.644 8.225 6.85 1.369-1.644-8.225-6.85zm-3.15 4.465l-.905 1.94 9.702 4.517.904-1.94-9.701-4.517zm-1.85 4.86l-.44 2.093 10.473 2.201.44-2.092-10.473-2.203zM1.89 15.47V24h19.19v-8.53h-2.133v6.397H4.021v-6.396H1.89zm4.265 2.133v2.13h10.66v-2.13H6.154Z"/></svg>
\ No newline at end of file
diff --git a/public/icons/socials/twitch-dark.svg b/public/icons/socials/twitch-dark.svg
new file mode 100644
index 0000000..8aaa4a9
--- /dev/null
+++ b/public/icons/socials/twitch-dark.svg
@@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Twitch</title><path d="M11.571 4.714h1.715v5.143H11.57zm4.715 0H18v5.143h-1.714zM6 0L1.714 4.286v15.428h5.143V24l4.286-4.286h3.428L22.286 12V0zm14.571 11.143l-3.428 3.428h-3.429l-3 3v-3H6.857V1.714h13.714Z"/></svg>
\ No newline at end of file
diff --git a/public/icons/socials/youtube-dark.svg b/public/icons/socials/youtube-dark.svg
new file mode 100644
index 0000000..0492366
--- /dev/null
+++ b/public/icons/socials/youtube-dark.svg
@@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>YouTube</title><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg>
\ No newline at end of file