mirror of
https://github.com/docsifyjs/docsify.git
synced 2025-12-08 19:55:52 +00:00
4ae87bb18b
* Update JS build - Change rollup build from API to config file - Change output dir from lib to dist - Update lib to dist path in related files - Update dependencies - Add banner comment to bundles - Add unminified plugin bundles * Update docs with v5 version lock and dist path * Update docs to reference minified themes * Clean up docs * Update CSS build - Change CSS build from API to CLI - Change output dir from lib to dist - Update lib to dist path in related files - Update dependencies - Add sourcemaps * Update dependencies * Clean up package.json and add keywords * Fix rimraf globs on Windows * Fix PostCSS CLI glob on Windows * Update test-related dependencies * Update emoji * Add engines prop to package.json
57 lines
1.7 KiB
Markdown
57 lines
1.7 KiB
Markdown
# Themes
|
|
|
|
Docsify offers several official themes to choose from. Click a theme name below to preview each theme.
|
|
|
|
- <a href="#" data-theme="vue">Vue</a>
|
|
- <a href="#" data-theme="buble">Buble</a>
|
|
- <a href="#" data-theme="dark">Dark</a>
|
|
- <a href="#" data-theme="pure">Pure</a>
|
|
- <a href="#" data-theme="dolphin">Dolphin</a>
|
|
|
|
Official themes are available on multiple [CDNs](cdn). Uncompressed themes are also available by omitting the `.min` from the filename.
|
|
|
|
<!-- prettier-ignore -->
|
|
```html
|
|
<!-- Vue -->
|
|
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@5/themes/vue.min.css" />
|
|
|
|
<!-- Buble -->
|
|
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@5/themes/buble.min.css" />
|
|
|
|
<!-- Dark -->
|
|
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@5/themes/dark.min.css" />
|
|
|
|
<!-- Pure -->
|
|
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@5/themes/pure.min.css" />
|
|
|
|
<!-- Dolphin -->
|
|
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@5/themes/dolphin.min.css" />
|
|
```
|
|
|
|
## Endorsed
|
|
|
|
The Docsify team endorses the following third-party themes. Click a link below the learn more.
|
|
|
|
- [docsify-themeable](https://jhildenbiddle.github.io/docsify-themeable) - A delightfully simple theme system for docsify.
|
|
|
|
## More Themes
|
|
|
|
See [Awesome Docsify](awesome) for more themes.
|
|
|
|
<script>
|
|
const previewElm = Docsify.dom.findAll('a[data-theme]');
|
|
const stylesheetElms = Docsify.dom.findAll('link[rel="stylesheet"]');
|
|
|
|
previewElm.forEach(elm => {
|
|
elm.onclick = (e) => {
|
|
e.preventDefault();
|
|
const title = e.target.getAttribute('data-theme');
|
|
|
|
stylesheetElms.forEach(theme => {
|
|
theme.disabled = theme.title !== title;
|
|
});
|
|
};
|
|
});
|
|
|
|
</script>
|