https://hadartheme.netlify.app/assets/chunks/chunk-xwRx9J9m.js

1const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/chunks/chunk-CqXK0NoF.js","assets/chunks/chunk-BXl3LOEh.js","assets/chunks/chunk-85CY6yyY.js","assets/chunks/chunk-BWhekdHX.js","assets/static/styles_globals-d1531aed.UJ9_4nFn.css","assets/chunks/chunk-mkCh3Egk.js","assets/chunks/chunk-cJVrBEIi.js","assets/chunks/chunk-L813E_xu.js"])))=>i.map(i=>d[i]);
2import{_ as l}from"./chunk-BXl3LOEh.js";import{j as e,r as s,e as c}from"./chunk-85CY6yyY.js";import{D as m}from"./chunk-wsypexAH.js";import{I as h,a as r,K as n}from"./chunk-BdmXGxtM.js";import"./chunk-BWhekdHX.js";/* empty css              */import"./chunk-mkCh3Egk.js";const t=s.lazy(()=>l(()=>import("./chunk-CqXK0NoF.js"),__vite__mapDeps([0,1,2,3,4,5,6,7])).then(a=>({default:a.CodeBlock}))),i=s.lazy(()=>l(()=>import("./chunk-CqXK0NoF.js"),__vite__mapDeps([0,1,2,3,4,5,6,7])).then(a=>({default:a.CodeBlockBody}))),d=s.lazy(()=>l(()=>import("./chunk-CqXK0NoF.js"),__vite__mapDeps([0,1,2,3,4,5,6,7])).then(a=>({default:a.CodeBlockContent}))),o=s.lazy(()=>l(()=>import("./chunk-CqXK0NoF.js"),__vite__mapDeps([0,1,2,3,4,5,6,7])).then(a=>({default:a.CodeBlockItem}))),f=()=>e.jsx("section",{className:"py-20 bg-hadar-darker",children:e.jsxs("div",{className:"container mx-auto px-4",children:[e.jsxs("div",{className:"text-center mb-16",children:[e.jsx("h2",{className:"text-3xl font-bold mb-4",children:"Instalación"}),e.jsx("p",{className:"text-gray-400 max-w-2xl mx-auto",children:"Instalar Hadar Theme en Hyper es muy sencillo. Sigue estos pasos:"})]}),e.jsxs("div",{className:"max-w-3xl mx-auto",children:[e.jsxs(h,{stepColor:"hyper",children:[e.jsx(r,{number:1,title:"Instalar Hyper",children:e.jsxs("p",{children:["Si aún no lo tienes, descárgalo desde",e.jsx("a",{href:"https://hyper.is",target:"_blank",className:"text-hadar-pink font-semibold hover:underline mx-1",rel:"noopener noreferrer",children:"hyper.is"}),"e instálalo en tu sistema operativo."]})}),e.jsx(r,{number:2,title:"Instalar Hadar Theme",children:e.jsxs("div",{className:"space-y-1",children:[e.jsx("p",{children:"Abre una terminal y ejecuta el siguiente comando para instalar el tema:"}),e.jsx(s.Suspense,{fallback:e.jsx("div",{className:"h-32 w-full animate-pulse rounded-md bg-[#00000C] border border-[#2f3b54]"}),children:e.jsx(t,{defaultValue:"bash",data:[{language:"bash",filename:"Terminal",code:"npm install hyper-hadar-theme"}],children:e.jsx(i,{children:a=>e.jsx(o,{value:a.language,lineNumbers:!1,children:e.jsx(d,{language:a.language,children:a.code})})})})})]})}),e.jsx(r,{number:3,title:"Abrir archivo de configuración",children:e.jsxs("div",{className:"space-y-1",children:[e.jsxs("p",{children:["Abre Hyper y presiona:",e.jsx(n,{className:"mx-1 text-hadar-pink",children:"Ctrl +,"}),"en Windows/Linux",e.jsxs(n,{className:"mx-1 text-hadar-pink",children:[e.jsx(c,{})," +,"]}),"en macOS"]}),e.jsxs("p",{children:["Esto abrirá tu archivo de configuración",e.jsx("code",{className:"font-bold text-hadar-orange ms-1",children:"~/.hyper.js"}),"."]})]})}),e.jsx(r,{number:4,title:"Añadir el plugin",children:e.jsxs("div",{className:"space-y-1",children:[e.jsxs("p",{children:["Dentro de tu archivo",e.jsx("code",{className:"font-bold text-hadar-orange ms-1",children:"~/.hyper.js"}),", busca la sección",e.jsx("code",{className:"font-bold text-hadar-orange mx-1",children:"plugins"}),"y añade el tema:"]}),e.jsx(s.Suspense,{fallback:e.jsx("div",{className:"h-32 w-full animate-pulse rounded-md bg-[#00000C] border border-[#2f3b54]"}),children:e.jsx(t,{defaultValue:"js",data:[{language:"js",filename:".hyper.js",code:`plugins: [
3  'hadar-theme'
4]`}],children:e.jsx(i,{children:a=>e.jsx(o,{value:a.language,lineNumbers:!1,children:e.jsx(d,{language:a.language,children:a.code})})})})})]})}),e.jsx(r,{number:5,title:"Guardar y reiniciar",children:"Guarda el archivo y reinicia Hyper para aplicar los cambios."})]}),e.jsxs("div",{className:"mt-12 text-center",children:[e.jsx("p",{className:"text-gray-400 mb-6",children:"Descarga aquí y sigue las instrucciones:"}),e.jsx(m,{gradient:"hyper"})]})]})]})});export{f as default};