Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit 236a6db

Browse files
Add core dark to template. Fix dist/themes URLs.
1 parent baeab02 commit 236a6db

File tree

3 files changed

+16
-8
lines changed

3 files changed

+16
-8
lines changed

‎docs/cdn.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@ Specifying the latest major version allows your site to receive all non-breaking
3434
<!-- prettier-ignore -->
3535
```html
3636
<!-- Theme -->
37-
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@5/themes/vue.min.css" />
37+
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@5/dist/themes/vue.min.css" />
3838

3939
<!-- Docsify -->
4040
<script src="//cdn.jsdelivr.net/npm/docsify@5/dist/docsify.min.js"></script>

‎docs/quickstart.md

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -51,7 +51,10 @@ Download or create an `index.html` template using the following markup:
5151
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
5252

5353
<!-- Core Theme -->
54-
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@5/themes/core.min.css">
54+
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@5/dist/themes/core.min.css">
55+
56+
<!-- Core Dark Theme (add-on / dark mode only) -->
57+
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@5/dist/themes/addons/core-dark.min.css" media="(prefers-color-scheme: dark)" />
5558
</head>
5659
<body class="loading">
5760
<div id="app"></div>
@@ -83,7 +86,7 @@ Specifying a major version in the URL (`@5`) will allow your site to receive non
8386
<!-- prettier-ignore -->
8487
```html
8588
<!-- Core Theme -->
86-
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@5/themes/core.min.css">
89+
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@5/dist/themes/core.min.css">
8790

8891
<!-- Docsify -->
8992
<script src="//cdn.jsdelivr.net/npm/docsify@5"></script>
@@ -94,7 +97,7 @@ If you prefer to lock docsify to a specific version, specify the full version af
9497
<!-- prettier-ignore -->
9598
```html
9699
<!-- Core Theme -->
97-
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@5.0.0/themes/core.min.css">
100+
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@5.0.0/dist/themes/core.min.css">
98101

99102
<!-- Docsify -->
100103
<script src="//cdn.jsdelivr.net/npm/docsify@5.0.0"></script>

‎docs/themes.md

Lines changed: 9 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -14,20 +14,25 @@ The Docsify "core" theme contains all of the styles and [theme properties](#them
1414

1515
Theme add-ons are used in combination with the [core theme](#core-theme). Add-ons contain CSS rules that modify [theme properties](#theme-properties) values and/or add custom style declarations. They can often (but not always) be used with other add-ons.
1616

17+
Theme add-ons can be applied conditionally using an `@media` attribute. This allows applying styles only at specific screen sizes, when light or dark mode is being used, when a device is touch enabled, etc.
18+
1719
!> Theme add-ons must be loaded after the [core theme](#core-theme).
1820

1921
<!-- prettier-ignore -->
2022
```html
2123
<!-- Core Theme -->
2224
<link rel="stylesheet" href="..." />
2325

24-
<!-- Theme (add-on) -->
26+
<!-- Theme Add-on -->
2527
<link rel="stylesheet" href="..." />
28+
29+
<!-- Theme Add-on with @media rule -->
30+
<link rel="stylesheet" href="..." media="(prefers-color-scheme: dark)" />
2631
```
2732

2833
### Core Dark (Add-on)
2934

30-
Dark mode styles for the [core theme](#core-theme). Styles can applied only when an operating system's dark mode is active by specifying a `media` attribute.
35+
Dark styles for the [core theme](#core-theme).
3136

3237
<label>
3338
<input
@@ -53,13 +58,13 @@ Dark mode styles for the [core theme](#core-theme). Styles can applied only when
5358

5459
<!-- prettier-ignore -->
5560
```html
56-
<!-- Core Dark (add-on) -->
61+
<!-- Core Dark Theme (add-on) -->
5762
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@5/dist/themes/addons/core-dark.min.css" />
5863
```
5964

6065
<!-- prettier-ignore -->
6166
```html
62-
<!-- Core Dark - Dark Mode Only (add-on) -->
67+
<!-- Core Dark Theme (add-on / dark mode only) -->
6368
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@5/dist/themes/addons/core-dark.min.css" media="(prefers-color-scheme: dark)" />
6469
```
6570

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /