From 21c319dfdafec1cb854b695b1cb7f58875a92faf Mon Sep 17 00:00:00 2001
From: celine <celine@hyperlink.academy>
Date: Thu, 25 Sep 2025 22:49:30 -0400
Subject: [PATCH] added more opacity to footer, sidebar, header

---
 app/globals.css           | 2 +-
 components/PageHeader.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/globals.css b/app/globals.css
index e617633c..d9ecb8f0 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -372,7 +372,7 @@ pre.shiki {
 }
 
 .container {
-  background: rgba(var(--bg-page), 0.5);
+  background: rgba(var(--bg-page), 0.75);
   @apply border;
   @apply border-bg-page;
   @apply rounded-md;
diff --git a/components/PageHeader.tsx b/components/PageHeader.tsx
index 046c6eaf..356af898 100644
--- a/components/PageHeader.tsx
+++ b/components/PageHeader.tsx
@@ -54,7 +54,7 @@ export const Header = (props: {
           style={
             scrollPos < 20
               ? {
-                  backgroundColor: `rgba(${headerBGColor}, ${scrollPos / 40 + 0.5})`,
+                  backgroundColor: `rgba(${headerBGColor}, ${scrollPos / 60 + 0.75})`,
                   paddingLeft: props.hasBackgroundImage
                     ? "8px"
                     : `calc(${scrollPos / 20}*8px)`,
-- 
2.51.2