KKlochko/decentralised_book_index
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update the DarkModeSwitcher component to change the icon order.

Browse Source
This commit is contained in:
KKlochko
2025-06-03 10:48:59 +03:00
parent aded500cab
commit e754ef0d8f
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/vendor/dark_mode.js
Vendored
+2 -2
View File
@@ -11,8 +11,8 @@ const setupThemeToggle = () => {
const themeToggleDarkIcon = document.getElementById('theme-toggle-dark-icon'); const themeToggleDarkIcon = document.getElementById('theme-toggle-dark-icon');
const themeToggleLightIcon = document.getElementById('theme-toggle-light-icon'); const themeToggleLightIcon = document.getElementById('theme-toggle-light-icon');
if (themeToggleDarkIcon == null || themeToggleLightIcon == null) return; if (themeToggleDarkIcon == null || themeToggleLightIcon == null) return;
const show = dark ? themeToggleDarkIcon : themeToggleLightIcon const show = dark ? themeToggleLightIcon : themeToggleDarkIcon;
const hide = dark ? themeToggleLightIcon : themeToggleDarkIcon const hide = dark ? themeToggleDarkIcon : themeToggleLightIcon;
show.classList.remove('hidden', 'text-transparent'); show.classList.remove('hidden', 'text-transparent');
hide.classList.add('hidden', 'text-transparent'); hide.classList.add('hidden', 'text-transparent');
if (dark) { if (dark) {
lib/decentralised_book_index_web/components/my_components/dark_mode_switcher.ex
+2 -2
View File
@@ -45,8 +45,8 @@ defmodule DecentralisedBookIndexWeb.Components.MyComponents.DarkModeSwitcher do
const themeToggleLightIcon = document.getElementById('theme-toggle-light-icon'); const themeToggleLightIcon = document.getElementById('theme-toggle-light-icon');
if (themeToggleDarkIcon != null && themeToggleLightIcon != null) { if (themeToggleDarkIcon != null && themeToggleLightIcon != null) {
let dark = document.documentElement.classList.contains('dark'); let dark = document.documentElement.classList.contains('dark');
const show = dark ? themeToggleDarkIcon : themeToggleLightIcon const show = dark ? themeToggleLightIcon : themeToggleDarkIcon;
const hide = dark ? themeToggleLightIcon : themeToggleDarkIcon const hide = dark ? themeToggleDarkIcon : themeToggleLightIcon;
show.classList.remove('hidden', 'text-transparent'); show.classList.remove('hidden', 'text-transparent');
hide.classList.add('hidden', 'text-transparent'); hide.classList.add('hidden', 'text-transparent');
} }