diff --git a/docs/cdn.md b/docs/cdn.md
index f462a079d..80c2e9a7f 100644
--- a/docs/cdn.md
+++ b/docs/cdn.md
@@ -34,7 +34,7 @@ Specifying the latest major version allows your site to receive all non-breaking
 <!-- prettier-ignore -->
 ```html
 <!-- Theme -->
-<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@5/themes/vue.min.css" />
+<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@5/dist/themes/vue.min.css" />
 
 <!-- Docsify -->
 <script src="//cdn.jsdelivr.net/npm/docsify@5/dist/docsify.min.js"></script>
diff --git a/docs/quickstart.md b/docs/quickstart.md
index d8ff63f2d..e96834052 100644
--- a/docs/quickstart.md
+++ b/docs/quickstart.md
@@ -51,7 +51,10 @@ Download or create an `index.html` template using the following markup:
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
 
     <!-- Core Theme -->
-    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@5/themes/core.min.css">
+    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@5/dist/themes/core.min.css">
+
+    <!-- Core Dark Theme (add-on / dark mode only) -->
+    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@5/dist/themes/addons/core-dark.min.css" media="(prefers-color-scheme: dark)" />
   </head>
   <body class="loading">
     <div id="app"></div>
@@ -83,7 +86,7 @@ Specifying a major version in the URL (`@5`) will allow your site to receive non
 <!-- prettier-ignore -->
 ```html
 <!-- Core Theme -->
-<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@5/themes/core.min.css">
+<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@5/dist/themes/core.min.css">
 
 <!-- Docsify -->
 <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
 <!-- prettier-ignore -->
 ```html
 <!-- Core Theme -->
-<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@5.0.0/themes/core.min.css">
+<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@5.0.0/dist/themes/core.min.css">
 
 <!-- Docsify -->
 <script src="//cdn.jsdelivr.net/npm/docsify@5.0.0"></script>
diff --git a/docs/themes.md b/docs/themes.md
index 1236f474d..e43ec327e 100644
--- a/docs/themes.md
+++ b/docs/themes.md
@@ -14,6 +14,8 @@ The Docsify "core" theme contains all of the styles and [theme properties](#them
 
 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.
 
+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.
+
 !> Theme add-ons must be loaded after the [core theme](#core-theme).
 
 <!-- prettier-ignore -->
@@ -21,13 +23,16 @@ Theme add-ons are used in combination with the [core theme](#core-theme). Add-on
 <!-- Core Theme -->
 <link rel="stylesheet" href="..." />
 
-<!-- Theme (add-on) -->
+<!-- Theme Add-on -->
 <link rel="stylesheet" href="..." />
+
+<!-- Theme Add-on with @media rule -->
+<link rel="stylesheet" href="..." media="(prefers-color-scheme: dark)" />
 ```
 
 ### Core Dark (Add-on)
 
-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.
+Dark styles for the [core theme](#core-theme).
 
 <label>
   <input
@@ -53,13 +58,13 @@ Dark mode styles for the [core theme](#core-theme). Styles can applied only when
 
 <!-- prettier-ignore -->
 ```html
-<!-- Core Dark (add-on) -->
+<!-- Core Dark Theme (add-on) -->
 <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@5/dist/themes/addons/core-dark.min.css" />
 ```
 
 <!-- prettier-ignore -->
 ```html
-<!-- Core Dark - Dark Mode Only (add-on) -->
+<!-- Core Dark Theme (add-on / dark mode only) -->
 <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@5/dist/themes/addons/core-dark.min.css" media="(prefers-color-scheme: dark)" />
 ```
 
diff --git a/src/themes/addons/core-dark.css b/src/themes/addons/core-dark.css
index 790b75cef..2625a157e 100644
--- a/src/themes/addons/core-dark.css
+++ b/src/themes/addons/core-dark.css
@@ -29,8 +29,14 @@
 }
 
 .cover-main {
-  a.button.secondary {
-    color: var(--color-text);
-    border-color: rgba(255, 255, 255, 0.5);
+  a.button {
+    &.secondary {
+      color: var(--color-text);
+      border-color: rgba(255, 255, 255, 0.5);
+    }
+
+    &:hover {
+      outline-color: var(--theme-color-4);
+    }
   }
 }
diff --git a/src/themes/shared/_coverpage.css b/src/themes/shared/_coverpage.css
index d6c322dcd..f6207008a 100644
--- a/src/themes/shared/_coverpage.css
+++ b/src/themes/shared/_coverpage.css
@@ -23,8 +23,10 @@
     display: flex;
   }
 
-  a:not(.anchor) {
-    text-decoration-color: var(--theme-color);
+  a {
+    &:not(.anchor) {
+      text-decoration-color: var(--theme-color);
+    }
   }
 
   blockquote {
@@ -44,6 +46,8 @@
     font: var(--cover-title-font);
 
     a {
+      color: inherit;
+
       &,
       &:hover {
         text-decoration-color: transparent;
diff --git a/src/themes/shared/_markdown.css b/src/themes/shared/_markdown.css
index b328c001e..be3d6a22c 100644
--- a/src/themes/shared/_markdown.css
+++ b/src/themes/shared/_markdown.css
@@ -151,6 +151,11 @@
     font-size: var(--font-size-mono);
   }
 
+  output,
+  pre:not(data-lang) {
+    overflow: auto;
+  }
+
   output,
   pre[data-lang] {
     position: relative;
diff --git a/src/themes/shared/_navbar.css b/src/themes/shared/_navbar.css
index c986adfef..eeac89cce 100644
--- a/src/themes/shared/_navbar.css
+++ b/src/themes/shared/_navbar.css
@@ -64,13 +64,13 @@
       translate: 50% 0;
       overflow-y: auto;
       max-height: calc(100vh - 61px);
-      padding: 1em;
+      padding: 0.75em 1em;
       border: 1px solid var(--border-color);
       border-radius: var(--border-radius);
       background: var(--color-bg);
 
       li:last-child & {
-        right: calc(0px - var(--content-margin-inline) / 2);
+        right: -0.5em;
         translate: 0;
       }
     }
