From b71711aa96acaa66bb122be866e935075ecf6f13 Mon Sep 17 00:00:00 2001
From: Kibi Kelburton <git@f0ck.it>
Date: Mon, 26 Jan 2026 18:23:49 +0100
Subject: [PATCH] smoother navbar black background when scrolled

---
 public/s/css/f0ck.css | 11 +++++++----
 public/s/js/f0ck.js   |  2 +-
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/public/s/css/f0ck.css b/public/s/css/f0ck.css
index 49248c3..d8ccbdd 100644
--- a/public/s/css/f0ck.css
+++ b/public/s/css/f0ck.css
@@ -1596,7 +1596,8 @@ div.posts>a:hover::after {
 }
 
 .navbar.scrolled {
-  background: #000 !important;
+  background: black !important;
+  transition: background 0.1s ease;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
 }
 
@@ -4028,9 +4029,11 @@ input#s_avatar {
   text-decoration: underline;
 }
 
-#comment-sort, #subscribe-btn, #lock-thread-btn {
-    background: none;
-    border: none;
+#comment-sort,
+#subscribe-btn,
+#lock-thread-btn {
+  background: none;
+  border: none;
 }
 
 /* Admin buttons */
diff --git a/public/s/js/f0ck.js b/public/s/js/f0ck.js
index 36c25ed..16843f2 100644
--- a/public/s/js/f0ck.js
+++ b/public/s/js/f0ck.js
@@ -295,7 +295,7 @@ window.requestAnimFrame = (function () {
   const navbar = document.querySelector('.navbar');
   if (navbar) {
     window.addEventListener('scroll', () => {
-      if (window.scrollY > 50) {
+      if (window.scrollY > 10) {
         navbar.classList.add('scrolled');
       } else {
         navbar.classList.remove('scrolled');