47 lines
1.6 KiB
JavaScript
47 lines
1.6 KiB
JavaScript
// Theme Debug Test
|
|
const { applyTheme, getTheme, themes } = require('./lib/themes.ts');
|
|
|
|
console.log('=== THEME DEBUG TEST ===');
|
|
|
|
// Test 1: Check if themes are loaded
|
|
console.log('Available themes:', themes.map(t => t.id));
|
|
|
|
// Test 2: Apply Apple Frosted Glass Light
|
|
const appleTheme = getTheme('apple-frosted-light');
|
|
if (appleTheme) {
|
|
console.log('✅ Apple Frosted Light theme found');
|
|
console.log('Primary color:', appleTheme.colors.primary);
|
|
console.log('Glass background:', appleTheme.colors.glassBackground);
|
|
|
|
// Apply theme
|
|
applyTheme(appleTheme);
|
|
console.log('✅ Apple Frosted Light theme applied');
|
|
}
|
|
|
|
// Test 3: Check CSS variables
|
|
if (typeof document !== 'undefined') {
|
|
const rootStyles = getComputedStyle(document.documentElement);
|
|
const primaryColor = rootStyles.getPropertyValue('--primary');
|
|
const glassBg = rootStyles.getPropertyValue('--glass-bg');
|
|
|
|
console.log('CSS Variables after applying theme:');
|
|
console.log('--primary:', primaryColor);
|
|
console.log('--glass-bg:', glassBg);
|
|
} else {
|
|
console.log('❌ Document not available (server-side)');
|
|
}
|
|
|
|
// Test 4: Check problematic themes
|
|
const oceanTheme = getTheme('ocean-blue');
|
|
const forestTheme = getTheme('forest-green');
|
|
|
|
console.log('Ocean Blue theme:');
|
|
console.log(' Card background:', oceanTheme?.colors.card);
|
|
console.log(' Glass background:', oceanTheme?.colors.glassBackground);
|
|
|
|
console.log('Forest Green theme:');
|
|
console.log(' Card background:', forestTheme?.colors.card);
|
|
console.log(' Glass background:', forestTheme?.colors.glassBackground);
|
|
|
|
console.log('=== END THEME DEBUG ===');
|