From ae514f2259adec04af382d2d75a1569eb9520e50 Mon Sep 17 00:00:00 2001
From: Siddharth~R <142113902+isid555@users.noreply.github.com>
Date: Sat, 14 Dec 2024 22:17:23 +0530
Subject: [PATCH] Added dark mode to About page (#1907)

---
 assets/about/about.css | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/assets/about/about.css b/assets/about/about.css
index 32868a887..a4ce69bb7 100644
--- a/assets/about/about.css
+++ b/assets/about/about.css
@@ -12,6 +12,38 @@ body {
     background-color: #f0f0f0;
 }
 
+.dark-mode {
+    background-color: #D416D0FF;
+    color: #ffffff;
+}
+
+.dark-mode .card {
+    background-color: #D416D0FF;
+    color: #e0e0e0;
+}
+
+.dark-mode .card::before,
+.dark-mode .card::after {
+    background-color: #f493cf;
+}
+
+.dark-mode .card:hover::before,
+.dark-mode .card:hover::after {
+    background-color: #f493cf;
+    width: 100%;
+    height: 100%;
+    border-radius: 15px;
+    transition: all 0.5s;
+}
+
+.dark-mode .card-content {
+    color: #ffffff;
+}
+
+.dark-mode .card-hover-text {
+    color: #000080;
+}
+
 .circle {
     z-index: 999999;
     width: 20px;