From 6fddef117d986ef3e55acdd54613489a263d1ccb Mon Sep 17 00:00:00 2001
From: Srilakshmi-Kande <kandesrilakshmi764@gmail.com>
Date: Wed, 1 Oct 2025 12:56:09 +0530
Subject: [PATCH] FAQ section fixes for light theme

---
 package-lock.json   |  6 ------
 views/css/index.css |  7 ++++++-
 views/index.html    | 26 ++------------------------
 3 files changed, 8 insertions(+), 31 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index a55ea76..c2577bd 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -301,7 +301,6 @@
         "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
-
     "node_modules/asynckit": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
@@ -319,7 +318,6 @@
         "proxy-from-env": "^1.1.0"
       }
     },
-
     "node_modules/body-parser": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-2.2.0.tgz",
@@ -418,7 +416,6 @@
       "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
       "license": "MIT"
     },
-
     "node_modules/combined-stream": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
@@ -431,7 +428,6 @@
         "node": ">= 0.8"
       }
     },
-
     "node_modules/content-disposition": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-1.0.0.tgz",
@@ -691,7 +687,6 @@
         "node": ">= 0.4"
       }
     },
-
     "node_modules/es-set-tostringtag": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
@@ -707,7 +702,6 @@
         "node": ">= 0.4"
       }
     },
-
     "node_modules/escape-html": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
diff --git a/views/css/index.css b/views/css/index.css
index 9ca19b9..4fe9876 100644
--- a/views/css/index.css
+++ b/views/css/index.css
@@ -20,6 +20,8 @@
 
     --faq-h-text: #0e0e0e;
     --faq-content-text: #1e1e1e;
+    --faq-content-bg: #ffffff;
+    --faq-content-shadow: 0px 4px 6px rgba(0,0,0,0.1);
 
     --hr-color: #e5e7eb;
 
@@ -50,6 +52,8 @@
 
     --faq-h-text: #efefef;
     --faq-content-text: #d4d4d4;
+    --faq-content-bg: #1e1e1e;
+    --faq-content-shadow: 0px 4px 6px rgba(0,0,0,0.5);
 
     --hr-color: #e1e1e195;
 
@@ -369,10 +373,11 @@ hr{
     color: var(--faq-content-text);
     height: max-content;
     overflow: hidden;
-    background-color: transparent;
+    background-color: var(--faq-content-bg);
     text-align: justify;
     max-height: 0px;
     transition: max-height 0.4s, padding 0.4s;
+    box-shadow: var(--faq-content-shadow);
 }
 
 /* Card Component Styling */
diff --git a/views/index.html b/views/index.html
index afd6ffd..1c72065 100644
--- a/views/index.html
+++ b/views/index.html
@@ -1844,17 +1844,7 @@ <h3 class="tw-text-4xl tw-font-medium max-md:tw-text-2xl tw-uppercase">
             ></i>
           </h4>
           <div
-            class="content"
-            style="
-              font-family: 'Poppins', sans-serif;
-              font-size: 16px;
-              max-width: 800px;
-              padding: 20px;
-              background-color: #1e1e1e;
-              border-radius: 8px;
-              box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.5);
-              color: #ddd;
-            "
+            class="content tw-rounded-lg"
           >
             <p>
               The
@@ -1906,12 +1896,6 @@ <h3 class="tw-text-4xl tw-font-medium max-md:tw-text-2xl tw-uppercase">
           </h4>
           <div
             class="content tw-rounded-lg"
-            style="
-              font-family: 'Poppins', sans-serif;
-              font-size: 16px;
-              color: #ddd;
-              background-color: #1e1e1e;
-            "
           >
             <p>
               Despite its name, the <strong>GSSOC FAQ Bot</strong> offers more
@@ -1966,12 +1950,6 @@ <h3 class="tw-text-4xl tw-font-medium max-md:tw-text-2xl tw-uppercase">
           </h4>
           <div
             class="content tw-rounded-lg"
-            style="
-              font-family: 'Poppins', sans-serif;
-              font-size: 16px;
-              color: #ddd;
-              background-color: #1e1e1e;
-            "
           >
             <p>
               <strong>Contributing is Easy!!! </strong> Follow these simple
@@ -2067,7 +2045,7 @@ <h3 class="tw-text-4xl tw-font-medium max-md:tw-text-2xl tw-uppercase">
               class="bi bi-plus tw-text-xl tw-origin-center tw-duration-300 tw-transition-transform tw-ml-auto tw-font-semibold"
             ></i>
           </h4>
-          <div class="content max-lg:tw-text-sm">
+          <div class="content tw-rounded-lg">
             Yes, the GSSOC FAQ Bot is currently in use by 16 private servers,
             with an expected traffic of over 300+ requests every day. You can
             see proof of this in the Testimonial Section above, where real users