Consolidate duplicate color values with CSS variables

Copilot · BornToBeRoot · Copilot · commit a5a4af50ed3f · 2025-12-07T01:39:22.000Z
Co-authored-by: BornToBeRoot &lt;16019165+BornToBeRoot@users.noreply.github.com&gt;
diff --git 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
@@ -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;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -16,6 +16,9 @@`
`16`	`16`
`17`	`17`	`--ifm-code-font-size: 95%;`
`18`	`18`	`--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);`
	`19`	`+`
	`20`	`+ /* Custom color variables */`
	`21`	`+ --ifm-background-dark: #2b3137;`
`19`	`22`	`}`
`20`	`23`
`21`	`24`	`/* For readability concerns, you should choose a lighter palette in dark mode. */`
`@@ -33,11 +36,11 @@`
`33`	`36`	`*/`
`34`	`37`
`35`	`38`	`.footer--dark {`
`36`		`- --ifm-footer-background-color: #2b3137;`
	`39`	`+ --ifm-footer-background-color: var(--ifm-background-dark);`
`37`	`40`	`}`
`38`	`41`
`39`	`42`	`.image {`
`40`	`43`	`display: block;`
`41`	`44`	`margin: auto;`
`42`		`- max-width: 1060px;`
	`45`	`+ max-width: 1060px;`
`43`	`46`	`}`
Original file line number	Diff line number	Diff line change
`@@ -14,7 +14,7 @@ table {`
`14`	`14`	`position: relative;`
`15`	`15`	`overflow: hidden;`
`16`	`16`
`17`		`- background-color: #2b3137;`
	`17`	`+ background-color: var(--ifm-background-dark);`
`18`	`18`	`}`
`19`	`19`
`20`	`20`	`@media screen and (max-width: 996px) {`
`@@ -30,7 +30,7 @@ table {`
`30`	`30`	`}`
`31`	`31`
`32`	`32`	`.hero {`
`33`		`- background-color: #2b3137;`
	`33`	`+ background-color: var(--ifm-background-dark);`
`34`	`34`	`padding: 48px;`
`35`	`35`	`}`
`36`	`36`