95 lines
3.9 KiB
HTML
95 lines
3.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Theme Debug</title>
|
|
<script>
|
|
window.addEventListener('DOMContentLoaded', () => {
|
|
console.log('=== Theme Debug Info ===');
|
|
console.log('document.documentElement.getAttribute("data-theme"):', document.documentElement.getAttribute('data-theme'));
|
|
console.log('document.body.getAttribute("data-theme"):', document.body.getAttribute('data-theme'));
|
|
console.log('document.documentElement.dataset.theme:', document.documentElement.dataset.theme);
|
|
console.log('document.body.dataset.theme:', document.body.dataset.theme);
|
|
|
|
// 检查顶部栏元素
|
|
const topbarTitle = document.querySelector('.mobile-topbar-title');
|
|
if (topbarTitle) {
|
|
const styles = window.getComputedStyle(topbarTitle);
|
|
console.log('=== .mobile-topbar-title ===');
|
|
console.log('color:', styles.color);
|
|
console.log('text-shadow:', styles.textShadow);
|
|
}
|
|
|
|
// 检查模型选择器
|
|
const topbarSelector = document.querySelector('.mobile-topbar-selector');
|
|
if (topbarSelector) {
|
|
const styles = window.getComputedStyle(topbarSelector);
|
|
console.log('=== .mobile-topbar-selector ===');
|
|
console.log('color:', styles.color);
|
|
}
|
|
|
|
// 检查快捷菜单
|
|
const quickMenu = document.querySelector('.quick-menu');
|
|
if (quickMenu) {
|
|
const styles = window.getComputedStyle(quickMenu);
|
|
console.log('=== .quick-menu ===');
|
|
console.log('background:', styles.background);
|
|
console.log('background-color:', styles.backgroundColor);
|
|
}
|
|
|
|
// 检查菜单项
|
|
const menuEntry = document.querySelector('.menu-entry');
|
|
if (menuEntry) {
|
|
const styles = window.getComputedStyle(menuEntry);
|
|
console.log('=== .menu-entry ===');
|
|
console.log('color:', styles.color);
|
|
}
|
|
|
|
console.log('=== End Debug Info ===');
|
|
});
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<p>请在浏览器中打开主应用，然后查看控制台输出。</p>
|
|
<p>或者将以下代码复制到浏览器控制台运行：</p>
|
|
<pre>
|
|
console.log('=== Theme Debug Info ===');
|
|
console.log('document.documentElement.getAttribute("data-theme"):', document.documentElement.getAttribute('data-theme'));
|
|
console.log('document.body.getAttribute("data-theme"):', document.body.getAttribute('data-theme'));
|
|
console.log('document.documentElement.dataset.theme:', document.documentElement.dataset.theme);
|
|
console.log('document.body.dataset.theme:', document.body.dataset.theme);
|
|
|
|
const topbarTitle = document.querySelector('.mobile-topbar-title');
|
|
if (topbarTitle) {
|
|
const styles = window.getComputedStyle(topbarTitle);
|
|
console.log('=== .mobile-topbar-title ===');
|
|
console.log('color:', styles.color);
|
|
console.log('text-shadow:', styles.textShadow);
|
|
}
|
|
|
|
const topbarSelector = document.querySelector('.mobile-topbar-selector');
|
|
if (topbarSelector) {
|
|
const styles = window.getComputedStyle(topbarSelector);
|
|
console.log('=== .mobile-topbar-selector ===');
|
|
console.log('color:', styles.color);
|
|
}
|
|
|
|
const quickMenu = document.querySelector('.quick-menu');
|
|
if (quickMenu) {
|
|
const styles = window.getComputedStyle(quickMenu);
|
|
console.log('=== .quick-menu ===');
|
|
console.log('background:', styles.background);
|
|
console.log('background-color:', styles.backgroundColor);
|
|
}
|
|
|
|
const menuEntry = document.querySelector('.menu-entry');
|
|
if (menuEntry) {
|
|
const styles = window.getComputedStyle(menuEntry);
|
|
console.log('=== .menu-entry ===');
|
|
console.log('color:', styles.color);
|
|
}
|
|
|
|
console.log('=== End Debug Info ===');
|
|
</pre>
|
|
</body>
|
|
</html>
|