From 5f8e4c43e71d72250575198ab5ca8f7797f887ad Mon Sep 17 00:00:00 2001
From: Aditya Gupta <mail@adityagupta.dev>
Date: Wed, 21 Jan 2026 16:27:46 +0530
Subject: [PATCH] fix: Blue box on youtube videos

---
 borlander/styles.css | 34 ++++++++++++++++++----------------
 1 file changed, 18 insertions(+), 16 deletions(-)

diff --git a/borlander/styles.css b/borlander/styles.css
index fbb6856..2e854b7 100644
--- a/borlander/styles.css
+++ b/borlander/styles.css
@@ -1,4 +1,4 @@
-/* Apply the classic Blue background and Yellow text */
+/* 1. Global Reset (The Borland Look) */
 html,
 body,
 div,
@@ -11,14 +11,29 @@ article {
     border-color: #FFFFB6 !important;
 }
 
-/* Links (using the Cyan/Bright Blue from your palette) */
+video,
+.html5-video-player,
+.html5-video-container,
+.ytp-gradient-bottom,
+.ytp-gradient-top,
+.ytp-chrome-bottom,
+canvas {
+    background-color: transparent !important;
+}
+
+/* prevent the "Blue Box" */
+div[class*="player"],
+div[class*="video"],
+div[class*="overlay"] {
+    background-color: transparent !important;
+}
+
 a,
 a * {
     color: #B5DCFF !important;
     text-decoration: underline !important;
 }
 
-/* Headers (using the White/Bright White) */
 h1,
 h2,
 h3,
@@ -28,24 +43,11 @@ h6 {
     color: #FFFFFF !important;
 }
 
-/* Input fields and buttons */
 input,
 textarea,
 button,
 select {
     background-color: #4F4F4F !important;
-    /* Dark Grey for contrast */
     color: #FFFF4E !important;
     border: 1px solid #EEEEEE !important;
-}
-
-/* Scrollbars to match the aesthetic */
-::-webkit-scrollbar {
-    width: 12px;
-    background: #0000A4;
-}
-
-::-webkit-scrollbar-thumb {
-    background: #4F4F4F;
-    border: 1px solid #FFFF4E;
 }
\ No newline at end of file