Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 7 additions & 7 deletions es/customize/themes.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -31,22 +31,22 @@ export const ThemeCard = ({ title, value, description, href }) => {
};

<div className="pt-10 pb-24 px-4 px-4 max-w-3xl mx-auto prose prose-gray">
<label className="eyebrow h-5 text-primary dark:text-primary-light text-sm font-semibold">Conceptos fundamentales</label>
<label className="eyebrow h-5 text-primary dark:text-primary-light text-sm font-semibold">Conceptos clave</label>
<h1 className="mt-1 mb-2 text-2xl sm:text-3xl text-gray-900 tracking-tight dark:text-gray-200 font-semibold">Temas</h1>
<label className="text-lg prose prose-gray dark:prose-invert">Personaliza la apariencia de tu documentación<br /><br />Configura [theme](es/settings#param-theme) en docs.json usando uno de los siguientes temas.</label>
<label className="text-lg prose prose-gray dark:prose-invert">Personaliza la apariencia de tu documentación<br /><br />Configura [theme](/es/organize/settings#param-theme) en docs.json con uno de los siguientes temas.</label>

<br />

<div className="mt-10 grid grid-cols-1 sm:grid-cols-2 gap-8 not-prose">
<ThemeCard title="Mint" value="mint" description="Tema de documentación clásico con diseños probados y navegación familiar." href="https://mint.mintlify.app" />
<ThemeCard title="Mint" value="mint" description="Tema clásico de documentación con diseños probados y navegación familiar." href="https://mint.mintlify.app" />

<ThemeCard title="Maple" value="maple" description="Estética moderna y limpia, ideal para productos de IA y SaaS." href="https://maple.mintlify.app" />
<ThemeCard title="Maple" value="maple" description="Estética moderna y limpia, perfecta para productos de IA y SaaS." href="https://maple.mintlify.app" />

<ThemeCard title="Palm" value="palm" description="Tema fintech sofisticado con amplias opciones de personalización para documentación empresarial." href="https://palm.mintlify.app" />
<ThemeCard title="Palm" value="palm" description="Tema fintech sofisticado con gran capacidad de personalización para documentación empresarial." href="https://palm.mintlify.app" />

<ThemeCard title="Willow" value="willow" description="Lo esencial, sin adornos, para una documentación sin distracciones." href="https://willow.mintlify.app" />
<ThemeCard title="Willow" value="willow" description="Esenciales depurados para una documentación sin distracciones." href="https://willow.mintlify.app" />

<ThemeCard title="Linden" value="linden" description="Aire de terminal retro con tipografías monoespaciadas para una estética hacker de los 80." href="https://linden.mintlify.app" />
<ThemeCard title="Linden" value="linden" description="Estética de terminal retro con tipografías monoespaciadas para ese look hacker de los 80." href="https://linden.mintlify.app" />

<ThemeCard title="Almond" value="almond" description="Organización basada en tarjetas combinada con diseño minimalista para una navegación intuitiva." href="https://almond.mintlify.app" />

Expand Down
10 changes: 5 additions & 5 deletions fr/customize/themes.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -33,22 +33,22 @@ export const ThemeCard = ({ title, value, description, href }) => {
<div className="pt-10 pb-24 px-4 px-4 max-w-3xl mx-auto prose prose-gray">
<label className="eyebrow h-5 text-primary dark:text-primary-light text-sm font-semibold">Concepts clés</label>
<h1 className="mt-1 mb-2 text-2xl sm:text-3xl text-gray-900 tracking-tight dark:text-gray-200 font-semibold">Thèmes</h1>
<label className="text-lg prose prose-gray dark:prose-invert">Personnalisez l’apparence de votre documentation<br /><br />Configurez [theme](fr/settings#param-theme) dans docs.json en choisissant l’un des thèmes suivants.</label>
<label className="text-lg prose prose-gray dark:prose-invert">Personnalisez l’apparence de votre documentation<br /><br />Configurez [theme](/fr/organize/settings#param-theme) dans docs.json avec l’un des thèmes suivants.</label>

<br />

<div className="mt-10 grid grid-cols-1 sm:grid-cols-2 gap-8 not-prose">
<ThemeCard title="Mint" value="mint" description="Thème de documentation classique avec des mises en page éprouvées et une navigation familière." href="https://mint.mintlify.app" />

<ThemeCard title="Maple" value="maple" description="Esthétique moderne et épurée, idéale pour les produits IA et SaaS." href="https://maple.mintlify.app" />
<ThemeCard title="Maple" value="maple" description="Esthétique moderne et épurée, parfaite pour les produits d’IA et de SaaS." href="https://maple.mintlify.app" />

<ThemeCard title="Palm" value="palm" description="Thème fintech sophistiqué, avec une personnalisation poussée pour la documentation d’entreprise." href="https://palm.mintlify.app" />

<ThemeCard title="Willow" value="willow" description="L’essentiel épuré pour une documentation sans distraction." href="https://willow.mintlify.app" />
<ThemeCard title="Willow" value="willow" description="L’essentiel, sans superflu, pour une documentation sans distraction." href="https://willow.mintlify.app" />

<ThemeCard title="Linden" value="linden" description="Ambiance terminal rétro avec polices monospace pour une esthétique hacker des années 80." href="https://linden.mintlify.app" />
<ThemeCard title="Linden" value="linden" description="Ambiance terminal rétro avec polices à chasse fixe pour une esthétique hacker des années 80." href="https://linden.mintlify.app" />

<ThemeCard title="Almond" value="almond" description="Organisation en cartes associée à un design minimaliste pour une navigation intuitive." href="https://almond.mintlify.app" />
<ThemeCard title="Almond" value="almond" description="Organisation en cartes et design minimaliste pour une navigation intuitive." href="https://almond.mintlify.app" />

<ThemeCard title="Aspen" value="aspen" description="Documentation moderne conçue pour une navigation complexe et des composants personnalisés." href="https://aspen.mintlify.app" />
</div>
Expand Down
18 changes: 9 additions & 9 deletions zh/customize/themes.mdx
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
---
title: "主题"
description: "自定义文档外观"
description: "自定义文档的外观"
mode: "frame"
---

Expand All @@ -14,12 +14,12 @@ export const ThemeCard = ({ title, value, description, href }) => {
<div>
<div className="mt-4 flex space-x-2 items-center">
<h4 className="text-base font-medium text-gray-900 dark:text-gray-200">{title}</h4>
<label className="text-sm text-gray-500 dark:text-gray-400">{value}</label>
<label className="text-sm text-gray-500 dark:text-gray-400">"{value}"</label>
</div>
<div class="mt-1 prose-sm prose-gray mb-2 text-gray-500 dark:text-gray-400">{description}</div>
<div className="flex items-center gap-1 mt-2 text-green-600 group-hover:text-green-800 dark:text-green-500 dark:group-hover:text-green-400">
<span className="text-sm font-medium">
查看预览
查看效果
</span>
<svg className="size-3 group-hover:translate-x-0.5 transition-all" width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.05566 2.70996L9.91678 7.57107L5.05566 12.4322" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
Expand All @@ -33,23 +33,23 @@ export const ThemeCard = ({ title, value, description, href }) => {
<div className="pt-10 pb-24 px-4 px-4 max-w-3xl mx-auto prose prose-gray">
<label className="eyebrow h-5 text-primary dark:text-primary-light text-sm font-semibold">核心概念</label>
<h1 className="mt-1 mb-2 text-2xl sm:text-3xl text-gray-900 tracking-tight dark:text-gray-200 font-semibold">主题</h1>
<label className="text-lg prose prose-gray dark:prose-invert">自定义文档的外观<br /><br />在 docs.json 中配置 [theme](zh/settings#param-theme),从以下主题中选择。</label>
<label className="text-lg prose prose-gray dark:prose-invert">自定义文档的外观<br /><br />在 docs.json 中配置 [theme](/zh/organize/settings#param-theme),并从以下主题中进行选择。</label>

<br />

<div className="mt-10 grid grid-cols-1 sm:grid-cols-2 gap-8 not-prose">
<ThemeCard title="Mint" value="mint" description="经典的文档主题,沿用久经考验的布局与熟悉的导航。" href="https://mint.mintlify.app" />
<ThemeCard title="Mint" value="mint" description="经典文档主题,布局成熟稳定,导航直观易用。" href="https://mint.mintlify.app" />

<ThemeCard title="Maple" value="maple" description="现代、清爽的设计风格,非常适合 AI 与 SaaS 产品。" href="https://maple.mintlify.app" />
<ThemeCard title="Maple" value="maple" description="现代、简洁的美学风格,非常适合 AI 与 SaaS 产品。" href="https://maple.mintlify.app" />

<ThemeCard title="Palm" value="palm" description="精致的金融科技主题,提供深度可定制能力,适用于企业级文档。" href="https://palm.mintlify.app" />
<ThemeCard title="Palm" value="palm" description="为企业级文档提供深度自定义的高端金融科技主题。" href="https://palm.mintlify.app" />

<ThemeCard title="Willow" value="willow" description="回归本质的精简设计,带来无干扰的阅读体验。" href="https://willow.mintlify.app" />

<ThemeCard title="Linden" value="linden" description="复古终端氛围与等宽字体,呈现 80 年代黑客美学。" href="https://linden.mintlify.app" />

<ThemeCard title="Almond" value="almond" description="卡片式信息组织结合极简设计,导航直观易用。" href="https://almond.mintlify.app" />
<ThemeCard title="Almond" value="almond" description="卡片式信息组织搭配极简设计,导航更直观。" href="https://almond.mintlify.app" />

<ThemeCard title="Aspen" value="aspen" description="为复杂导航与自定义组件打造的现代化文档主题。" href="https://aspen.mintlify.app" />
<ThemeCard title="Aspen" value="aspen" description="为复杂导航与自定义组件而打造的现代文档主题。" href="https://aspen.mintlify.app" />
</div>
</div>