diff --git a/client/contexts/DocsThemeContext.tsx b/client/contexts/DocsThemeContext.tsx
index 778ac701..f56a2762 100644
--- a/client/contexts/DocsThemeContext.tsx
+++ b/client/contexts/DocsThemeContext.tsx
@@ -24,24 +24,24 @@ interface ThemeColors {
 }
 
 const professionalTheme: ThemeColors = {
-  background: "bg-gradient-to-br from-slate-50 via-slate-100/20 to-stone-50",
-  foreground: "text-slate-900",
-  sidebar: "bg-gradient-to-b from-white via-slate-50 to-slate-100/30",
+  background: "bg-white",
+  foreground: "text-black",
+  sidebar: "bg-gradient-to-b from-slate-100 to-slate-50",
   sidebarText: "text-slate-700",
-  sidebarHover: "hover:bg-slate-100/60",
-  sidebarActive: "text-slate-800",
-  sidebarActiveBg: "bg-slate-200/40 border-l-2 border-slate-600",
-  accent: "text-slate-700",
-  accentHover: "hover:text-slate-900",
-  border: "border-slate-300/60",
-  cardBg: "bg-white/70",
-  cardBorder: "border-slate-300/50",
-  buttonBg: "bg-gradient-to-r from-slate-700 to-slate-600",
+  sidebarHover: "hover:bg-slate-200/60",
+  sidebarActive: "text-blue-600",
+  sidebarActiveBg: "bg-blue-50",
+  accent: "text-black",
+  accentHover: "hover:text-gray-700",
+  border: "border-gray-300",
+  cardBg: "bg-gray-50",
+  cardBorder: "border-gray-300",
+  buttonBg: "bg-black",
   buttonText: "text-white",
-  inputBg: "bg-white border border-slate-300/70",
-  inputBorder: "border-slate-300",
-  headingColor: "text-slate-950",
-  textMuted: "text-slate-600",
+  inputBg: "bg-white border border-gray-300",
+  inputBorder: "border-gray-300",
+  headingColor: "text-black",
+  textMuted: "text-gray-600",
 };
 
 const brandTheme: ThemeColors = {