Trez/congo-hindi-gujarati
4
0
Fork 0
mirror of https://github.com/TrezOne/congo-hindi-gujarati.git synced 2026-07-19 09:03:02 -04:00
Code Issues Packages Projects Releases Wiki Activity

♻️ Dark mode rewrite

Browse Source
This commit is contained in:
James Panther
2022-01-27 15:26:18 +11:00
parent 6a23863ff9
commit d86d1b82be
15 changed files with 92 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files
layouts/_default/baseof.html
+4 -1
View File
@@ -8,7 +8,10 @@
{{- else -}}
ltr
{{- end }}"
class="scroll-smooth {{ if .Site.Params.darkMode | default false }}dark{{ end }}"
class="scroll-smooth {{ if eq (.Site.Params.defaultAppearance | default "light") "dark" -}}
dark
{{- end }}"
data-auto-appearance="{{ .Site.Params.autoSwitchAppearance | default "true" }}"
>
{{- partial "head.html" . -}}
<body
layouts/partials/footer.html
+7 -12
View File
@@ -39,26 +39,21 @@
</p>
{{ end }}
</div>
{{/* Dark mode toggle */}}
{{ if and (.Site.Params.showDarkToggle | default false) (eq (.Site.Params.darkMode | default "auto") "auto") }}
{{/* Appearance switch */}}
{{ if .Site.Params.showAppearanceSwitcher | default false }}
<div
class="text-sm cursor-pointer text-neutral-700 dark:text-neutral hover:text-primary-600 dark:hover:text-primary-400 {{ if .Site.Params.showScrollToTop | default true -}}
ltr:mr-14 rtl:ml-14
{{- end }}"
>
<button
id="dark-toggle"
class="inline w-12 h-12 dark:hidden"
id="appearance-switcher"
class="w-12 h-12 "
type="button"
title="{{ i18n "footer.dark_appearance" }}"
>
{{ partial "icon.html" "moon" }}
</button>
<button
id="light-toggle"
class="hidden w-12 h-12 cursor-pointer dark:inline"
title="{{ i18n "footer.light_appearance" }}"
>
{{ partial "icon.html" "sun" }}
<span class="inline dark:hidden">{{ partial "icon.html" "moon" }}</span>
<span class="hidden dark:inline">{{ partial "icon.html" "sun" }}</span>
</button>
</div>
{{ end }}
layouts/partials/head.html
+4 -5
View File
@@ -50,9 +50,9 @@
href="{{ $bundleCSS.RelPermalink }}"
integrity="{{ $bundleCSS.Data.Integrity }}"
/>
{{ if eq (.Site.Params.darkMode | default "auto") "auto" }}
{{ $jsDark := resources.Get "js/dark.js" }}
{{ $assets.Add "js" (slice $jsDark) }}
{{ if .Site.Params.enableAppearanceSwitching | default true }}
{{ $jsAppearance := resources.Get "js/appearance.js" }}
{{ $assets.Add "js" (slice $jsAppearance) }}
{{ end }}
{{ if .Site.Params.enableSearch | default false }}
{{ $jsFuse := resources.Get "lib/fuse/fuse.min.js" }}
@@ -62,11 +62,10 @@
{{ if .Site.Params.enableCodeCopy | default false }}
{{ $jsCode := resources.Get "js/code.js" }}
{{ $assets.Add "js" (slice $jsCode) }}
<script type="application/json" id="code-lang" data-copy="{{ i18n "code.copy" }}" data-copied="{{ i18n "code.copied" }}"></script>
{{ end }}
{{ if $assets.Get "js" }}
{{ $bundleJS := $assets.Get "js" | resources.Concat "js/main.bundle.js" | resources.Minify | resources.Fingerprint "sha512" }}
<script defer type="text/javascript" src="{{ $bundleJS.RelPermalink }}" integrity="{{ $bundleJS.Data.Integrity }}"></script>
<script defer type="text/javascript" id="script-bundle" src="{{ $bundleJS.RelPermalink }}" integrity="{{ $bundleJS.Data.Integrity }}" data-copy="{{ i18n "code.copy" }}" data-copied="{{ i18n "code.copied" }}"></script>
{{ end }}
{{/* Icons */}}
{{ if templates.Exists "partials/favicons.html" }}