From 2bd4e392263a5508bf6238ef42a80205f180ee63 Mon Sep 17 00:00:00 2001
From: sakrecoer <setto@dyne.org>
Date: Fri, 7 Aug 2026 11:25:43 +0200
Subject: [PATCH] boring meeting

---
 themes/one-pager/assets/css/style.css | 34 +++++++++++++--------------
 1 file changed, 16 insertions(+), 18 deletions(-)

diff --git a/themes/one-pager/assets/css/style.css b/themes/one-pager/assets/css/style.css
index 83b6a96..8eaa647 100644
--- a/themes/one-pager/assets/css/style.css
+++ b/themes/one-pager/assets/css/style.css
@@ -157,7 +157,7 @@ body {
 }
 
 #bannerino {
-
+  filter: grayscale(100%);
   position:absolute;
   top:0;
   left:0;
@@ -372,15 +372,13 @@ body {
   left: 0;
   right: 0;
   z-index: 999;
-  background: var(--bg-primary);
+  background: #0000008a;
   border-bottom: 3px solid var(--accent-yellow);
-  opacity: .9;
   padding: 0.8rem 2rem;
   transform: translateY(-100%);
   transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.4s ease;
-  box-shadow: 0 4px 20px var(--shadow-color);
+  box-shadow: 0 4px 20px #0000008a;
   backdrop-filter: blur(20px);
-  -webkit-backdrop-filter: blur(10px);
 }
 
 .sticky-nav.visible {
@@ -528,14 +526,14 @@ body {
 
 .blog-card:hover {
   transform: skewX(0deg) translate(-4px, -4px);
-  box-shadow: 12px 12px 0 var(--accent-yellow);
+  box-shadow: 12px 12px 0 var(--accent-grey);
 }
 
 .blog-header-image {
   width: 100%;
   height: 220px;
   object-fit: cover;
-  border-bottom: 3px solid var(--accent-yellow);
+  border-bottom: 3px solid var(--accent-grey);
   filter: grayscale(100%);
   transition: all 0.3s ease;
 }
@@ -587,7 +585,7 @@ button {
 .read-more-toggle {
   background: var(--accent-yellow);
   color: #0a0a0a !important; /* Force black */
-  border: 2px solid var(--accent-grey);
+  border: 2px solid var(--accent-yellow);
   padding: 0.6rem 1.5rem;
   font-family: 'Poppins', sans-serif;
   font-weight: 700;
@@ -600,7 +598,7 @@ button {
 
 .read-more-toggle:hover {
   background: var(--accent-black);
-  color: var(--accent-yellow) !important; /* Yellow on hover */
+  color: var(--bg-primary) !important; /* Yellow on hover */
   border-color: var(--accent-yellow);
   transform: scale(1.05);
 }
@@ -644,7 +642,7 @@ button {
 
 .music-card:hover {
   transform: skewX(0deg) translate(-4px, -4px);
-  box-shadow: 12px 12px 0 var(--accent-yellow);
+  box-shadow: 12px 12px 0 var(--accent-grey);
 }
 
 .music-image {
@@ -734,7 +732,7 @@ button {
 .lyrics-toggle {
   background: var(--accent-yellow);
   color: #0a0a0a !important; /* Force black */
-  border: 2px solid var(--accent-grey);
+  border: 2px solid var(--accent-yellow);
   padding: 0.6rem 1.5rem;
   font-family: 'Poppins', sans-serif;
   font-weight: 700;
@@ -761,7 +759,7 @@ button {
   margin-top: 1rem;
   padding: 1.5rem;
   background: var(--bg-secondary);
-  border-left: 4px solid var(--accent-yellow);
+  border-left: 1px solid var(--accent-yellow);
   color: var(--text-secondary);
   font-weight: 400;
   font-size: 0.9rem;
@@ -787,7 +785,7 @@ button {
 
 .photo-item:hover {
   transform: skewX(0deg) translate(-4px, -4px);
-  box-shadow: 12px 12px 0 var(--accent-yellow);
+  box-shadow: 12px 12px 0 var(--accent-grey);
 }
 
 .photo-item img {
@@ -843,14 +841,14 @@ button {
 
 .video-item:hover {
   transform: skewX(0deg) translate(-4px, -4px);
-  box-shadow: 12px 12px 0 var(--accent-yellow);
+  box-shadow: 12px 12px 0 var(--accent-grey);
 }
 
 .video-item video {
   width: 100%;
   background: var(--accent-black);
   display: block;
-  border-bottom: 3px solid var(--accent-yellow);
+  border-bottom: 3px solid var(--accent-grey);
 }
 
 .video-info {
@@ -1256,8 +1254,8 @@ button {
   text-transform: uppercase;
   cursor: pointer;
   transition: all 0.3s ease;
-  filter: drop-shadow(0px 0px 10px var(--accent-yellow));
-  animation: glow 1s infinite alternate;
+  filter: drop-shadow(0px 0px 20px var(--accent-yellow));
+  animation: glow 3s infinite alternate;
 }
 
 .refresh-button:hover {
@@ -1276,7 +1274,7 @@ button {
     filter: drop-shadow(0px 0px 5px var(--accent-yellow));
   }
   to {
-    filter: drop-shadow(0px 0px 10px var(--accent-yellow));
+    filter: drop-shadow(0px 0px 20px var(--accent-yellow));
   }
 }
 /* ============ CYBERPUNK FOOTER ============ */