js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 04:09:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

fixing theme.js logic (#1492)

Browse Source 
* to adhere to original work in talbs/update-theme-logic
* to also account for work in talbs/update-header
This commit is contained in:
Brian Talbot
2025-09-25 10:55:40 -04:00
committed by GitHub
parent 53f1b3615d
commit 255647d2a9
1 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
packages/webawesome/docs/assets/scripts/theme.js
View File

@@ -9,9 +9,9 @@ async function updateTheme(value, isInitialLoad = false) {
// Get brand, palette, and theme name from the selected option
const themeSelector = document.querySelector('.theme-selector');
const selectedOption = themeSelector?.querySelector(`wa-dropdown-item[value="${value}"]`);
const brand = selectedOption?.getAttribute('data-brand') || 'blue';
const palette = selectedOption?.getAttribute('data-palette') || 'default';
const themeName = selectedOption?.textContent.trim() || 'Unknown';
let brand = selectedOption?.getAttribute('data-brand') || 'blue';
let palette = selectedOption?.getAttribute('data-palette') || 'default';
let themeName = selectedOption?.textContent.trim() || 'Unknown';
if (!isInitialLoad) {
// Disable tooltip during theme transition
@@ -39,12 +39,14 @@ async function updateTheme(value, isInitialLoad = false) {
let href = `/dist/styles/themes/${value}.css`;
if (document.querySelector('wa-page').dataset.pageType === 'site') {
value = 'site';
brand = 'orange';
href = `/assets/styles/theme-site.css`;
palette = 'default';
value = 'site';
} else {
localStorage.setItem('theme', value);
localStorage.setItem('brand', brand);
localStorage.setItem('palette', palette);
localStorage.setItem('theme', value);
}
// Update theme classes