39525-vm/debug-theme.js

45 lines
1.5 KiB
JavaScript

// DEBUG: Kopiere diesen Code in F12 Console auf der Profil-Seite
console.log('=== THEME DEBUG ===');
// 1. Prüfe ob Theme-CSS existiert
const themeStyles = document.getElementById('theme-styles');
console.log('Theme styles gefunden:', !!themeStyles);
if (themeStyles) {
console.log('Theme CSS Inhalt:');
console.log(themeStyles.textContent.substring(0, 500));
}
// 2. Prüfe CSS Variablen
const rootStyles = getComputedStyle(document.documentElement);
const vars = {
'--glass-bg': rootStyles.getPropertyValue('--glass-bg'),
'--glass-border': rootStyles.getPropertyValue('--glass-border'),
'--primary': rootStyles.getPropertyValue('--primary')
};
console.log('CSS Variablen:');
Object.entries(vars).forEach(([key, value]) => {
console.log(`${key}: "${value.trim()}"`);
});
// 3. Prüfe Glass Elemente
const glassCards = document.querySelectorAll('.glass-card');
console.log('Glass cards gefunden:', glassCards.length);
if (glassCards.length > 0) {
const firstCard = glassCards[0];
const styles = getComputedStyle(firstCard);
console.log('Erste Glass Card:');
console.log(' Background:', styles.backgroundColor);
console.log(' Border:', styles.borderColor);
console.log(' Box-shadow:', styles.boxShadow);
}
// 4. Prüfe berechnete Styles vs CSS Variablen
const computedBg = rootStyles.getPropertyValue('--glass-bg');
console.log('Computed --glass-bg:', computedBg);
console.log('RGB Werte:', computedBg.match(/\d+/g));
console.log('=== END DEBUG ===');