Add alpha to bar in dark-mode & missing margin-top

Author: JesusValeraDev

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);

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 {

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 */

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 }}">