feat(docs): add 2026 Refine xmax logo

documentation/src/refine-theme/common-header.tsx

@@ -13,7 +13,7 @@ import { TopAnnouncement } from "./top-announcement";
 
 import { LandingGithubStarButton } from "./landing-github-star-button";
 import SearchBar from "../theme/SearchBar";
-import { RefineLogoIcon } from "./icons/refine-logo";
+import { RefineLogoXmas } from "./icons/refine-logo-xmas";
 
 type Props = {
   hasSticky?: boolean;
@@ -82,7 +82,7 @@ export const CommonHeader = ({
           >
             <div className={clsx("w-[130px]", "landing-lg:w-[200px]")}>
               <Link to="/" onContextMenu={openFigma}>
-                <RefineLogoIcon className="text-gray-900 dark:text-gray-0" />
+                <RefineLogoXmas className="text-gray-900 dark:text-gray-0" />
               </Link>
             </div>
             <button

documentation/src/refine-theme/doc-refine-logo.tsx

@@ -2,6 +2,7 @@ import Link from "@docusaurus/Link";
 import clsx from "clsx";
 import React from "react";
 import { openFigma } from "../utils/open-figma";
+import { RefineLogoXmas } from "./icons/refine-logo-xmas";
 
 interface Props {
   className?: string;
@@ -23,16 +24,7 @@ export const DocRefineLogo = ({ className }: Props) => {
         className={clsx("no-underline", "flex items-center gap-2")}
         onContextMenu={openFigma}
       >
-        <Logo className="text-refine-cyan dark:text-refine-cyan-alt" />
-        <span
-          className={clsx(
-            "text-gray-1000 dark:text-gray-0",
-            "text-base",
-            "font-semibold",
-          )}
-        >
-          Refine
-        </span>
+        <RefineLogoXmas className="text-gray-900 dark:text-gray-0" />
       </Link>
       <span
         className={clsx(