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; }