From c9a48cf4827e80873a3ed850d10c0e59adb04f5c Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Tue, 5 Mar 2024 19:11:50 +0800
Subject: [PATCH] New .plain6

I honestly need better naming sense
---
 src/index.css         | 8 ++++++++
 src/pages/catchup.jsx | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/index.css b/src/index.css
index c56446bc..149375a8 100644
--- a/src/index.css
+++ b/src/index.css
@@ -267,6 +267,14 @@ button[hidden] {
 :is(button, .button).plain5:not(:disabled, .disabled):is(:hover, :focus) {
   text-decoration: underline;
 }
+:is(button, .button).plain6 {
+  background-color: var(--bg-blur-color);
+  color: var(--link-color);
+  border: 1px solid var(--link-color);
+}
+:is(button, .button).plain6:not(:disabled, .disabled):is(:hover, :focus) {
+  background-color: var(--link-bg-color);
+}
 :is(button, .button).light {
   background-color: var(--bg-faded-color);
   color: var(--text-color);
diff --git a/src/pages/catchup.jsx b/src/pages/catchup.jsx
index c6797a1b..72deb8c4 100644
--- a/src/pages/catchup.jsx
+++ b/src/pages/catchup.jsx
@@ -1210,7 +1210,7 @@ function Catchup() {
                     selectedAuthor && authorCountsList.length > 1 ? (
                       <button
                         type="button"
-                        class="plain small"
+                        class="plain6 small"
                         onClick={() => {
                           setSelectedAuthor(null);
                         }}