@quietmind/mdx-docs 0.1.12 → 0.1.14

package/README.md

@@ -188,6 +188,66 @@ export default defineConfig(
 </html>
 ```
 
+## Theming
+
+Pass a `theme` option to `createApp` to customize your site's colors and typography. All existing `createApp({ pages, site })` calls continue to work unchanged.
+
+### Simple
+
+Set a brand color and/or font family:
+
+```js
+createApp({
+  pages,
+  site,
+  theme: {
+    primaryColor: "#6200ea",
+    fontFamily: '"Inter", sans-serif',
+  },
+});
+```
+
+### Presets
+
+Import a built-in color preset for a quick start:
+
+```js
+import { createApp, themes } from "@quietmind/mdx-docs";
+
+createApp({ pages, site, theme: themes.ocean });
+```
+
+Available presets: `themes.ocean`, `themes.forest`, `themes.rose`.
+
+Presets can be extended:
+
+```js
+createApp({ pages, site, theme: { ...themes.ocean, fontFamily: '"Inter", sans-serif' } });
+```
+
+### Advanced
+
+Use `light` and `dark` keys for full per-mode [MUI theme](https://mui.com/material-ui/customization/theming/) overrides. These are deep-merged into the built-in palette, so you only need to specify what you want to change:
+
+```js
+createApp({
+  pages,
+  site,
+  theme: {
+    primaryColor: "#6200ea",
+    light: {
+      palette: { background: { default: "#f0f4f8" } },
+    },
+    dark: {
+      palette: { primary: { main: "#bb86fc" } },
+      typography: { fontFamily: '"Inter", sans-serif' },
+    },
+  },
+});
+```
+
+Mode-specific overrides take precedence over `primaryColor` and `fontFamily` shorthands.
+
 ## Tech Stack
 
 - React 19, Material-UI 7, Emotion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quietmind/mdx-docs",
-  "version": "0.1.12",
+  "version": "0.1.14",
   "type": "module",
   "homepage": "https://mdxdocs.com",
   "exports": {
@@ -77,6 +77,5 @@
   },
   "publishConfig": {
     "access": "public"
-  },
-  "packageManager": "yarn@4.13.0+sha512.5c20ba010c99815433e5c8453112165e673f1c7948d8d2b267f4b5e52097538658388ebc9f9580656d9b75c5cc996f990f611f99304a2197d4c56d21eea370e7"
+  }
 }