diff --git a/asciinema/theme/custom.css b/asciinema/theme/custom.css
index ce9838f..88cbd90 100644
--- a/asciinema/theme/custom.css
+++ b/asciinema/theme/custom.css
@@ -35,18 +35,11 @@
 
 /* Global Styling */
 body {
-  background-color: var(--pivoine-bg-darker) !important;
+  background-color: var(--pivoine-bg-dark) !important;
   color: var(--pivoine-text-primary) !important;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif !important;
 }
 
-/* Main content area with better contrast */
-main,
-.main-content {
-  background-color: var(--pivoine-bg-dark) !important;
-  min-height: 100vh;
-}
-
 /* Headings with accent color */
 h1, h2, h3, h4, h5, h6,
 .h1, .h2, .h3, .h4, .h5, .h6 {
@@ -68,14 +61,14 @@ header,
 .header,
 nav,
 .navbar {
-  background-color: var(--pivoine-bg-darker) !important;
+  background-color: var(--pivoine-bg-dark) !important;
   border-bottom: 2px solid var(--pivoine-rose) !important;
 }
 
 /* Override Bootstrap navbar-dark and bg-dark */
 .navbar-dark,
 .bg-dark {
-  background-color: var(--pivoine-bg-darker) !important;
+  background-color: var(--pivoine-bg-dark) !important;
 }
 
 .navbar,
@@ -334,7 +327,7 @@ tr:hover {
 
 /* Footer */
 footer {
-  background-color: var(--pivoine-bg-darker) !important;
+  background-color: var(--pivoine-bg-dark) !important;
   border-top: 2px solid var(--pivoine-rose) !important;
   color: var(--pivoine-text-secondary) !important;
   padding: 24px 0 !important;