fix(colors): Replace hardcoded black with background color token (#5815)

* Update all black to background

* remove --canvas token, keep intentional bg-black

* Move bg-black from grid container to individual viewport panes

---------

Co-authored-by: Alireza <ar.sedghi@gmail.com>

platform/docs/src/pages/components-list.tsx

@@ -50,7 +50,7 @@ export default function ComponentsList() {
 
           return (
             <TooltipProvider>
-              <div className="text-foreground min-h-screen bg-black">
+              <div className="text-foreground min-h-screen bg-background">
                 <div className="mx-auto my-4 max-w-5xl pt-4 pb-6">
                   {/* Navigation cards */}
                   <div className="mb-8 grid grid-cols-1 gap-5 md:grid-cols-3">