Skip to content

Latest commit

 

History

History
64 lines (49 loc) · 2.06 KB

themes.md

File metadata and controls

64 lines (49 loc) · 2.06 KB

Themes

There is a handful of themes available, both official and community-made. Copy Vue and buble website custom theme and @liril-net contribution to the theme of the black style.

<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/themes/vue.css" />
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/themes/buble.css" />
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/themes/dark.css" />
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/themes/pure.css" />

!> Compressed files are available in /lib/themes/.

<!-- compressed -->

<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/lib/themes/vue.css" />
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/lib/themes/buble.css" />
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/lib/themes/dark.css" />
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/lib/themes/pure.css" />

If you have any ideas or would like to develop a new theme, you are welcome to submit a pull request.

Click to preview

vue.css buble.css dark.css pure.css
<style> .demo-theme-preview a { padding-right: 10px; } .demo-theme-preview a:hover { cursor: pointer; text-decoration: underline; } </style> <script> var preview = Docsify.dom.find('.demo-theme-preview'); var themes = Docsify.dom.findAll('[rel="stylesheet"]'); preview.onclick = function (e) { var title = e.target.getAttribute('data-theme'); themes.forEach(function (theme) { theme.disabled = theme.title !== title; }); }; </script>

Other themes