From 3f64e3f439bc79c9ec40ba6f97dbfbcc89d36b1c Mon Sep 17 00:00:00 2001
From: discollizard <discollizard@github.com>
Date: Fri, 19 Jul 2024 23:30:29 -0400
Subject: [PATCH] badge now supports browser auto theming

---
 assets/css/default.css | 21 ++++++++++++---------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/assets/css/default.css b/assets/css/default.css
index 886ef065..7c4b8fcc 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -22,18 +22,21 @@ body {
   margin-right: 10px;
 }
 
-
 .dark-theme .length-watch-page{
-  position: relative;
   background-color: #fff;
   color: rgba(35, 35, 35, 1);
-  border-radius: 2px;
-  padding: 4px;
-  font-size: 20px;
-  right: 0.25em;
-  bottom: 0.25em;
-  margin-left: 10px;
-  margin-right: 10px;
+}
+
+@media (prefers-color-scheme: dark) {
+  .length-watch-page{
+    background-color: #fff;
+    color: rgba(35, 35, 35, 1);
+  }
+  
+  .light-theme .length-watch-page {
+    background-color: rgba(35, 35, 35, 0.75);
+    color: #fff;
+  }
 }
 
 #contents {