diff --git a/README.md b/README.md
index a24953c..c3158d6 100644
--- a/README.md
+++ b/README.md
@@ -37,17 +37,53 @@ Catppuccin is a community-driven pastel theme that aims to be the middle ground
 </p>
 
 <p align="center">
-<a href="https://github.com/catppuccin"><img src="assets/social/latte_github.svg" width="64" height="64" alt="Github Logo"/></a>
-<img src="assets/misc/transparent.png" height="1" width="5"/>
-<a href="https://www.npmjs.com/org/catppuccin"><img src="assets/social/latte_npm.svg" width="64" height="64" alt="Npm Logo"/></a>
-<img src="assets/misc/transparent.png" height="1" width="5"/>
-<a href="https://discord.gg/r6Mdz5dpFc"><img src="assets/social/latte_discord.svg" width="64" height="64" alt="Discord Logo"/></a>
-<img src="assets/misc/transparent.png" height="1" width="5"/>
-<a href="https://twitter.com/catppuccintheme"><img src="assets/social/latte_twitter.svg" width="64" height="64" alt="Twitter Logo"/></a>
-<img src="assets/misc/transparent.png" height="1" width="5"/>
-<a href="https://fosstodon.org/@catppuccin"><img src="assets/social/latte_mastodon.svg" width="64" height="64" alt="Mastodon Logo"/></a>
-<img src="assets/misc/transparent.png" height="1" width="5"/>
-<a href="https://reddit.com/r/catppuccin"><img src="assets/social/latte_reddit.svg" width="64" height="64" alt="Reddit Logo"/></a>
+  <a href="https://github.com/catppuccin">
+    <picture>
+      <source srcset="assets/social/macchiato_github.svg" width="64" height="64" alt="Github Logo" media="(prefers-color-scheme: dark)"/>
+      <source srcset="assets/social/latte_github.svg" width="64" height="64" alt="Github Logo" media="(prefers-color-scheme: latte), (prefers-color-scheme: no-preference)"/>
+      <img src="assets/social/latte_github.svg" width="64" height="64" alt="Github Logo"/>
+    </picture>
+  </a>
+  <img src="assets/misc/transparent.png" height="1" width="5"/>
+  <a href="https://www.npmjs.com/org/catppuccin">
+    <picture>
+      <source srcset="assets/social/macchiato_npm.svg" width="64" height="64" alt="NPM Logo" media="(prefers-color-scheme: dark)"/>
+      <source srcset="assets/social/latte_npm.svg" width="64" height="64" alt="NPM Logo" media="(prefers-color-scheme: latte), (prefers-color-scheme: no-preference)"/>
+      <img src="assets/social/latte_npm.svg" width="64" height="64" alt="NPM Logo"/>
+    </picture>
+  </a>
+  <img src="assets/misc/transparent.png" height="1" width="5"/>
+  <a href="https://discord.gg/r6Mdz5dpFc">
+    <picture>
+      <source srcset="assets/social/macchiato_discord.svg" width="64" height="64" alt="Discord Logo" media="(prefers-color-scheme: dark)"/>
+      <source srcset="assets/social/latte_discord.svg" width="64" height="64" alt="Discord Logo" media="(prefers-color-scheme: latte), (prefers-color-scheme: no-preference)"/>
+      <img src="assets/social/latte_discord.svg" width="64" height="64" alt="Discord Logo"/>
+    </picture>
+  </a>
+  <img src="assets/misc/transparent.png" height="1" width="5"/>
+  <a href="https://twitter.com/catppuccintheme">
+    <picture>
+      <source srcset="assets/social/macchiato_twitter.svg" width="64" height="64" alt="Twitter Logo" media="(prefers-color-scheme: dark)"/>
+      <source srcset="assets/social/latte_twitter.svg" width="64" height="64" alt="Twitter Logo" media="(prefers-color-scheme: latte), (prefers-color-scheme: no-preference)"/>
+      <img src="assets/social/latte_twitter.svg" width="64" height="64" alt="Twitter Logo"/>
+    </picture>
+  </a>
+  <img src="assets/misc/transparent.png" height="1" width="5"/>
+  <a href="https://fosstodon.org/@catppuccin">
+    <picture>
+      <source srcset="assets/social/macchiato_mastodon.svg" width="64" height="64" alt="Mastodon Logo" media="(prefers-color-scheme: dark)"/>
+      <source srcset="assets/social/latte_mastodon.svg" width="64" height="64" alt="Mastodon Logo" media="(prefers-color-scheme: latte), (prefers-color-scheme: no-preference)"/>
+      <img src="assets/social/latte_mastodon.svg" width="64" height="64" alt="Mastodon Logo"/>
+    </picture>
+  </a>
+  <img src="assets/misc/transparent.png" height="1" width="5"/>
+  <a href="https://reddit.com/r/catppuccin">
+    <picture>
+      <source srcset="assets/social/macchiato_reddit.svg" width="64" height="64" alt="Reddit Logo" media="(prefers-color-scheme: dark)"/>
+      <source srcset="assets/social/latte_reddit.svg" width="64" height="64" alt="Reddit Logo" media="(prefers-color-scheme: latte), (prefers-color-scheme: no-preference)"/>
+      <img src="assets/social/latte_reddit.svg" width="64" height="64" alt="Reddit Logo"/>
+    </picture>
+  </a>
 </p>
 
 <p align="center">
diff --git a/assets/social/discord.png b/assets/social/discord.png
deleted file mode 100644
index c71fe21..0000000
Binary files a/assets/social/discord.png and /dev/null differ
diff --git a/assets/social/github.png b/assets/social/github.png
deleted file mode 100644
index d55cc42..0000000
Binary files a/assets/social/github.png and /dev/null differ
diff --git a/assets/social/latte_discord.svg b/assets/social/latte_discord.svg
index 88d3900..45e04b3 100644
--- a/assets/social/latte_discord.svg
+++ b/assets/social/latte_discord.svg
@@ -1,12 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg width="100%" height="100%" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
-    <g id="icons_latte">
-        <g id="background" transform="matrix(2.88315,0,0,3.85264,-30.3444,-55.1209)">
-            <ellipse cx="21.624" cy="22.613" rx="11.099" ry="8.306" style="fill:rgb(220,224,232);"/>
-        </g>
-        <g id="discord" transform="matrix(0.891251,0,0,0.891251,-3.4353,14.0286)">
-            <path d="M55.738,4.498C55.725,4.474 55.704,4.454 55.678,4.444C52.7,3.077 49.557,2.103 46.328,1.545C46.268,1.533 46.207,1.562 46.178,1.616C45.75,2.393 45.361,3.19 45.014,4.006C41.533,3.478 37.992,3.478 34.512,4.006C34.162,3.188 33.767,2.39 33.329,1.616C33.298,1.563 33.239,1.535 33.179,1.545C29.949,2.101 26.806,3.076 23.828,4.444C23.803,4.454 23.781,4.473 23.767,4.496C17.811,13.39 16.18,22.065 16.98,30.632C16.985,30.675 17.006,30.714 17.04,30.74C20.508,33.308 24.386,35.267 28.511,36.536C28.57,36.554 28.634,36.533 28.672,36.483C29.558,35.278 30.343,34.002 31.018,32.667C31.058,32.59 31.021,32.495 30.939,32.465C29.701,31.992 28.503,31.421 27.355,30.758C27.265,30.705 27.258,30.577 27.341,30.514C27.582,30.333 27.823,30.146 28.053,29.956C28.094,29.922 28.152,29.914 28.201,29.936C35.719,33.367 43.858,33.367 51.287,29.936C51.336,29.913 51.395,29.92 51.437,29.954C51.667,30.144 51.908,30.333 52.151,30.514C52.235,30.576 52.228,30.704 52.138,30.758C50.993,31.426 49.794,31.997 48.553,32.463C48.471,32.494 48.435,32.59 48.475,32.667C49.162,33.994 49.946,35.269 50.82,36.481C50.856,36.532 50.921,36.554 50.981,36.536C55.112,35.271 58.998,33.311 62.47,30.74C62.504,30.715 62.526,30.676 62.53,30.634C63.488,20.729 60.926,12.126 55.738,4.498L55.738,4.498ZM32.141,25.416C29.878,25.416 28.013,23.339 28.013,20.788C28.013,18.237 29.842,16.16 32.141,16.16C34.459,16.16 36.306,18.255 36.27,20.788C36.27,23.339 34.441,25.416 32.141,25.416ZM47.405,25.416C45.142,25.416 43.277,23.339 43.277,20.788C43.277,18.237 45.106,16.16 47.405,16.16C49.723,16.16 51.57,18.255 51.534,20.788C51.534,23.339 49.723,25.416 47.405,25.416Z" style="fill:rgb(76,79,105);fill-rule:nonzero;"/>
-        </g>
-    </g>
-</svg>
+<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><ellipse cx="21.624" cy="22.613" fill="#dce0e8" rx="11.099" ry="8.306" transform="matrix(2.88315 0 0 3.85264 -30.3444 -55.1209)"/><path d="m55.738 4.498c-.013-.024-.034-.044-.06-.054-2.978-1.367-6.121-2.341-9.35-2.899-.06-.012-.121.017-.15.071-.428.777-.817 1.574-1.164 2.39-3.481-.528-7.022-.528-10.502 0-.35-.818-.745-1.616-1.183-2.39-.031-.053-.09-.081-.15-.071-3.23.556-6.373 1.531-9.351 2.899-.025.01-.047.029-.061.052-5.956 8.894-7.587 17.569-6.787 26.136.005.043.026.082.06.108 3.468 2.568 7.346 4.527 11.471 5.796.059.018.123-.003.161-.053.886-1.205 1.671-2.481 2.346-3.816.04-.077.003-.172-.079-.202-1.238-.473-2.436-1.044-3.584-1.707-.09-.053-.097-.181-.014-.244.241-.181.482-.368.712-.558.041-.034.099-.042.148-.02 7.518 3.431 15.657 3.431 23.086 0 .049-.023.108-.016.15.018.23.19.471.379.714.56.084.062.077.19-.013.244-1.145.668-2.344 1.239-3.585 1.705-.082.031-.118.127-.078.204.687 1.327 1.471 2.602 2.345 3.814.036.051.101.073.161.055 4.131-1.265 8.017-3.225 11.489-5.796.034-.025.056-.064.06-.106.958-9.905-1.604-18.508-6.792-26.136zm-23.597 20.918c-2.263 0-4.128-2.077-4.128-4.628s1.829-4.628 4.128-4.628c2.318 0 4.165 2.095 4.129 4.628 0 2.551-1.829 4.628-4.129 4.628zm15.264 0c-2.263 0-4.128-2.077-4.128-4.628s1.829-4.628 4.128-4.628c2.318 0 4.165 2.095 4.129 4.628 0 2.551-1.811 4.628-4.129 4.628z" fill="#4c4f69" fill-rule="nonzero" transform="matrix(.891251 0 0 .891251 -3.4353 14.0286)"/></svg>
\ No newline at end of file
diff --git a/assets/social/latte_github.svg b/assets/social/latte_github.svg
index 99db1d9..ac074d7 100644
--- a/assets/social/latte_github.svg
+++ b/assets/social/latte_github.svg
@@ -1,12 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg width="100%" height="100%" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
-    <g id="icons_latte">
-        <g id="background" transform="matrix(2.88315,0,0,3.85264,-30.3444,-55.1209)">
-            <ellipse cx="21.624" cy="22.613" rx="11.099" ry="8.306" style="fill:rgb(220,224,232);"/>
-        </g>
-        <g id="github" transform="matrix(2.07452,0,0,2.00422,-0.180363,-0.105643)">
-            <path d="M13.257,21.063C13.315,20.701 13.482,20.068 13.969,19.582C13.969,19.582 8.559,19.555 8.559,13.844C8.559,11.834 9.749,10.664 9.749,10.664C9.749,10.664 9.254,8.887 9.884,7.556C9.884,7.556 11.152,7.212 13.169,8.777C13.169,8.777 14.536,8.306 16.12,8.34C17.705,8.306 19.071,8.777 19.071,8.777C21.089,7.212 22.357,7.556 22.357,7.556C22.986,8.887 22.492,10.664 22.492,10.664C22.492,10.664 23.682,11.834 23.682,13.844C23.682,19.555 18.272,19.582 18.272,19.582C18.994,20.304 19.013,21.349 19.013,21.349L19.013,25.121C19.013,25.502 18.623,25.512 18.623,25.512L13.618,25.512C13.618,25.512 13.227,25.502 13.227,25.121L13.227,22.891C12.905,22.989 12.438,23.098 11.952,23.098C9.185,23.098 9.262,20.885 8.481,20.244C7.956,19.814 7.343,19.355 7.343,19.196C7.343,19.117 7.305,18.932 7.853,18.932C9.707,18.932 9.59,21.447 11.876,21.447C12.321,21.447 12.939,21.203 13.257,21.063Z" style="fill:rgb(76,79,105);"/>
-        </g>
-    </g>
-</svg>
+<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><ellipse cx="21.624" cy="22.613" fill="#dce0e8" rx="11.099" ry="8.306" transform="matrix(2.88315 0 0 3.85264 -30.3444 -55.1209)"/><path d="m13.257 21.063c.058-.362.225-.995.712-1.481 0 0-5.41-.027-5.41-5.738 0-2.01 1.19-3.18 1.19-3.18s-.495-1.777.135-3.108c0 0 1.268-.344 3.285 1.221 0 0 1.367-.471 2.951-.437 1.585-.034 2.951.437 2.951.437 2.018-1.565 3.286-1.221 3.286-1.221.629 1.331.135 3.108.135 3.108s1.19 1.17 1.19 3.18c0 5.711-5.41 5.738-5.41 5.738.722.722.741 1.767.741 1.767v3.772c0 .381-.39.391-.39.391h-5.005s-.391-.01-.391-.391v-2.23c-.322.098-.789.207-1.275.207-2.767 0-2.69-2.213-3.471-2.854-.525-.43-1.138-.889-1.138-1.048 0-.079-.038-.264.51-.264 1.854 0 1.737 2.515 4.023 2.515.445 0 1.063-.244 1.381-.384z" fill="#4c4f69" transform="matrix(2.07452 0 0 2.00422 -.180363 -.105643)"/></svg>
\ No newline at end of file
diff --git a/assets/social/latte_npm.svg b/assets/social/latte_npm.svg
index 6bc0fcb..621d9e1 100644
--- a/assets/social/latte_npm.svg
+++ b/assets/social/latte_npm.svg
@@ -1,12 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg width="100%" height="100%" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
-    <g id="icons_latte">
-        <g id="background" transform="matrix(2.88315,0,0,3.85264,-30.3444,-55.1209)">
-            <ellipse cx="21.624" cy="22.613" rx="11.099" ry="8.306" style="fill:rgb(220,224,232);"/>
-        </g>
-        <g id="npm" transform="matrix(1.12573,0,0,1.12573,-4.00035,-2.95049)">
-            <path d="M29.534,35.698L32.079,35.698L32.079,35.705L34.536,35.705L34.536,25.705L33.066,25.705L33.066,25.7L28.071,25.7L28.071,25.705L24.534,25.705L24.534,38.171L29.534,38.171L29.534,35.698ZM50.253,25.705L50.253,25.7L40.733,25.7L40.733,25.705L37.037,25.705L37.037,35.705L42.037,35.705L42.037,28.157L44.563,28.157L44.563,35.705L47.02,35.705L47.02,28.157L49.51,28.157L49.51,35.705L51.967,35.705L51.967,25.705L50.253,25.705ZM20.843,25.705L20.843,25.7L15.836,25.7L15.836,25.705L11.993,25.705L11.993,35.705L16.993,35.705L16.993,28.157L19.573,28.157L19.573,35.705L22.03,35.705L22.03,25.705L20.843,25.705ZM32.079,33.241L32.079,28.151L29.534,28.151L29.534,33.241L32.079,33.241Z" style="fill:rgb(76,79,105);"/>
-        </g>
-    </g>
-</svg>
+<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><ellipse cx="21.624" cy="22.613" fill="#dce0e8" rx="11.099" ry="8.306" transform="matrix(2.88315 0 0 3.85264 -30.3444 -55.1209)"/><path d="m29.534 35.698h2.545v.007h2.457v-10h-1.47v-.005h-4.995v.005h-3.537v12.466h5zm20.719-9.993v-.005h-9.52v.005h-3.696v10h5v-7.548h2.526v7.548h2.457v-7.548h2.49v7.548h2.457v-10zm-29.41 0v-.005h-5.007v.005h-3.843v10h5v-7.548h2.58v7.548h2.457v-10zm11.236 7.536v-5.09h-2.545v5.09z" fill="#4c4f69" transform="matrix(1.12573 0 0 1.12573 -4.00035 -2.95049)"/></svg>
\ No newline at end of file
diff --git a/assets/social/latte_reddit.svg b/assets/social/latte_reddit.svg
index 6ac132d..e54c844 100644
--- a/assets/social/latte_reddit.svg
+++ b/assets/social/latte_reddit.svg
@@ -1,12 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg width="100%" height="100%" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
-    <g id="icons_latte">
-        <g id="background" transform="matrix(2.88315,0,0,3.85264,-30.3444,-55.1209)">
-            <ellipse cx="21.624" cy="22.613" rx="11.099" ry="8.306" style="fill:rgb(220,224,232);"/>
-        </g>
-        <g id="reddit" transform="matrix(1,0,0,1,-2.75904,11.9576)">
-            <path d="M49.158,14.941C47.986,14.941 46.954,15.425 46.197,16.183C43.408,14.253 39.65,13.011 35.486,12.878L37.65,3.128L44.54,4.675C44.54,6.363 45.915,7.738 47.603,7.738C49.322,7.738 50.704,6.324 50.704,4.636C50.704,2.949 49.329,1.535 47.603,1.535C46.4,1.535 45.361,2.261 44.845,3.253L37.236,1.566C36.853,1.464 36.478,1.738 36.376,2.12L34.001,12.87C29.868,13.042 26.15,14.285 23.353,16.214C22.595,15.425 21.525,14.941 20.353,14.941C16.009,14.941 14.587,20.769 18.564,22.761C18.423,23.378 18.361,24.035 18.361,24.691C18.361,31.238 25.736,36.542 34.79,36.542C43.884,36.542 51.259,31.238 51.259,24.691C51.259,24.035 51.189,23.347 51.017,22.73C54.915,20.73 53.478,14.941 49.158,14.941L49.158,14.941ZM24.868,23.175C24.868,21.456 26.243,20.074 27.97,20.074C29.658,20.074 31.033,21.449 31.033,23.175C31.033,24.863 29.658,26.238 27.97,26.238C26.251,26.245 24.868,24.863 24.868,23.175ZM41.611,30.48C38.767,33.324 30.743,33.324 27.9,30.48C27.587,30.206 27.587,29.722 27.9,29.41C28.173,29.136 28.658,29.136 28.931,29.41C31.103,31.636 38.306,31.675 40.572,29.41C40.845,29.136 41.329,29.136 41.603,29.41C41.923,29.722 41.923,30.206 41.611,30.48L41.611,30.48ZM41.548,26.245C39.861,26.245 38.486,24.87 38.486,23.183C38.486,21.464 39.861,20.081 41.548,20.081C43.267,20.081 44.65,21.456 44.65,23.183C44.642,24.863 43.267,26.245 41.548,26.245Z" style="fill:rgb(76,79,105);fill-rule:nonzero;"/>
-        </g>
-    </g>
-</svg>
+<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><ellipse cx="21.624" cy="22.613" fill="#dce0e8" rx="11.099" ry="8.306" transform="matrix(2.88315 0 0 3.85264 -30.3444 -55.1209)"/><path d="m49.158 14.941c-1.172 0-2.204.484-2.961 1.242-2.789-1.93-6.547-3.172-10.711-3.305l2.164-9.75 6.89 1.547c0 1.688 1.375 3.063 3.063 3.063 1.719 0 3.101-1.414 3.101-3.102 0-1.687-1.375-3.101-3.101-3.101-1.203 0-2.242.726-2.758 1.718l-7.609-1.687c-.383-.102-.758.172-.86.554l-2.375 10.75c-4.133.172-7.851 1.415-10.648 3.344-.758-.789-1.828-1.273-3-1.273-4.344 0-5.766 5.828-1.789 7.82-.141.617-.203 1.274-.203 1.93 0 6.547 7.375 11.851 16.429 11.851 9.094 0 16.469-5.304 16.469-11.851 0-.656-.07-1.344-.242-1.961 3.898-2 2.461-7.789-1.859-7.789zm-24.29 8.234c0-1.719 1.375-3.101 3.102-3.101 1.688 0 3.063 1.375 3.063 3.101 0 1.688-1.375 3.063-3.063 3.063-1.719.007-3.102-1.375-3.102-3.063zm16.743 7.305c-2.844 2.844-10.868 2.844-13.711 0-.313-.274-.313-.758 0-1.07.273-.274.758-.274 1.031 0 2.172 2.226 9.375 2.265 11.641 0 .273-.274.757-.274 1.031 0 .32.312.32.796.008 1.07zm-.063-4.235c-1.687 0-3.062-1.375-3.062-3.062 0-1.719 1.375-3.102 3.062-3.102 1.719 0 3.102 1.375 3.102 3.102-.008 1.68-1.383 3.062-3.102 3.062z" fill="#4c4f69" fill-rule="nonzero" transform="translate(-2.75904 11.9576)"/></svg>
\ No newline at end of file
diff --git a/assets/social/latte_twitter.svg b/assets/social/latte_twitter.svg
index 0b9d189..63b17f0 100644
--- a/assets/social/latte_twitter.svg
+++ b/assets/social/latte_twitter.svg
@@ -1,12 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg width="100%" height="100%" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
-    <g id="icons_latte">
-        <g id="background" transform="matrix(2.88315,0,0,3.85264,-30.3444,-55.1209)">
-            <ellipse cx="21.624" cy="22.613" rx="11.099" ry="8.306" style="fill:rgb(220,224,232);"/>
-        </g>
-        <g id="twitter" transform="matrix(0.953638,0,0,0.953638,-0.14754,14.8405)">
-            <path d="M50.647,10.895C50.673,11.25 50.673,11.606 50.673,11.961C50.673,22.799 42.424,35.286 27.348,35.286C22.703,35.286 18.389,33.941 14.759,31.606C15.419,31.682 16.053,31.707 16.739,31.707C20.571,31.707 24.099,30.413 26.916,28.205C23.312,28.129 20.292,25.768 19.251,22.52C19.759,22.596 20.267,22.646 20.8,22.646C21.536,22.646 22.272,22.545 22.957,22.367C19.201,21.606 16.383,18.306 16.383,14.322L16.383,14.22C17.475,14.829 18.744,15.21 20.089,15.261C17.881,13.788 16.434,11.276 16.434,8.433C16.434,6.91 16.84,5.514 17.551,4.296C21.586,9.271 27.652,12.519 34.454,12.875C34.328,12.266 34.251,11.631 34.251,10.997C34.251,6.479 37.906,2.799 42.449,2.799C44.81,2.799 46.942,3.789 48.439,5.388C50.292,5.032 52.069,4.347 53.642,3.408C53.033,5.311 51.739,6.91 50.038,7.926C51.688,7.748 53.287,7.291 54.759,6.657C53.642,8.281 52.246,9.728 50.647,10.895L50.647,10.895Z" style="fill:rgb(76,79,105);fill-rule:nonzero;"/>
-        </g>
-    </g>
-</svg>
+<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><ellipse cx="21.624" cy="22.613" fill="#dce0e8" rx="11.099" ry="8.306" transform="matrix(2.88315 0 0 3.85264 -30.3444 -55.1209)"/><path d="m50.647 10.895c.026.355.026.711.026 1.066 0 10.838-8.249 23.325-23.325 23.325-4.645 0-8.959-1.345-12.589-3.68.66.076 1.294.101 1.98.101 3.832 0 7.36-1.294 10.177-3.502-3.604-.076-6.624-2.437-7.665-5.685.508.076 1.016.126 1.549.126.736 0 1.472-.101 2.157-.279-3.756-.761-6.574-4.061-6.574-8.045v-.102c1.092.609 2.361.99 3.706 1.041-2.208-1.473-3.655-3.985-3.655-6.828 0-1.523.406-2.919 1.117-4.137 4.035 4.975 10.101 8.223 16.903 8.579-.126-.609-.203-1.244-.203-1.878 0-4.518 3.655-8.198 8.198-8.198 2.361 0 4.493.99 5.99 2.589 1.853-.356 3.63-1.041 5.203-1.98-.609 1.903-1.903 3.502-3.604 4.518 1.65-.178 3.249-.635 4.721-1.269-1.117 1.624-2.513 3.071-4.112 4.238z" fill="#4c4f69" fill-rule="nonzero" transform="matrix(.953638 0 0 .953638 -.14754 14.8405)"/></svg>
\ No newline at end of file
diff --git a/assets/social/macchiato_discord.svg b/assets/social/macchiato_discord.svg
new file mode 100644
index 0000000..619f5c1
--- /dev/null
+++ b/assets/social/macchiato_discord.svg
@@ -0,0 +1 @@
+<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><ellipse cx="21.624" cy="22.613" fill="#181926" rx="11.099" ry="8.306" transform="matrix(2.88315 0 0 3.85264 -30.3444 -55.1209)"/><path d="m55.738 4.498c-.013-.024-.034-.044-.06-.054-2.978-1.367-6.121-2.341-9.35-2.899-.06-.012-.121.017-.15.071-.428.777-.817 1.574-1.164 2.39-3.481-.528-7.022-.528-10.502 0-.35-.818-.745-1.616-1.183-2.39-.031-.053-.09-.081-.15-.071-3.23.556-6.373 1.531-9.351 2.899-.025.01-.047.029-.061.052-5.956 8.894-7.587 17.569-6.787 26.136.005.043.026.082.06.108 3.468 2.568 7.346 4.527 11.471 5.796.059.018.123-.003.161-.053.886-1.205 1.671-2.481 2.346-3.816.04-.077.003-.172-.079-.202-1.238-.473-2.436-1.044-3.584-1.707-.09-.053-.097-.181-.014-.244.241-.181.482-.368.712-.558.041-.034.099-.042.148-.02 7.518 3.431 15.657 3.431 23.086 0 .049-.023.108-.016.15.018.23.19.471.379.714.56.084.062.077.19-.013.244-1.145.668-2.344 1.239-3.585 1.705-.082.031-.118.127-.078.204.687 1.327 1.471 2.602 2.345 3.814.036.051.101.073.161.055 4.131-1.265 8.017-3.225 11.489-5.796.034-.025.056-.064.06-.106.958-9.905-1.604-18.508-6.792-26.136zm-23.597 20.918c-2.263 0-4.128-2.077-4.128-4.628s1.829-4.628 4.128-4.628c2.318 0 4.165 2.095 4.129 4.628 0 2.551-1.829 4.628-4.129 4.628zm15.264 0c-2.263 0-4.128-2.077-4.128-4.628s1.829-4.628 4.128-4.628c2.318 0 4.165 2.095 4.129 4.628 0 2.551-1.811 4.628-4.129 4.628z" fill="#cad3f5" fill-rule="nonzero" transform="matrix(.891251 0 0 .891251 -3.4353 14.0286)"/></svg>
\ No newline at end of file
diff --git a/assets/social/macchiato_github.svg b/assets/social/macchiato_github.svg
new file mode 100644
index 0000000..bedd05d
--- /dev/null
+++ b/assets/social/macchiato_github.svg
@@ -0,0 +1 @@
+<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><ellipse cx="21.624" cy="22.613" fill="#181926" rx="11.099" ry="8.306" transform="matrix(2.88315 0 0 3.85264 -30.3444 -55.1209)"/><path d="m13.257 21.063c.058-.362.225-.995.712-1.481 0 0-5.41-.027-5.41-5.738 0-2.01 1.19-3.18 1.19-3.18s-.495-1.777.135-3.108c0 0 1.268-.344 3.285 1.221 0 0 1.367-.471 2.951-.437 1.585-.034 2.951.437 2.951.437 2.018-1.565 3.286-1.221 3.286-1.221.629 1.331.135 3.108.135 3.108s1.19 1.17 1.19 3.18c0 5.711-5.41 5.738-5.41 5.738.722.722.741 1.767.741 1.767v3.772c0 .381-.39.391-.39.391h-5.005s-.391-.01-.391-.391v-2.23c-.322.098-.789.207-1.275.207-2.767 0-2.69-2.213-3.471-2.854-.525-.43-1.138-.889-1.138-1.048 0-.079-.038-.264.51-.264 1.854 0 1.737 2.515 4.023 2.515.445 0 1.063-.244 1.381-.384z" fill="#cad3f5" transform="matrix(2.07452 0 0 2.00422 -.180363 -.105643)"/></svg>
\ No newline at end of file
diff --git a/assets/social/macchiato_mastodon.svg b/assets/social/macchiato_mastodon.svg
new file mode 100644
index 0000000..985e320
--- /dev/null
+++ b/assets/social/macchiato_mastodon.svg
@@ -0,0 +1 @@
+<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><ellipse cx="21.624" cy="22.613" fill="#181926" rx="11.099" ry="8.306" transform="matrix(2.88315 0 0 3.85264 -30.3444 -55.1209)"/><path d="m23.268 5.313c-.35-2.578-2.617-4.61-5.304-5.004-.454-.067-2.172-.309-6.151-.309h-.03c-3.98 0-4.835.242-5.288.309-2.613.383-4.999 2.209-5.578 4.818-.277 1.285-.307 2.71-.256 4.016.074 1.874.088 3.745.26 5.611.118 1.24.325 2.47.62 3.68.55 2.237 2.777 4.098 4.96 4.857 2.336.792 4.849.923 7.256.38.265-.061.527-.132.786-.213.585-.184 1.27-.39 1.774-.753.014-.01.022-.026.023-.043v-1.809c0-.016-.007-.031-.02-.041s-.03-.014-.046-.01c-1.543.365-3.123.548-4.709.545-2.73 0-3.463-1.284-3.674-1.818-.169-.462-.276-.943-.319-1.433v-.003c0-.029.024-.053.053-.053.004 0 .009.001.013.002 1.517.363 3.072.546 4.632.546.376 0 .75 0 1.125-.01 1.57-.044 3.224-.124 4.768-.422.038-.008.077-.015.11-.024 2.435-.464 4.753-1.92 4.989-5.604.008-.145.03-1.52.03-1.67.002-.512.167-3.63-.024-5.545zm-3.748 9.195h-2.561v-6.218c0-1.309-.55-1.976-1.67-1.976-1.23 0-1.846.79-1.846 2.35v3.403h-2.546v-3.404c0-1.56-.617-2.35-1.848-2.35-1.112 0-1.668.668-1.67 1.977v6.218h-2.557v-6.406c0-1.31.337-2.35 1.011-3.12.696-.77 1.608-1.164 2.74-1.164 1.311 0 2.302.5 2.962 1.498l.638 1.06.638-1.06c.66-.999 1.65-1.498 2.96-1.498 1.13 0 2.043.395 2.74 1.164.675.77 1.012 1.81 1.012 3.12z" fill="#cad3f5" fill-rule="nonzero" transform="matrix(1.41667 0 0 1.41667 14.9995 15)"/></svg>
\ No newline at end of file
diff --git a/assets/social/macchiato_npm.svg b/assets/social/macchiato_npm.svg
new file mode 100644
index 0000000..002fbe7
--- /dev/null
+++ b/assets/social/macchiato_npm.svg
@@ -0,0 +1 @@
+<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><ellipse cx="21.624" cy="22.613" fill="#181926" rx="11.099" ry="8.306" transform="matrix(2.88315 0 0 3.85264 -30.3444 -55.1209)"/><path d="m29.534 35.698h2.545v.007h2.457v-10h-1.47v-.005h-4.995v.005h-3.537v12.466h5zm20.719-9.993v-.005h-9.52v.005h-3.696v10h5v-7.548h2.526v7.548h2.457v-7.548h2.49v7.548h2.457v-10zm-29.41 0v-.005h-5.007v.005h-3.843v10h5v-7.548h2.58v7.548h2.457v-10zm11.236 7.536v-5.09h-2.545v5.09z" fill="#cad3f5" transform="matrix(1.12573 0 0 1.12573 -4.00035 -2.95049)"/></svg>
\ No newline at end of file
diff --git a/assets/social/macchiato_reddit.svg b/assets/social/macchiato_reddit.svg
new file mode 100644
index 0000000..b9b3603
--- /dev/null
+++ b/assets/social/macchiato_reddit.svg
@@ -0,0 +1 @@
+<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><ellipse cx="21.624" cy="22.613" fill="#181926" rx="11.099" ry="8.306" transform="matrix(2.88315 0 0 3.85264 -30.3444 -55.1209)"/><path d="m49.158 14.941c-1.172 0-2.204.484-2.961 1.242-2.789-1.93-6.547-3.172-10.711-3.305l2.164-9.75 6.89 1.547c0 1.688 1.375 3.063 3.063 3.063 1.719 0 3.101-1.414 3.101-3.102 0-1.687-1.375-3.101-3.101-3.101-1.203 0-2.242.726-2.758 1.718l-7.609-1.687c-.383-.102-.758.172-.86.554l-2.375 10.75c-4.133.172-7.851 1.415-10.648 3.344-.758-.789-1.828-1.273-3-1.273-4.344 0-5.766 5.828-1.789 7.82-.141.617-.203 1.274-.203 1.93 0 6.547 7.375 11.851 16.429 11.851 9.094 0 16.469-5.304 16.469-11.851 0-.656-.07-1.344-.242-1.961 3.898-2 2.461-7.789-1.859-7.789zm-24.29 8.234c0-1.719 1.375-3.101 3.102-3.101 1.688 0 3.063 1.375 3.063 3.101 0 1.688-1.375 3.063-3.063 3.063-1.719.007-3.102-1.375-3.102-3.063zm16.743 7.305c-2.844 2.844-10.868 2.844-13.711 0-.313-.274-.313-.758 0-1.07.273-.274.758-.274 1.031 0 2.172 2.226 9.375 2.265 11.641 0 .273-.274.757-.274 1.031 0 .32.312.32.796.008 1.07zm-.063-4.235c-1.687 0-3.062-1.375-3.062-3.062 0-1.719 1.375-3.102 3.062-3.102 1.719 0 3.102 1.375 3.102 3.102-.008 1.68-1.383 3.062-3.102 3.062z" fill="#cad3f5" fill-rule="nonzero" transform="translate(-2.75904 11.9576)"/></svg>
\ No newline at end of file
diff --git a/assets/social/macchiato_twitter.svg b/assets/social/macchiato_twitter.svg
new file mode 100644
index 0000000..c687ce0
--- /dev/null
+++ b/assets/social/macchiato_twitter.svg
@@ -0,0 +1 @@
+<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><ellipse cx="21.624" cy="22.613" fill="#181926" rx="11.099" ry="8.306" transform="matrix(2.88315 0 0 3.85264 -30.3444 -55.1209)"/><path d="m50.647 10.895c.026.355.026.711.026 1.066 0 10.838-8.249 23.325-23.325 23.325-4.645 0-8.959-1.345-12.589-3.68.66.076 1.294.101 1.98.101 3.832 0 7.36-1.294 10.177-3.502-3.604-.076-6.624-2.437-7.665-5.685.508.076 1.016.126 1.549.126.736 0 1.472-.101 2.157-.279-3.756-.761-6.574-4.061-6.574-8.045v-.102c1.092.609 2.361.99 3.706 1.041-2.208-1.473-3.655-3.985-3.655-6.828 0-1.523.406-2.919 1.117-4.137 4.035 4.975 10.101 8.223 16.903 8.579-.126-.609-.203-1.244-.203-1.878 0-4.518 3.655-8.198 8.198-8.198 2.361 0 4.493.99 5.99 2.589 1.853-.356 3.63-1.041 5.203-1.98-.609 1.903-1.903 3.502-3.604 4.518 1.65-.178 3.249-.635 4.721-1.269-1.117 1.624-2.513 3.071-4.112 4.238z" fill="#cad3f5" fill-rule="nonzero" transform="matrix(.953638 0 0 .953638 -.14754 14.8405)"/></svg>
\ No newline at end of file
diff --git a/assets/social/npm.svg b/assets/social/npm.svg
deleted file mode 100644
index 56fa729..0000000
--- a/assets/social/npm.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="1024px" height="1024px" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
-   <circle cx="512" cy="512" r="512" style="fill:#cb3837"/>
-   <path d="M407.26 599.29h69.83v-34.92h69.83V424.71H407.26zm69.83-139.66H512v69.83h-34.91zm97.76-34.91v139.65h69.83V459.63h34.91v104.74h34.91V459.63h34.91v104.74h34.91V424.71zM239.67 564.37h69.83V459.63h34.91v104.74h34.91V424.71H239.67z" style="fill:#fff"/>
-</svg>
\ No newline at end of file