Revert "Docs/dark mode fixes (CopilotKit#2533)"

This reverts commit d24cffe.

Author: johnprg

docs/app/global.css

@@ -283,27 +283,6 @@ figure > div.bg-fd-secondary.rounded-lg.border.text-\[13px\].py-3\.5.overflow-au
   background-color: var(--background) !important;
 }
 
-/* Enhanced shadows for dark mode */
-.dark .shadow-sm {
-  box-shadow: 0 1px 2px 0 rgba(255, 255, 255, 0.05);
-}
-
-.dark .shadow {
-  box-shadow: 0 1px 3px 0 rgba(255, 255, 255, 0.1), 0 1px 2px -1px rgba(255, 255, 255, 0.1);
-}
-
-.dark .shadow-md {
-  box-shadow: 0 4px 6px -1px rgba(255, 255, 255, 0.1), 0 2px 4px -2px rgba(255, 255, 255, 0.1);
-}
-
-.dark .shadow-lg {
-  box-shadow: 0 10px 15px -3px rgba(255, 255, 255, 0.1), 0 4px 6px -4px rgba(255, 255, 255, 0.1);
-}
-
-.dark .shadow-xl {
-  box-shadow: 0 20px 25px -5px rgba(255, 255, 255, 0.1), 0 8px 10px -6px rgba(255, 255, 255, 0.1);
-}
-
 /* Make banner dismiss button icon match banner text color */
 [data-banner] button,
 [data-banner-id="agui-banner"] button,

docs/components/react/cta-cards.tsx

@@ -54,7 +54,7 @@ export function CTACard({ icon, iconKey, title, description, href, iconBgColor =
 
   return (
     <Link href={href} className="no-underline">
-      <Card className="transition-transform hover:scale-105 cursor-pointer shadow-xl shadow-indigo-500/20 dark:shadow-indigo-400/20 h-full">
+      <Card className="transition-transform hover:scale-105 cursor-pointer shadow-xl shadow-indigo-500/20 h-full">
         <CardHeader>
           <div className="flex items-center gap-3">
             <div className={`flex items-center justify-center ${iconBgColor} rounded-full w-10 h-10`}>

docs/components/react/tailored-content.tsx

@@ -59,11 +59,11 @@ export function TailoredContent({ children, className, defaultOptionIndex = 0, i
   };
 
   const itemCn =
-    "border p-4 rounded-md flex-1 flex md:block md:space-y-1 items-center md:items-start gap-4 cursor-pointer bg-white dark:bg-gray-800 text-gray-900 dark:text-white relative overflow-hidden group transition-all";
+    "border p-4 rounded-md flex-1 flex md:block md:space-y-1 items-center md:items-start gap-4 cursor-pointer bg-white dark:bg-secondary relative overflow-hidden group transition-all";
   const selectedCn =
-    "shadow-lg ring-1 ring-indigo-400 selected bg-gradient-to-r from-indigo-100/80 to-purple-200 dark:from-indigo-800/40 dark:to-purple-800/40 text-gray-900 dark:text-white";
+    "shadow-lg ring-1 ring-indigo-400 selected bg-gradient-to-r from-indigo-100/80 to-purple-200 dark:from-indigo-900/20 dark:to-purple-900/30";
   const iconCn =
-    "w-10 h-10 mb-4 top-0 transition-all opacity-60 group-[.selected]:text-indigo-500 group-[.selected]:opacity-100 dark:group-[.selected]:text-indigo-300 dark:group-[.selected]:opacity-100 dark:text-gray-300 dark:opacity-80";
+    "w-10 h-10 mb-4 top-0 transition-all opacity-20 group-[.selected]:text-indigo-500 group-[.selected]:opacity-60 dark:group-[.selected]:text-indigo-400 dark:group-[.selected]:opacity-60 dark:text-gray-400";
 
   return (
     <div>
@@ -89,8 +89,8 @@ export function TailoredContent({ children, className, defaultOptionIndex = 0, i
                     )}
               </div>
               <div>
-                <p className="font-semibold text-lg text-gray-900 dark:text-white">{option.props.title}</p>
-                <p className="text-xs md:text-sm text-gray-600 dark:text-gray-200">{option.props.description}</p>
+                <p className="font-semibold text-lg">{option.props.title}</p>
+                <p className="text-xs md:text-sm">{option.props.description}</p>
               </div>
             </div>
           ))}

docs/components/ui/button.tsx

@@ -12,13 +12,13 @@ const buttonVariants = cva(
     variants: {
       variant: {
         default:
-          "bg-primary text-primary-foreground shadow-lg shadow-black/10 dark:shadow-white/10 hover:bg-primary/90",
+          "bg-primary text-primary-foreground shadow hover:bg-primary/90",
         destructive:
-          "bg-destructive text-destructive-foreground shadow-md shadow-black/10 dark:shadow-white/10 hover:bg-destructive/90",
+          "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
         outline:
-          "border border-input bg-background shadow-md shadow-black/10 dark:shadow-white/20 hover:bg-accent hover:text-accent-foreground",
+          "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
         secondary:
-          "bg-secondary text-secondary-foreground shadow-md shadow-black/10 dark:shadow-white/10 hover:bg-secondary/80",
+          "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
         ghost: "hover:bg-accent hover:text-accent-foreground",
         link: "text-primary underline-offset-4 hover:underline",
       },