From a94cd04b1c347a0a3a0850ec028e80f5ff3d39d5 Mon Sep 17 00:00:00 2001
From: JesusValera <jesus1902@outlook.com>
Date: Tue, 4 Nov 2025 14:29:36 +0100
Subject: [PATCH] Add alpha to bar in dark-mode & missing margin-top

---
 css/components/blog.css     | 2 +-
 css/components/releases.css | 1 -
 css/theme.css               | 4 ++--
 templates/releases.html     | 2 +-
 4 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/css/components/blog.css b/css/components/blog.css
index 6e27573e..fa454d58 100644
--- a/css/components/blog.css
+++ b/css/components/blog.css
@@ -1,10 +1,10 @@
 .blog-intro {
   font-size: var(--text-lg);
   color: var(--color-light-text-secondary);
-  margin-bottom: var(--space-xl);
 }
 
 .post-list {
+  margin-top: var(--space-3xl);
   padding: 0;
   display: grid;
   gap: var(--space-xl);
diff --git a/css/components/releases.css b/css/components/releases.css
index 505ad8b1..3eeb54cc 100644
--- a/css/components/releases.css
+++ b/css/components/releases.css
@@ -1,7 +1,6 @@
 .releases-intro {
   font-size: var(--text-lg);
   color: var(--color-light-text-secondary);
-  margin-bottom: var(--space-xl);
 }
 
 .dark .releases-intro {
diff --git a/css/theme.css b/css/theme.css
index a8e2a005..adf5c7e6 100644
--- a/css/theme.css
+++ b/css/theme.css
@@ -27,12 +27,12 @@
   --color-dark-border: #3a3a3a;
   --color-dark-border-subtle: #2a2a2a;
   --color-dark-header-footer-border: #151a24;
-  --color-dark-header-bg: #151a24;
+  --color-dark-header-bg: #151a24cc;
   
   /* Card & Surface Colors */
   --color-light-surface: #ffffff;
   --color-light-surface-hover: #f8fafc;
-  --color-dark-surface: #2a313c;
+  --color-dark-surface: #2a313cfa;
   --color-dark-surface-hover: #262c36;
   
   /* Code */
diff --git a/templates/releases.html b/templates/releases.html
index 84800ed8..6b6120f1 100644
--- a/templates/releases.html
+++ b/templates/releases.html
@@ -12,7 +12,7 @@ <h1>Releases</h1>
 <p class="releases-intro">Complete list of Phel releases, automatically generated from the <a href="https://github.com/phel-lang/phel-lang/releases">Phel GitHub releases</a>.</p>
 {% endif %}
 
-<div class="release-list post-list">
+<div class="post-list">
 {% for page in paginator.pages %}
     <div class="post-list__item">
         <a class="post-card" href="{{ page.permalink | safe }}">