diff --git a/index.html b/index.html
index cad5639..b6db31c 100644
--- a/index.html
+++ b/index.html
@@ -44,9 +44,9 @@
+
-
-
+ -->
diff --git a/script.js b/script.js
index 4b72c4c..43662e4 100644
--- a/script.js
+++ b/script.js
@@ -296,21 +296,27 @@ document.addEventListener('DOMContentLoaded', () => {
});
// Color theme initialization
- const colorThemeSelect = document.getElementById('colorThemeSelect');
+ const colorThemeSelect = document.getElementById('colorThemeSelect'); // This will be null since we commented it out
const savedColorTheme = localStorage.getItem('colorTheme');
const defaultTheme = 'default';
// Validate saved theme exists
const initialTheme = colorThemes[savedColorTheme] ? savedColorTheme : defaultTheme;
- colorThemeSelect.value = initialTheme;
+ // Only set the value if the element exists
+ if (colorThemeSelect) {
+ colorThemeSelect.value = initialTheme;
+ }
applyColorTheme(initialTheme);
// Color theme change event listener
- colorThemeSelect.addEventListener('change', (e) => {
- const selectedTheme = e.target.value;
- localStorage.setItem('colorTheme', selectedTheme);
- applyColorTheme(selectedTheme);
- });
+ // Only add the event listener if the element exists
+ if (colorThemeSelect) {
+ colorThemeSelect.addEventListener('change', (e) => {
+ const selectedTheme = e.target.value;
+ localStorage.setItem('colorTheme', selectedTheme);
+ applyColorTheme(selectedTheme);
+ });
+ }
// Test if marked is loaded
if (typeof marked === 'undefined') {