From bdf446ef3f7d9bc12c61ca1bc4cba5f4da2d961c Mon Sep 17 00:00:00 2001
From: Alejandro Gomez <alejandro@strike.me>
Date: Sat, 21 Jan 2023 22:34:52 +0100
Subject: [PATCH] light theme fixes

---
 src/Element/FollowsYou.css  |  2 +-
 src/Element/LNURLTip.css    |  2 +-
 src/Element/Note.css        | 31 +++++++++++++++++--------------
 src/Element/UnreadCount.css |  4 ++--
 4 files changed, 21 insertions(+), 18 deletions(-)

diff --git a/src/Element/FollowsYou.css b/src/Element/FollowsYou.css
index 89d1b40f..23fb9b9e 100644
--- a/src/Element/FollowsYou.css
+++ b/src/Element/FollowsYou.css
@@ -1,5 +1,5 @@
 .follows-you {
-  color: var(--font-tertiary-color);
+  color: var(--font-color);
   font-size: var(--font-size-tiny);
   margin-left: .2em;
   font-weight: normal
diff --git a/src/Element/LNURLTip.css b/src/Element/LNURLTip.css
index f6d3d68a..74e4cd25 100644
--- a/src/Element/LNURLTip.css
+++ b/src/Element/LNURLTip.css
@@ -1,5 +1,5 @@
 .lnurl-tip {
-    background-color: var(--gray-tertiary);
+    background-color: var(--note-bg);
     padding: 10px;
     border-radius: 10px;
     width: 500px;
diff --git a/src/Element/Note.css b/src/Element/Note.css
index a3732784..8b192fe3 100644
--- a/src/Element/Note.css
+++ b/src/Element/Note.css
@@ -146,20 +146,23 @@
   color: var(--highlight);
 }
 
-@media (prefers-color-scheme: light) {
-  .indented .active {
-    background-color: var(--gray-secondary);
-  }
 
-  .note.active>.header .reply {
-    color: var(--font-secondary-color);
-  }
+.light .indented .active {
+  background-color: var(--gray-secondary);
+}
 
-  .note.active>.header>.info {
-    color: var(--font-secondary-color);
-  }
+.light .note.active>.header .reply {
+  color: var(--font-secondary-color);
+}
 
-  .note.active>.footer>.reaction-pill {
-    color: var(--font-secondary-color);
-  }
-}
\ No newline at end of file
+.light .note.active>.header>.info {
+  color: var(--font-secondary-color);
+}
+
+.light .note.active>.footer>.reaction-pill {
+  color: var(--note-bg);
+}
+
+.light .note.active>.footer>.reaction-pill.reacted {
+  color: var(--highlight);
+}
diff --git a/src/Element/UnreadCount.css b/src/Element/UnreadCount.css
index 9d70cd5c..2fcf75b2 100644
--- a/src/Element/UnreadCount.css
+++ b/src/Element/UnreadCount.css
@@ -1,11 +1,11 @@
 .pill {
+  color: var(--font-color);
   font-size: var(--font-size-small);
   display: inline-block;
-  background-color: var(--gray-tertiary);
+  background-color: var(--gray-secondary);
   padding: 2px 10px;
   border-radius: 10px;
   user-select: none;
-  color: var(--font-color);
   margin: 2px 5px;
 }
 
-- 
2.45.2