Documentation edits made through Mintlify web editor

Author: tcaldwell-x

snippets/logo_card.mdx

@@ -1,11 +1,14 @@
-export const LogoCard = ({ img, href, title, description }) => {
+export const LogoCard = ({ img, href, title, description, backgroundColor = 'white' }) => {
   return (
     <a
       href={href}
       className="card block not-prose font-normal group relative my-2 ring-2 ring-transparent rounded-xl bg-white/50 dark:bg-codeblock/50 border border-gray-100 shadow-md dark:shadow-none shadow-gray-300/10 dark:border-gray-800/50 overflow-hidden w-full cursor-pointer hover:!border-primary dark:hover:!border-primary-light"
     >
       <div className="flex flex-col h-full">
-        <div className="integration-logo w-full h-32 flex items-center justify-center bg-white overflow-hidden">
+        <div 
+          className="integration-logo w-full h-32 flex items-center justify-center overflow-hidden"
+          style={{ backgroundColor }}
+        >
           <img
             src={img}
             alt={`${title} logo`}