From f8e8dc9bcce7fb4a27a2c0f363d58cc7c1472d0a Mon Sep 17 00:00:00 2001
From: dmnix <107721559+dmnix@users.noreply.github.com>
Date: Fri, 24 Nov 2023 22:17:38 +0100
Subject: [PATCH] CSS: dark mode

Feed preview will use dark mode according to the browser settings.
Colors are the same (or similar) that Firefox uses in its own menus.
---
 preview.css | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/preview.css b/preview.css
index 06453e5..c7e98b4 100644
--- a/preview.css
+++ b/preview.css
@@ -169,3 +169,27 @@ img {
   padding-left: 5px;
   padding-top: 3px;
 }
+
+@media(prefers-color-scheme: dark){
+  html {
+    background-color: rgb(28, 27, 34);
+    color: white;
+  }
+  h1 {
+    border-color: rgba(249,249,250,0.2);
+  }
+  #feedBody {
+    border-color: rgba(249,249,250,0.2);
+    background-color: rgb(35, 34, 43);
+  }
+  #feedBody a {
+    color: rgb(0,221,255);
+  }
+  .link {
+    color: rgb(0,221,255);
+  }
+  .enclosures {
+    border-color: rgba(249,249,250,0.2);
+    background-color: rgb(28, 27, 34);
+  }
+}