diff --git a/index.html b/index.html index ff033ef..1c919e7 100644 --- a/index.html +++ b/index.html @@ -23,9 +23,9 @@ - + -
+awesome vibe coding prompts to help you build simple apps
diff --git a/vibe/script.js b/vibe/script.js index f8de9e2..b30bdc8 100644 --- a/vibe/script.js +++ b/vibe/script.js @@ -252,11 +252,11 @@ document.addEventListener('DOMContentLoaded', () => { function toggleDarkMode() { document.body.classList.toggle('dark-mode'); const isDark = document.body.classList.contains('dark-mode'); - localStorage.setItem('darkMode', isDark); + localStorage.setItem('dark-mode', isDark); } // Initialize dark mode from localStorage -const savedDarkMode = localStorage.getItem('darkMode') === 'true'; +const savedDarkMode = localStorage.getItem('dark-mode') === 'true'; if (savedDarkMode) { document.body.classList.add('dark-mode'); } diff --git a/vibe/style.css b/vibe/style.css deleted file mode 100644 index 2afd5c4..0000000 --- a/vibe/style.css +++ /dev/null @@ -1,43 +0,0 @@ -.contribute-card { - background: linear-gradient(45deg, var(--accent-color) 0%, var(--accent-color-light) 100%); - color: white !important; - transition: transform 0.2s ease, box-shadow 0.2s ease; -} - -.contribute-card:hover { - transform: translateY(-2px); - box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); -} - -.contribute-card .prompt-title { - color: white; - font-weight: 600; -} - -.contribute-card .prompt-content { - color: rgba(255, 255, 255, 0.9); - margin: 1rem 0; -} - -.contribute-card .contributor-badge { - background-color: rgba(255, 255, 255, 0.2); - color: white; - border: none; -} - -.contribute-card .contributor-badge:hover { - background-color: rgba(255, 255, 255, 0.3); -} - -.contribute-card svg { - stroke: white; -} - -/* Dark mode adjustments */ -.dark-mode .contribute-card { - box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); -} - -.dark-mode .contribute-card:hover { - box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); -} \ No newline at end of file