mirror of
https://github.com/mintlify/docs.git
synced 2026-09-14 13:35:46 +08:00
mintlify[bot]
3ca550b188
* docs: update hosted docs domain to mintlify.site * docs: complete mintlify.site migration across remaining pages Updates 45 files that PR 6282 had originally changed but were reverted by PR 6285 and not re-addressed in this PR: - snippets/vercel-json-generator.mdx (all 4 locales): rewrite destinations now use mintlify.site, consistent with deploy/vercel.mdx - assistant/use.mdx: example deep-link URLs - ai/skillmd.mdx: agent card subdomain reference - guides/assistant-embed.mdx: docsURL code example - guides/codex.mdx: MCP URL example - deploy/authentication-setup.mdx: example Mintlify subdomain - discovery-openapi.json: domain identifier URL descriptions (4 occurrences) - integrations/privacy/osano.mdx: managed rule domain - editor/branching-and-publishing.mdx: branch preview URL format - customize/themes.mdx: theme demo site links - guides/help-center.mdx: live example link - zh/editor/collaborate.mdx: branch preview URL format All changes mirrored across es, fr, and zh locales. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com> --------- Co-authored-by: mintlify[bot] <109931778+mintlify[bot]@users.noreply.github.com> Co-authored-by: Ethan Palm <56270045+ethanpalm@users.noreply.github.com> Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
61 lines
4.0 KiB
Plaintext
61 lines
4.0 KiB
Plaintext
---
|
||
title: "Thèmes"
|
||
description: "Choisissez et configurez un thème pour personnaliser les couleurs, le mode sombre, la mise en page et l'apparence visuelle de votre site de documentation."
|
||
mode: "frame"
|
||
keywords: ["sélection de thème", "Mint", "Maple", "Palm", "Willow", "Linden", "Almond", "Aspen", "Sequoia", "personnalisation de l’apparence"]
|
||
boost: 3
|
||
---
|
||
|
||
export const ThemeCard = ({ title, value, description, href }) => {
|
||
return (
|
||
<a className="mt-4 gap-10 group cursor-pointer" href={href}>
|
||
<div>
|
||
<img className="mt-0 rounded-2xl group-hover:scale-105 transition-all block" src={`https://raw.githubusercontent.com/mintlify/docs/refs/heads/main/images/themes/${value}.png`} alt={title} noZoom />
|
||
</div>
|
||
<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>
|
||
</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">
|
||
Voir l’aperçu
|
||
</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" />
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
);
|
||
};
|
||
|
||
<div className="pt-10 pb-24 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 fondamentaux</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/organize/settings-appearance#theme) dans docs.json en utilisant 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.site" />
|
||
|
||
<ThemeCard title="Maple" value="maple" description="Esthétique moderne et épurée, idéale pour les produits d’IA et de SaaS." href="https://maple.mintlify.site" />
|
||
|
||
<ThemeCard title="Palm" value="palm" description="Thème fintech sophistiqué avec une personnalisation avancée pour la documentation d’entreprise." href="https://palm.mintlify.site" />
|
||
|
||
<ThemeCard title="Willow" value="willow" description="L’essentiel épuré pour une documentation sans distraction." href="https://willow.mintlify.site" />
|
||
|
||
<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.site" />
|
||
|
||
<ThemeCard title="Almond" value="almond" description="Organisation par cartes alliée à un design minimaliste pour une navigation intuitive." href="https://almond.mintlify.site" />
|
||
|
||
<ThemeCard title="Aspen" value="aspen" description="Documentation moderne conçue pour une navigation complexe et des composants personnalisés." href="https://aspen.mintlify.site" />
|
||
|
||
<ThemeCard title="Sequoia" value="sequoia" description="Mises en page minimalistes et élégantes conçues pour une documentation à grande échelle axée sur le contenu." href="https://sequoia.mintlify.site" />
|
||
|
||
<ThemeCard title="Luma" value="luma" description="Design épuré et minimaliste pour une documentation soignée." href="https://luma.mintlify.site" />
|
||
</div>
|
||
</div>
|