8:["$","div","code",{"className":"nxs-slide relative flex h-dvh w-dvw flex-col justify-center gap-8 px-12 py-20 sm:px-24 md:px-32 lg:px-40 items-start text-left","children":[["$","div",null,{"className":"border-foreground/10 pointer-events-none absolute inset-4 border sm:inset-6","aria-hidden":true}],["$","div",null,{"className":"relative z-10 flex max-w-4xl flex-col gap-6 items-start","children":[["$","span",null,{"className":"bg-foreground text-background inline-block w-fit shrink-0 rounded-full px-4 py-1.5 text-sm font-semibold tracking-wide","children":"SlideCode"}],["$","h1",null,{"className":"text-foreground text-4xl font-black sm:text-5xl md:text-6xl lg:text-7xl","style":{"letterSpacing":"-0.04em"},"children":"Custom syntax highlighting"}],["$","p",null,{"className":"text-muted-foreground text-lg sm:text-xl md:text-2xl","children":"Dracula-inspired theme: purple, cyan, green, orange"}],["$","div",null,{"className":"nxs-code-wrapper","children":[["$","div",null,{"className":"text-muted-foreground mb-2 text-sm font-medium tracking-wider uppercase","children":"example.tsx"}],["$","pre",null,{"className":"nxs-code-block","children":["$","code",null,{"dangerouslySetInnerHTML":{"__html":"function Greeting({ name }: Props) {\n return (\n <div className="greeting">\n <h1>Hello, {name}!</h1>\n <button onClick={() => alert('Hi')}>\n Say hi\n </button>\n </div>\n );\n}"}}]}]]}],["$","p",null,{"className":"text-muted-foreground text-base sm:text-lg","children":"Syntax colors overridden in slides-alt.css"}]]}]]}]

Different fonts & syntax theme