diff options
| author | Masaya Watanabe <sfbgwm30@gmail.com> | 2021-10-23 12:13:54 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-10-23 12:13:54 +0300 |
| commit | 1e757f87204a1f0efcae2573a62b179d6a3f3205 (patch) | |
| tree | 4f541751224157b5046588c3f935db9d6f2edd4c | |
| parent | 5efd46a06970840245e3c2b931b09873909017c5 (diff) | |
| parent | 98c51e844910212a346c4bdddc3daad122914a5f (diff) | |
Merge pull request #124 from matsuyoshi30/fix-darkcss
Fix dark mode
| -rw-r--r-- | layouts/partials/head.html | 16 |
1 files changed, 12 insertions, 4 deletions
diff --git a/layouts/partials/head.html b/layouts/partials/head.html index 8465bfe..7507d7e 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -23,9 +23,8 @@ <link rel="stylesheet" href="{{ .Site.BaseURL }}fontawesome/css/all.min.css" /> {{ $main := resources.Get "css/main.css" }} -{{ $dark := resources.Get "css/dark.css" }} {{ $syntax := resources.Get "css/syntax.css" }} -{{ $styles := (slice $main $dark $syntax) | resources.Concat "css/styles.css" | minify }} +{{ $styles := (slice $main $syntax) | resources.Concat "css/styles.css" | minify }} <link crossorigin="anonymous" href="{{ $styles.RelPermalink }}" @@ -37,11 +36,17 @@ {{ range .Site.Params.customCSS }} <link rel="stylesheet" href="{{ . | absURL }}" /> {{ end }} + +{{ $dark := resources.Get "css/dark.css" | minify }} <link id="dark-mode-theme" - rel="stylesheet" - href="{{ .Site.BaseURL }}css/dark.css" + crossorigin="anonymous" + href="{{ $dark.RelPermalink }}" + integrity="{{ $dark.Data.Integrity }}" + rel="preload stylesheet" + as="style" /> + <!-- Load theme mode from browser cache --> <script> var darkTheme = document.getElementById('dark-mode-theme') @@ -54,6 +59,9 @@ } </script> <!-- script --> +{{ $theme := resources.Get "js/theme.js" }} +<script defer crossorigin="anonymous" src="{{ $theme.RelPermalink }}" integrity="{{ $theme.Data.Integrity }}"></script> + {{ $instantpage := resources.Get "js/instantpage.min.js" }} <script defer crossorigin="anonymous" src="{{ $instantpage.RelPermalink }}" integrity="{{ $instantpage.Data.Integrity }}"></script> |