Add auto dark theme

This commit is contained in:
Shea Polansky 2020-03-22 13:09:31 -07:00
parent fa8ad522cc
commit 661d436540
4 changed files with 210 additions and 2 deletions

View file

@ -16,8 +16,14 @@
{{ $style := resources.Get "css/style.css" }}
{{ $markdown := resources.Get "css/markdown.css" }}
{{ $syntaxHighlight := resources.Get "css/syntax-highlight.css" }}
{{ $css := slice $style $markdown $syntaxHighlight | resources.Concat "style.css" | resources.Minify | resources.Fingerprint }}
<link rel="stylesheet" href="{{ $css.Permalink }}">
{{ $syntaxHighlightDark := resources.Get "css/syntax-highlight-dark.css" }}
{{ $css := slice $style $markdown $syntaxHighlight $syntaxHighlightDark | resources.Concat "style.css" | resources.Minify | resources.Fingerprint }}
<link rel="stylesheet" href="{{ $css.Permalink }}" integrity="{{ $css.Data.Integrity }}">
{{ $styleDark := resources.Get "css/style-dark.css" }}
{{ $markdownDark := resources.Get "css/markdown-dark.css" }}
{{ $syntaxHighlightDark := resources.Get "css/syntax-highlight-dark.css" }}
{{ $cssDark := slice $styleDark $markdownDark $syntaxHighlightDark | resources.Concat "style-dark.css" | resources.Minify | resources.Fingerprint }}
<link rel="stylesheet" href="{{ $cssDark.Permalink }}" media="(prefers-color-scheme: dark)" integrity="{{ $cssDark.Data.Integrity }}">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<!-- custom css -->