florent/pages
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix distill dark mode again (#517)

Browse Source
This commit is contained in:
Maruan 2021-12-31 19:47:19 +03:00 committed by GitHub
parent b950fc3fdb
commit 17329fca3a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 16 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
_layouts/distill.html
View File

@ -8,7 +8,6 @@
<!-- Distill js -->
<script src="{{ '/assets/js/distillpub/template.v2.js' | relative_url }}"></script>
<script src="{{ '/assets/js/distillpub/transforms.v2.js' | relative_url }}"></script>
<script src="{{ '/assets/js/distillpub/overrides.js' | relative_url }}"></script>
{% if page._styles %}
<!-- Page/Post style -->
<style type="text/css">
@ -105,4 +104,7 @@
<d-bibliography src="{{ page.bibliography | prepend: '/assets/bibliography/' | relative_url }}">
</d-bibliography>
{% include scripts/jquery.html %}
<script src="{{ '/assets/js/distillpub/overrides.js' | relative_url }}"></script>
</html>

14
_sass/_distill.scss
View File

@ -44,13 +44,13 @@ d-article {
width: calc(max(70%, 300px));
margin-right: 0px;
margin-top: 0em;
display: grid;
grid-template-columns:
minmax(8px, 1fr) [toc] auto
display: grid;
grid-template-columns:
minmax(8px, 1fr) [toc] auto
minmax(8px, 1fr) [toc-line] 1px
minmax(32px, 2fr);
nav {
nav {
grid-column: toc;
a {
border-bottom: none !important;
@ -87,6 +87,10 @@ d-article {
grid-column: toc-line;
}
}
d-footnote {
scroll-margin-top: 66px;
}
}
d-appendix {

4
assets/js/distillpub/overrides.js
View File

@ -5,6 +5,8 @@ $(document).ready(function() {
.setAttribute("style", "color: var(--global-theme-color);");
footnote.shadowRoot.querySelector("d-hover-box").shadowRoot.querySelector("style").sheet
.insertRule(".panel {background-color: var(--global-bg-color) !important;}");
footnote.shadowRoot.querySelector("d-hover-box").shadowRoot.querySelector("style").sheet
.insertRule(".panel {border-color: var(--global-divider-color) !important;}");
});
// Override styles of the citations.
document.querySelectorAll("d-cite").forEach(function(cite) {
@ -16,5 +18,7 @@ $(document).ready(function() {
.insertRule("ul li a:hover {color: var(--global-theme-color) !important;}");
cite.shadowRoot.querySelector("d-hover-box").shadowRoot.querySelector("style").sheet
.insertRule(".panel {background-color: var(--global-bg-color) !important;}");
cite.shadowRoot.querySelector("d-hover-box").shadowRoot.querySelector("style").sheet
.insertRule(".panel {border-color: var(--global-divider-color) !important;}");
});
})