fixed some bugs related to theme

Author: Richajaishwal0

src/css/custom.css

@@ -181,16 +181,16 @@
   color: transparent;
 }
 
-/* Light mode background and text fix */
-[data-theme='light'] {
+/* Light mode background and text fix - EXCLUDE community page */
+[data-theme='light'] body:not(:has(.community-page)) {
   --ifm-background-color: #ffffff; /* white background */
   --ifm-font-color-base: #000000;  /* black text */
   background-color: var(--ifm-background-color);
   color: var(--ifm-font-color-base);
 }
 
-/* Dark mode overrides (already there, ensure it's working) */
-[data-theme='dark'] {
+/* Dark mode overrides - EXCLUDE community page */
+[data-theme='dark'] body:not(:has(.community-page)) {
   background-color: var(--dark-bg-primary);
   color: var(--dark-text-primary);
 }
@@ -357,26 +357,26 @@
 
 /* ===== DOCUSAURUS DOCUMENTATION PAGES DARK THEME ===== */
 
-/* Main documentation layout */
-[data-theme='dark'] .main-wrapper {
+/* Main documentation layout - EXCLUDE community page */
+[data-theme='dark'] body:not(:has(.community-page)) .main-wrapper {
   background-color: var(--dark-bg-primary) !important;
   color: var(--dark-text-primary) !important;
 }
 
-[data-theme='dark'] .docusaurus-wrapper {
+[data-theme='dark'] body:not(:has(.community-page)) .docusaurus-wrapper {
   background-color: var(--dark-bg-primary) !important;
 }
 
-/* Documentation content area */
-[data-theme='dark'] .container {
+/* Documentation content area - EXCLUDE community page */
+[data-theme='dark'] body:not(:has(.community-page)) .container {
   background-color: var(--dark-bg-primary) !important;
 }
 
-[data-theme='dark'] .row {
+[data-theme='dark'] body:not(:has(.community-page)) .row {
   background-color: var(--dark-bg-primary) !important;
 }
 
-[data-theme='dark'] .col {
+[data-theme='dark'] body:not(:has(.community-page)) .col {
   background-color: var(--dark-bg-primary) !important;
 }
 

src/pages/badges/github-badges.module.css

@@ -1,12 +1,4 @@
-body{
-    background-color: #fff;
-}
-
-/* Dark theme body override */
-[data-theme='dark'] body {
-    background-color: var(--dark-bg-primary) !important;
-    color: var(--dark-text-primary) !important;
-}
+/* GitHub badges page styling - light theme */
 .github-badges-page {
   background: #f6f5f5;
   border-radius: 18px;
@@ -15,6 +7,12 @@ body{
   margin-top: 24px;
 }
 
+/* Dark theme body override - EXCLUDE community page */
+[data-theme='dark'] body:not(:has(.community-page)) {
+    background-color: var(--dark-bg-primary) !important;
+    color: var(--dark-text-primary) !important;
+}
+
 /* Dark theme for main page container */
 [data-theme='dark'] .github-badges-page {
   background: var(--dark-bg-secondary) !important;

src/pages/community/community.css

@@ -6,8 +6,9 @@
   transition: background-color 0.3s ease;
 }
 
+/* Community page should maintain its own background regardless of theme */
 [data-theme='dark'] .community-page {
-  background: var(--dark-bg-primary);
+  background: transparent;
 }
 
 /* CSS Custom Properties for better browser support */