steve/just-the-docs
1
0
Fork 0
mirror of https://github.com/snachodog/just-the-docs.git synced 2025-09-13 05:13:33 -06:00
Code Issues Packages Projects Releases Wiki Activity

Make themes more customizable

Browse Source 
(cherry picked from commit dffb2706a158784e2f3091f895a868e373683bc8)
This commit is contained in:
Silvio Giebl
2019-05-20 09:48:57 +02:00
parent 418cf1d640
commit cba53a6914
12 changed files with 44 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
docs/configuration.md
View File

@@ -67,17 +67,14 @@ color_scheme: "dark"
<script>
const toggleDarkMode = document.querySelector('.js-toggle-dark-mode');
const cssFile = document.querySelector('[rel="stylesheet"]');
const originalCssRef = cssFile.getAttribute('href');
const darkModeCssRef = originalCssRef.replace('just-the-docs.css', 'dark-mode-preview.css');
jtd.addEvent(toggleDarkMode, 'click', function(){
if (cssFile.getAttribute('href') === originalCssRef) {
cssFile.setAttribute('href', darkModeCssRef);
if (jtd.getTheme() === 'dark') {
jtd.setTheme('light');
} else {
cssFile.setAttribute('href', originalCssRef);
jtd.setTheme('dark');
}
})
});
</script>
See [Customization]({{ site.baseurl }}{% link docs/customization.md %}) for more information.

11
docs/customization.md
View File

@@ -36,17 +36,14 @@ color_scheme: "dark"
<script>
const toggleDarkMode = document.querySelector('.js-toggle-dark-mode');
const cssFile = document.querySelector('[rel="stylesheet"]');
const originalCssRef = cssFile.getAttribute('href');
const darkModeCssRef = originalCssRef.replace('just-the-docs.css', 'dark-mode-preview.css');
jtd.addEvent(toggleDarkMode, 'click', function(){
if (cssFile.getAttribute('href') === originalCssRef) {
cssFile.setAttribute('href', darkModeCssRef);
if (jtd.getTheme() === 'dark') {
jtd.setTheme('light');
} else {
cssFile.setAttribute('href', originalCssRef);
jtd.setTheme('dark');
}
})
});
</script>
## Specific visual customization