From 78edd2f92d97a61002b920539a4a262c50e3d5a7 Mon Sep 17 00:00:00 2001 From: John Hildenbiddle Date: Mon, 29 Jul 2024 10:59:22 -0500 Subject: [PATCH 1/5] Fix coverpage h1 color --- src/themes/shared/_coverpage.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/themes/shared/_coverpage.css b/src/themes/shared/_coverpage.css index d6c322dcd..5d9405c1c 100644 --- a/src/themes/shared/_coverpage.css +++ b/src/themes/shared/_coverpage.css @@ -44,6 +44,8 @@ font: var(--cover-title-font); a { + color: inherit; + &, &:hover { text-decoration-color: transparent; From 390e7939928d4e8674ee0693bf2ad4a37613a28c Mon Sep 17 00:00:00 2001 From: John Hildenbiddle Date: Mon, 29 Jul 2024 11:09:22 -0500 Subject: [PATCH 2/5] Add scrolling to pre and output elms --- src/themes/shared/_markdown.css | 5 +++++ 1 file changed, 5 insertions(+) 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; From d4237f48cc9307e35fed25fc2185937a518e81db Mon Sep 17 00:00:00 2001 From: John Hildenbiddle Date: Mon, 29 Jul 2024 11:17:30 -0500 Subject: [PATCH 3/5] Fix position of last navbar element --- src/themes/shared/_navbar.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) 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; } } From baeab0212ea29c05784461d09c5e4405b3534636 Mon Sep 17 00:00:00 2001 From: John Hildenbiddle Date: Mon, 29 Jul 2024 11:35:37 -0500 Subject: [PATCH 4/5] Fix dark coverpage button hover color --- src/themes/addons/core-dark.css | 12 +++++++++--- src/themes/shared/_coverpage.css | 6 ++++-- 2 files changed, 13 insertions(+), 5 deletions(-) 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 5d9405c1c..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 { From 236a6db5917cca13619fb1a7be07e10f9a362c83 Mon Sep 17 00:00:00 2001 From: John Hildenbiddle Date: Mon, 29 Jul 2024 11:54:45 -0500 Subject: [PATCH 5/5] Add core dark to template. Fix dist/themes URLs. --- docs/cdn.md | 2 +- docs/quickstart.md | 9 ++++++--- docs/themes.md | 13 +++++++++---- 3 files changed, 16 insertions(+), 8 deletions(-) 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 ```html - + 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: - + + + +
@@ -83,7 +86,7 @@ Specifying a major version in the URL (`@5`) will allow your site to receive non ```html - + @@ -94,7 +97,7 @@ If you prefer to lock docsify to a specific version, specify the full version af ```html - + 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). @@ -21,13 +23,16 @@ Theme add-ons are used in combination with the [core theme](#core-theme). Add-on - + + + + ``` ### 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).