From 51eaf4f1f2e6df0ce52db7897f98bda5ad026182 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Tue, 24 Jan 2023 11:32:33 +0800
Subject: [PATCH] Replace blue-text buttons on carousel modal

---
 src/components/status.jsx | 8 ++++----
 src/index.css             | 5 +++++
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/components/status.jsx b/src/components/status.jsx
index 8bfa0a01..d9044d85 100644
--- a/src/components/status.jsx
+++ b/src/components/status.jsx
@@ -1355,7 +1355,7 @@ function Carousel({ mediaAttachments, index = 0, onClose = () => {} }) {
         <span>
           <button
             type="button"
-            class="carousel-button plain2"
+            class="carousel-button plain3"
             onClick={() => onClose()}
           >
             <Icon icon="x" />
@@ -1391,7 +1391,7 @@ function Carousel({ mediaAttachments, index = 0, onClose = () => {} }) {
               mediaAttachments[currentIndex]?.url
             }
             target="_blank"
-            class="button carousel-button plain2"
+            class="button carousel-button plain3"
             title="Open original media in new window"
           >
             <Icon icon="popout" alt="Open original media in new window" />
@@ -1402,7 +1402,7 @@ function Carousel({ mediaAttachments, index = 0, onClose = () => {} }) {
         <div class="carousel-controls" hidden={!showControls}>
           <button
             type="button"
-            class="carousel-button plain2"
+            class="carousel-button plain3"
             hidden={currentIndex === 0}
             onClick={(e) => {
               e.preventDefault();
@@ -1417,7 +1417,7 @@ function Carousel({ mediaAttachments, index = 0, onClose = () => {} }) {
           </button>
           <button
             type="button"
-            class="carousel-button plain2"
+            class="carousel-button plain3"
             hidden={currentIndex === mediaAttachments.length - 1}
             onClick={(e) => {
               e.preventDefault();
diff --git a/src/index.css b/src/index.css
index 80adfbe6..35657fb6 100644
--- a/src/index.css
+++ b/src/index.css
@@ -162,6 +162,11 @@ button,
   color: var(--link-color);
   backdrop-filter: blur(12px) invert(0.25) brightness(1.5);
 }
+:is(button, .button).plain3 {
+  background-color: transparent;
+  color: var(--button-text-color);
+  backdrop-filter: blur(12px) invert(0.25);
+}
 :is(button, .button).light {
   background-color: var(--bg-faded-color);
   color: var(--text-color);