# Themes

### Defaults

A minimalist theme containing only the default values used by all other
themes. This theme is intended to serve as the most basic starting point for a
customized theme.

<a href="#" data-link-title="Defaults">Preview</a> |
[Source](https://github.com/jhildenbiddle/docsify-themeable/tree/master/src/scss/themes/defaults)

```html
<!-- Theme: Defaults -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsify-themeable@0/dist/css/theme-defaults.css">
```

<figure class="thumbnails">
    <img src="assets/img/theme-defaults-cover.png" alt="Screenshot of coverpage" title="Cover page">
    <img src="assets/img/theme-defaults-content.png" alt="Screenshot of content" title="Content">
</figure>

### Simple

A clean, versatile theme featuring a light color scheme with vibrant accents, a [system font stack](https://css-tricks.com/snippets/css/system-font-stack/), a gradient
background cover page, and visual indicators for drop-menus and expand/collapse
state.

<a href="#" data-link-title="Simple">Preview</a> |
[Source](https://github.com/jhildenbiddle/docsify-themeable/tree/master/src/scss/themes/theme-simple.scss)

```html
<!-- Theme: Simple -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsify-themeable@0/dist/css/theme-simple.css">
```

<figure class="thumbnails">
    <img src="assets/img/theme-simple-cover.png" alt="Screenshot of coverpage" title="Cover page">
    <img src="assets/img/theme-simple-content.png" alt="Screenshot of content" title="Content">
</figure>

### Simple Dark

A modified version of the Simple theme featuring a dark color scheme.

<a href="#" data-link-title="Simple Dark">Preview</a> |
[Source](https://github.com/jhildenbiddle/docsify-themeable/tree/master/src/scss/themes/theme-simple-dark.scss)

```html
<!-- Theme: Simple Dark -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsify-themeable@0/dist/css/theme-simple-dark.css">
```

<figure class="thumbnails">
    <img src="assets/img/theme-simple-dark-cover.png" alt="Screenshot of coverpage" title="Cover page">
    <img src="assets/img/theme-simple-dark-content.png" alt="Screenshot of content" title="Content">
</figure>