From 8cbed0911e5052bb9adc18a5f40f0564a5974f00 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Tue, 24 Jan 2023 12:15:39 +0800
Subject: [PATCH] Style carousel dots to look the same too

---
 src/app.css | 9 ++-------
 1 file changed, 2 insertions(+), 7 deletions(-)

diff --git a/src/app.css b/src/app.css
index 468cf266..f49d6bb8 100644
--- a/src/app.css
+++ b/src/app.css
@@ -646,12 +646,7 @@ button.carousel-dot {
 }
 .carousel-dots {
   border-radius: 999px;
-  backdrop-filter: blur(12px) invert(0.25) brightness(1.5);
-}
-@media (prefers-color-scheme: dark) {
-  .carousel-dots {
-    backdrop-filter: blur(12px) brightness(0.5);
-  }
+  backdrop-filter: blur(12px) invert(0.25);
 }
 button.carousel-dot {
   color: var(--text-insignificant-color) !important;
@@ -662,7 +657,7 @@ button.carousel-dot[disabled] {
   pointer-events: none;
 }
 button.carousel-dot:is(:hover, :focus, .active, [disabled].active) {
-  color: var(--link-color) !important;
+  color: var(--button-text-color) !important;
 }
 button.carousel-dot:is(.active, [disabled].active) {
   opacity: 1;