diff options
author | amazingrise <8315221+AmazingRise@users.noreply.github.com> | 2020-03-31 17:19:23 +0300 |
---|---|---|
committer | amazingrise <8315221+AmazingRise@users.noreply.github.com> | 2020-03-31 17:19:23 +0300 |
commit | c533ea6ffe9781ce724a13da8e7f410b6d86d769 (patch) | |
tree | 71a764ab101aadfe7d48908e48619f0e1607af0e /layouts | |
parent | 53f450150583e09030851f89be84c06dd76ac69d (diff) |
Add dark mode.
Diffstat (limited to 'layouts')
-rw-r--r-- | layouts/partials/extrabar.html | 8 | ||||
-rw-r--r-- | layouts/partials/head.html | 3 | ||||
-rw-r--r-- | layouts/partials/mobile-header.html | 8 |
3 files changed, 19 insertions, 0 deletions
diff --git a/layouts/partials/extrabar.html b/layouts/partials/extrabar.html index 474863e..2b14e6b 100644 --- a/layouts/partials/extrabar.html +++ b/layouts/partials/extrabar.html @@ -10,6 +10,14 @@ keyboard_arrow_up </i> </a> + <a class="pagination-action" v-on:click="toggleDarkMode"> + <i class="material-icons pagination-action-icon" v-if="isDarkMode"> + brightness_4 + </i> + <i class="material-icons pagination-action-icon" v-else="isDarkMode"> + brightness_7 + </i> + </a> {{ if .Paginator }} {{ if gt .Paginator.TotalPages 1 }} <div class="pagination-indicator"> diff --git a/layouts/partials/head.html b/layouts/partials/head.html index 655bfb8..b435785 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -30,6 +30,9 @@ {{ $styles := resources.Get "scss/journal.scss" | toCSS | minify | fingerprint }} <link rel="stylesheet" href="{{ $styles.Permalink }}" integrity="{{ $styles.Data.Integrity }}" media="screen"> +{{ $darkmode := resources.Get "scss/dark-mode.scss" | toCSS | minify | fingerprint }} +<link rel="stylesheet" href="{{ $darkmode.Permalink }}" integrity="{{ $darkmode.Data.Integrity }}" media="screen"> + <script src="{{.Site.BaseURL}}/js/loadCSS.js"></script> <script src="{{.Site.BaseURL}}/js/table.js"></script> diff --git a/layouts/partials/mobile-header.html b/layouts/partials/mobile-header.html index 3ef3743..ff2af2d 100644 --- a/layouts/partials/mobile-header.html +++ b/layouts/partials/mobile-header.html @@ -44,6 +44,14 @@ <a ref="navTitle" class="navbar-brand" href="{{.Site.BaseURL}}"> {{.Site.Title}} </a> + <button type="button" class="nav-darkmode-toggle" v-on:click="toggleDarkMode"> + <i class="material-icons" v-if="isDarkMode"> + brightness_4 + </i> + <i class="material-icons" v-else="isDarkMode"> + brightness_7 + </i> + </button> </div> </nav> <div class="single-column-header-container" ref="pageHead" |