diff --git a/Website/docs/introduction.mdx b/Website/docs/introduction.mdx
index 4d924a0668..4c5d973cce 100644
--- a/Website/docs/introduction.mdx
+++ b/Website/docs/introduction.mdx
@@ -2,8 +2,6 @@
 sidebar_position: 0
 ---
 
-import styles from "./styles.module.css";
-
 # Introduction
 
 NETworkManager is a powerful tool for managing networks and troubleshoot network problems!
diff --git a/Website/docs/styles.module.css b/Website/docs/styles.module.css
deleted file mode 100644
index 1e0a03f913..0000000000
--- a/Website/docs/styles.module.css
+++ /dev/null
@@ -1,7 +0,0 @@
-.shieldsContainer {
-  text-align: center;
-}
-
-.shields {
-  margin: 0rem 0.25rem;
-}
diff --git a/Website/src/css/custom.css b/Website/src/css/custom.css
index af95f0d93b..f55bc3482a 100644
--- a/Website/src/css/custom.css
+++ b/Website/src/css/custom.css
@@ -16,6 +16,12 @@
 
   --ifm-code-font-size: 95%;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
+
+  /* Custom color variables */
+  --ifm-background-dark: #2b3137;
+
+  /* Custom layout variables */
+  --content-max-width: 1060px;
 }
 
 /* For readability concerns, you should choose a lighter palette in dark mode. */
@@ -33,11 +39,11 @@
 */
 
 .footer--dark {
-  --ifm-footer-background-color: #2b3137;
+  --ifm-footer-background-color: var(--ifm-background-dark);
 }
 
 .image {
   display: block;
   margin: auto;
-  max-width: 1060px;  
+  max-width: var(--content-max-width);
 }
diff --git a/Website/src/pages/styles.module.css b/Website/src/pages/styles.module.css
index 9855f04caa..b60561e760 100644
--- a/Website/src/pages/styles.module.css
+++ b/Website/src/pages/styles.module.css
@@ -14,7 +14,7 @@ table {
   position: relative;
   overflow: hidden;
 
-  background-color: #2b3137;
+  background-color: var(--ifm-background-dark);
 }
 
 @media screen and (max-width: 996px) {
@@ -30,7 +30,7 @@ table {
 }
 
 .hero {
-  background-color: #2b3137;
+  background-color: var(--ifm-background-dark);
   padding: 48px;
 }
 
@@ -97,7 +97,7 @@ table {
 .imageScreenshot {
   display: block;
   margin: auto;
-  max-width: 1060px;
+  max-width: var(--content-max-width);
   width: 100%;
   height: auto;
 }