From 37ab0a456f8012733be3ee89c650f6184e12c768 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sun, 7 Dec 2025 01:33:10 +0000
Subject: [PATCH 1/4] Initial plan


From a5a4af50ed3f2fe298e2a6fce9a6201e27491e50 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sun, 7 Dec 2025 01:39:22 +0000
Subject: [PATCH 2/4] Consolidate duplicate color values with CSS variables

Co-authored-by: BornToBeRoot <16019165+BornToBeRoot@users.noreply.github.com>
---
 Website/src/css/custom.css          | 7 +++++--
 Website/src/pages/styles.module.css | 4 ++--
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/Website/src/css/custom.css b/Website/src/css/custom.css
index af95f0d93b..e3c067fa3e 100644
--- a/Website/src/css/custom.css
+++ b/Website/src/css/custom.css
@@ -16,6 +16,9 @@
 
   --ifm-code-font-size: 95%;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
+
+  /* Custom color variables */
+  --ifm-background-dark: #2b3137;
 }
 
 /* For readability concerns, you should choose a lighter palette in dark mode. */
@@ -33,11 +36,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: 1060px;
 }
diff --git a/Website/src/pages/styles.module.css b/Website/src/pages/styles.module.css
index 9855f04caa..8120697237 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;
 }
 

From 0d3a9b425f378f8597a551c5646fe170b2330bd3 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sun, 7 Dec 2025 01:41:19 +0000
Subject: [PATCH 3/4] Remove unused duplicate CSS file and import

Co-authored-by: BornToBeRoot <16019165+BornToBeRoot@users.noreply.github.com>
---
 Website/docs/introduction.mdx  | 2 --
 Website/docs/styles.module.css | 7 -------
 2 files changed, 9 deletions(-)
 delete mode 100644 Website/docs/styles.module.css

diff --git a/Website/docs/introduction.mdx b/Website/docs/introduction.mdx
index 33c2171446..53a4cf26fe 100644
--- a/Website/docs/introduction.mdx
+++ b/Website/docs/introduction.mdx
@@ -2,8 +2,6 @@
 sidebar_position: 0
 ---
 
-import styles from "./styles.module.css";
-
 # Welcome to NETworkManager
 
 ![NETworkManager Preview](https://github.com/BornToBeRoot/NETworkManager/raw/main/Website/static/img/preview-features.gif?raw=true)
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;
-}

From 1874755e3edad83d72b2a8352366e1e88b676eae Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sun, 7 Dec 2025 01:42:42 +0000
Subject: [PATCH 4/4] Add CSS variable for content max-width to eliminate
 duplication

Co-authored-by: BornToBeRoot <16019165+BornToBeRoot@users.noreply.github.com>
---
 Website/src/css/custom.css          | 5 ++++-
 Website/src/pages/styles.module.css | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/Website/src/css/custom.css b/Website/src/css/custom.css
index e3c067fa3e..f55bc3482a 100644
--- a/Website/src/css/custom.css
+++ b/Website/src/css/custom.css
@@ -19,6 +19,9 @@
 
   /* 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. */
@@ -42,5 +45,5 @@
 .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 8120697237..b60561e760 100644
--- a/Website/src/pages/styles.module.css
+++ b/Website/src/pages/styles.module.css
@@ -97,7 +97,7 @@ table {
 .imageScreenshot {
   display: block;
   margin: auto;
-  max-width: 1060px;
+  max-width: var(--content-max-width);
   width: 100%;
   height: auto;
 }