63 lines
1.7 KiB
JavaScript
63 lines
1.7 KiB
JavaScript
// Theme Test - kopiere diesen Code in F12 Console
|
|
console.log('=== TESTING THEME FIX ===');
|
|
|
|
// Teste Ocean Blue direkt
|
|
const oceanTheme = {
|
|
background: 'rgb(240, 249, 255)',
|
|
foreground: 'rgb(12, 74, 110)',
|
|
glassBg: 'rgba(255, 255, 255, 0.9)',
|
|
glassBorder: 'rgba(59, 130, 246, 0.2)',
|
|
primary: 'rgb(14, 165, 233)'
|
|
};
|
|
|
|
// Entferne alte Styles
|
|
const oldStyles = document.getElementById('test-theme-styles');
|
|
if (oldStyles) oldStyles.remove();
|
|
|
|
// Erstelle neue Styles
|
|
const styleElement = document.createElement('style');
|
|
styleElement.id = 'test-theme-styles';
|
|
styleElement.textContent = `
|
|
body {
|
|
background-color: ${oceanTheme.background} !important;
|
|
color: ${oceanTheme.foreground} !important;
|
|
}
|
|
|
|
.glass-card,
|
|
.glass-header,
|
|
.glass-button,
|
|
.glass-avatar,
|
|
.glass-tag,
|
|
.glass-input {
|
|
background: ${oceanTheme.glassBg} !important;
|
|
border: 1px solid ${oceanTheme.glassBorder} !important;
|
|
backdrop-filter: blur(20px);
|
|
-webkit-backdrop-filter: blur(20px);
|
|
}
|
|
|
|
.text-primary {
|
|
color: ${oceanTheme.primary} !important;
|
|
}
|
|
|
|
.bg-primary {
|
|
background-color: ${oceanTheme.primary} !important;
|
|
}
|
|
`;
|
|
|
|
document.head.appendChild(styleElement);
|
|
|
|
console.log('✅ Ocean Blue Theme applied');
|
|
console.log('Glass BG:', oceanTheme.glassBg);
|
|
console.log('Glass Border:', oceanTheme.glassBorder);
|
|
|
|
// Prüfe ob es funktioniert
|
|
setTimeout(() => {
|
|
const glassCards = document.querySelectorAll('.glass-card');
|
|
if (glassCards.length > 0) {
|
|
const firstCard = glassCards[0];
|
|
const styles = getComputedStyle(firstCard);
|
|
console.log('Erste Glass Card Background:', styles.backgroundColor);
|
|
console.log('Erste Glass Card Border:', styles.borderColor);
|
|
}
|
|
}, 100);
|