Style carousel dots to look the same too

This commit is contained in:
Lim Chee Aun 2023-01-24 12:15:39 +08:00
parent 51eaf4f1f2
commit 8cbed0911e

View file

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