File size: 2,814 Bytes
9202e58 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 | // Undefined Theme Project JavaScript
// Theme configuration: undefined mode
// Colors: undefined (primary), undefined (secondary)
class UndefinedThemeManager {
constructor() {
this.isDarkMode = false;
this.primaryColor = 'undefined';
this.secondaryColor = 'undefined';
this.theme = 'undefined';
this.init();
}
init() {
this.loadTheme();
this.setupEventListeners();
this.updateThemeIcon();
}
// Theme management functions
toggleTheme() {
this.isDarkMode = !this.isDarkMode;
this.applyTheme();
this.saveTheme();
}
applyTheme() {
const html = document.documentElement;
if (this.isDarkMode) {
html.classList.add('dark');
} else {
html.classList.remove('dark');
}
}
loadTheme() {
const savedTheme = localStorage.getItem('undefined-theme');
if (savedTheme === 'dark') {
this.isDarkMode = true;
}
this.applyTheme();
}
saveTheme() {
localStorage.setItem('undefined-theme', this.isDarkMode ? 'dark' : 'light');
}
updateThemeIcon() {
const icon = document.getElementById('themeIcon');
if (icon) {
icon.setAttribute('data-feather', this.isDarkMode ? 'sun' : 'moon');
feather.replace();
}
}
setupEventListeners() {
const themeToggle = document.getElementById('themeToggle');
if (themeToggle) {
themeToggle.addEventListener('click', () => this.toggleTheme());
}
// Keyboard shortcuts
document.addEventListener('keydown', (e) => {
if (e.ctrlKey && e.shiftKey && e.key === 'T') {
this.toggleTheme();
}
});
}
// Utility functions
getThemeInfo() {
return {
primaryColor: this.primaryColor,
secondaryColor: this.secondaryColor,
theme: this.theme,
isDarkMode: this.isDarkMode
};
}
}
// Initialize the theme manager
const themeManager = new UndefinedThemeManager();
// Sample functionality for demonstration
document.addEventListener('DOMContentLoaded', function() {
console.log('Undefined Theme Project initialized');
console.log('Theme Info:', themeManager.getThemeInfo());
// Add some interactive elements
const cards = document.querySelectorAll('.bg-white');
cards.forEach((card, index) => {
card.classList.add('hover-lift');
card.addEventListener('click', () => {
console.log(`Card ${index + 1} clicked`);
});
});
});
// Export for use in other scripts
if (typeof module !== 'undefined' && module.exports) {
module.exports = UndefinedThemeManager;
} |