Diffstat (limited to 'views')
| -rw-r--r-- | views/layouts/general-page.html | 13 | ||||
| -rw-r--r-- | views/pages/global-map.html | 2 | ||||
| -rw-r--r-- | views/partials/catalogue-blog-cards.html | 2 |
3 files changed, 5 insertions, 12 deletions
diff --git a/views/layouts/general-page.html b/views/layouts/general-page.html index 491c652..2d125ae 100644 --- a/views/layouts/general-page.html +++ b/views/layouts/general-page.html @@ -401,22 +401,15 @@ localStorage.setItem("theme", theme); document.body.setAttribute("data-theme", theme); switchThemeDecor(theme); - } - - const savedTheme = localStorage.getItem("theme") || "lilac"; - switchTheme(savedTheme); - - function switchColorScheme(isNightMode) { - if (isNightMode) { + if (theme == "ram" || theme == "night") { makeMultitoneOklch('multitone', 4, '--color-background-dark', '--color-accent-light', '--color-background-light'); } else { makeMultitoneOklch('multitone', 4, '--color-background-light', '--color-accent-light', '--color-background-dark'); } } - const mq = matchMedia('(prefers-color-scheme: dark)'); - switchColorScheme(mq.matches); - mq.addEventListener('change', (e) => switchColorScheme(e.matches)); + const savedTheme = localStorage.getItem("theme") || "lilac"; + switchTheme(savedTheme); </script> <script src="{{ .StaticStorageBaseUrl }}/libs/htmx/2.0.6/htmx.min.js"></script> diff --git a/views/pages/global-map.html b/views/pages/global-map.html index 788eac9..a6dc006 100644 --- a/views/pages/global-map.html +++ b/views/pages/global-map.html @@ -229,6 +229,7 @@ const themeWheel = document.getElementById("theme-wheel"); const themeButton = document.getElementById("sidebar-theme-button"); const themeIcons = document.querySelectorAll(".theme-icon"); + const themeWheelRadius = convertRemToPixels(6); const THUMB_BASE = "{{ .ThumbnailBaseUrl }}"; themeIcons.forEach((icon) => { @@ -293,7 +294,6 @@ const buttonRect = themeButton.getBoundingClientRect(); const buttonCenterX = buttonRect.left + buttonRect.width / 2; const buttonCenterY = buttonRect.top + buttonRect.height / 2; - const themeWheelRadius = convertRemToPixels(6); const margin = 0; diff --git a/views/partials/catalogue-blog-cards.html b/views/partials/catalogue-blog-cards.html index 799955f..3eebd58 100644 --- a/views/partials/catalogue-blog-cards.html +++ b/views/partials/catalogue-blog-cards.html @@ -24,7 +24,7 @@ <p class="basis-56 grow text-base italic text-secondary text-right">{{ .PublishedTime }}</p> {{- end }} </div> - <p class="font-m-plus">{{ .ShortDescription }}</p> + <p class="font-gentium">{{ .ShortDescription }}</p> {{- if not $.HideTags }} <p class="font-m-plus text-sm">{{ $.L.TagsLabel }} {{ template "catalogue-blog-card-tags.html" . }}</p> {{- end }} |