Add aspen to themes

settings.mdx

@@ -13,7 +13,7 @@
 
 To get started, you only need to specify `theme`, `name`, `colors.primary`, and `navigation`. Other fields are optional and you can add them as your documentation needs grow.
 
 For the best editing experience, include the schema reference at the top of your `docs.json` file. This enables autocomplete, validation, and helpful tooltips in most code editors:
 
 ```json
 {
@@ -39,7 +39,7 @@
 <ResponseField name="theme" required>
   The layout theme of your site.
 
-One of the following: `mint`, `maple`, `palm`, `willow`, `linden`, `almond`.
+One of the following: `mint`, `maple`, `palm`, `willow`, `linden`, `almond`, `aspen`.
 
 See [Themes](themes) for more information.
 
@@ -158,7 +158,7 @@
 
   <Expandable title="Fonts">
     <ResponseField name="family" type="string" required>
       Font family, such as "Open Sans", "Playfair Display".
     </ResponseField>
     <ResponseField name="weight" type="number">
       Font weight, such as 400 or 700. Variable fonts support precise weights  such as 550.
@@ -263,12 +263,12 @@
 
 ### Structure
 
 <ResponseField name="navbar" type="object">
   Navigation bar items.
 
   <Expandable title="Navbar">
     <ResponseField name="links" type="array of object">
       Links to display in the navbar
 
       <Expandable title="Links">
         <ResponseField name="label" type="string" required>
@@ -306,7 +306,7 @@
 
   <Expandable title="Navigation">
     <ResponseField name="global" type="object">
       Global navigation elements that appear accross all pages and sections.
 
       <Expandable title="Global">
         <ResponseField name="languages" type="array of object">
@@ -540,7 +540,7 @@
   Contextual menu for AI-optimized content and integrations.
 
   <Expandable title="Contextual">
     <ResponseField name="options" type="array of &quot;copy&quot; | &quot;view&quot; | &quot;chatgpt&quot; | &quot;claude&quot;" required>
       Actions available in the contextual menu. The first option appears as the default.
       - `copy`: Copy the current page as Markdown to the clipboard.
       - `view`: View the current page as Markdown in a new tab.
@@ -559,7 +559,7 @@
 
 ### API Configurations
 
 <ResponseField name="api" type="object">
   API documentation and interactive playground settings.
 
   <Expandable title="Api">
@@ -978,7 +978,7 @@
       "footer": {
         "socials": {
           "x": "https://x.com/example",
           "linkedin": "https://www.linkedin.com/company/example",
           "github": "https://github.com/example",
           "slack": "https://example.com/community"
         },
@@ -1021,7 +1021,7 @@
       },
       "integrations": {
         "ga4": {
           "measurementId": "G-XXXXXXXXXX"
         },
         "koala": {
           "publicApiKey": "pk_example_key_123"
@@ -1030,8 +1030,8 @@
           "enabled": true
         },
         "cookies": {
           "key": "example_cookie_key",
           "value": "example_cookie_value"
         }
       },
       "contextual": {
@@ -1152,7 +1152,7 @@
       "footer": {
         "socials": {
           "x": "https://x.com/example",
           "linkedin": "https://www.linkedin.com/company/example",
           "github": "https://github.com/example",
           "slack": "https://example.com/community"
         },
@@ -1195,7 +1195,7 @@
       },
       "integrations": {
         "ga4": {
           "measurementId": "G-XXXXXXXXXX"
         },
         "koala": {
           "publicApiKey": "pk_example_key_123"
@@ -1204,8 +1204,8 @@
           "enabled": true
         },
         "cookies": {
           "key": "example_cookie_key",
           "value": "example_cookie_value"
         }
       },
       "contextual": {
@@ -1290,10 +1290,10 @@
               {
                 "dropdown": "Documentación",
                 "icon": "book",
                 "description": "Cómo usar el producto de Example Co.",
                 "pages": [
                   {
                     "group": "Comenzando",
                     "pages": ["es/index", "es/quickstart"]
                   },
                   {
@@ -1313,7 +1313,7 @@
               {
                 "dropdown": "Changelog",
                 "icon": "history",
                 "description": "Actualizaciones y cambios",
                 "pages": ["es/changelog"]
               }
             ]
@@ -1341,7 +1341,7 @@
       "footer": {
         "socials": {
           "x": "https://x.com/example",
           "linkedin": "https://www.linkedin.com/company/example",
           "github": "https://github.com/example",
           "slack": "https://example.com/community"
         },
@@ -1384,7 +1384,7 @@
       },
       "integrations": {
         "ga4": {
           "measurementId": "G-XXXXXXXXXX"
         },
         "koala": {
           "publicApiKey": "pk_example_key_123"
@@ -1393,8 +1393,8 @@
           "enabled": true
         },
         "cookies": {
           "key": "example_cookie_key",
           "value": "example_cookie_value"
         }
       },
       "contextual": {

themes.mdx

@@ -9,8 +9,8 @@
   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 dark:hidden" src={`https://mintlify.s3.us-west-1.amazonaws.com/mintlify/images/themes/${value}-light.png`} alt={title} noZoom />
         <img className="mt-0 rounded-2xl group-hover:scale-105 transition-all hidden dark:block" src={`https://mintlify.s3.us-west-1.amazonaws.com/mintlify/images/themes/${value}-dark.png`} alt={title} noZoom />
       </div>
       <div>
         <div className="mt-4 flex space-x-2 items-center">
@@ -52,6 +52,8 @@
 
 <ThemeCard title="Almond" value="almond" description="Card-based organization meets minimalist design for intuitive navigation." href="https://almond.mintlify.app" />
 
+<ThemeCard title="Aspen" value="aspen" description="Modern documentation crafted for complex navigation and custom components." href="https://aspen.mintlify.app" />
+
 </div>
 
 </div>