diff --git a/style.css b/style.css
index 42938ea..260c6c3 100644
--- a/style.css
+++ b/style.css
@@ -288,6 +288,14 @@ body.dark-mode {
gap: 8px;
position: relative;
}
+
+ body.vibe .site-header {
+ height: auto !important;
+ }
+
+ body.vibe .sidebar {
+ display: none !important;
+ }
.header-right {
position: absolute;
diff --git a/vibe/index.md b/vibe/index.md
index 7bb413b..fd65557 100644
--- a/vibe/index.md
+++ b/vibe/index.md
@@ -1,8 +1,9 @@
---
-title: prompts.chat/vibe
+title: /vibe
subtitle: awesome vibe coding prompts to help you build simple apps
hide_platform_selector: true
hide_extension_link: true
hide_tone_selector: true
subpage: true
+body_class: vibe
---
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