From d132689612defd4e8c96448c9ff0a7a5a544ee74 Mon Sep 17 00:00:00 2001
From: lyie28 <laurayie93@gmail.com>
Date: Tue, 24 Sep 2024 10:18:12 +0200
Subject: [PATCH] new styling

---
 docs/stylesheets/extra.css | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
index b04b3ecf..fad292fe 100644
--- a/docs/stylesheets/extra.css
+++ b/docs/stylesheets/extra.css
@@ -141,39 +141,39 @@
 [data-md-color-scheme="slate"] .box {
 	text-align: center;
 	text-decoration: none;
-	background-color: white !important; /* Light gray background for dark mode */
-	border: 1px solid #aaa; /* Darker gray border */
+	background-color: #1e2129 !important; /* Light gray background for dark mode */
+	border: 1px solid #4051b5; /* Darker gray border */
 	border-radius: 8px;
 	padding: 30px 20px;
 	width: 30%;
-	color: #000 !important; /* Black text */
+	color: white !important; /* Black text */
 }
 
 [data-md-color-scheme="slate"] .box h3 {
 	margin-top: 0;
-	color: #000 !important; /* Black heading text */
-	background-color: white !important;
+	color: white !important; /* Black heading text */
+	background-color: #1e2129 !important;
 }
 
 [data-md-color-scheme="slate"] .box p {
-	color: #333 !important; /* Darker gray text for paragraphs */
+	color: white !important; /* Darker gray text for paragraphs */
 	font-size: 0.7rem;
-	background-color: white !important;
+	background-color: #1e2129 !important;
 
 }
 
 /* Hover effect for dark mode */
 [data-md-color-scheme="slate"] .box:hover {
-	background-color: #e2dede !important; /* Slightly darker gray on hover */
+	background-color: #4051b5 !important; /* Slightly darker gray on hover */
 }
 
 /* Hover effect for dark mode */
 [data-md-color-scheme="slate"] .box:hover h3 {
-	background-color: #e2dede !important; /* Slightly darker gray on hover */
+	background-color: #4051b5 !important; /* Slightly darker gray on hover */
 }
 
 /* Hover effect for dark mode */
 [data-md-color-scheme="slate"] .box:hover p {
-	background-color: #e2dede !important; /* Slightly darker gray on hover */
+	background-color: #4051b5 !important; /* Slightly darker gray on hover */
 }