Comments (1)
I found it.
export const Italic = ({ children }: { children?: React.ReactNode }) => (
<em className="decoration-2 decoration-green-700">{children}</em>
);
export const Bold = ({ children }: { children?: React.ReactNode }) => (
<strong className="text-green-600 dark:text-green-700">{children}</strong>
);
export const Strikethrough = ({ children }: { children?: React.ReactNode }) => (
<del className="text-rose-600 dark:text-rose-700 decoration-1">
{children}
</del>
);
export const Blockquote = ({ children }: { children?: React.ReactNode }) => (
<blockquote className="italic m-3 px-4 py-2 text-sm font-medium text-neutral-600 bg-green-100 border-s-4 border-green-600 rounded-lg dark:bg-green-800/50 dark:border-green-600 dark:text-white">
{children}
</blockquote>
);
const MDXComponents = {
strong: Bold,
del: Strikethrough,
em: Italic,
blockquote: Blockquote,
};
// theme.config.tsx
const config: DocsThemeConfig = {
components: MDXComponents
}
But can't still find how to change theme colors - background, text, card, etc.
from nextra-docs-template.
Related Issues (20)
- Searchbar is not working HOT 5
- Feedback for “Môi trường”
- Adding a Google Analytics script to the docs template HOT 2
- Feedback for “Rotate-in-out”
- Question for “FAQ”
- Feedback for “Adding Products to Stripe”
- Feedback for “Multiple”
- Feedback for “Introduction”
- Feedback for “Introduction”
- Sidebar - Cache issues
- Nextra Docs Template
- Site not working HOT 1
- Feedback for “Pause-advanced-parallax”
- Unable to run template in Arc browser HOT 1
- search result doesnt return correct result
- Nextra v3 template
- useSharedValue for onProgressChange causes the app to exit
- hellFeedback for “Another Page”
- Edit this page is not working HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from nextra-docs-template.