X-Git-Url: https://git.danix.xyz/?a=blobdiff_plain;f=assets%2Fsass%2Fcomponents%2F_pagination.scss;fp=assets%2Fsass%2Fcomponents%2F_pagination.scss;h=1a7ef05a77af997f83ebab229a39202de7789b2b;hb=cb4379e19f22b0e389f369a048c5cce9321366c6;hp=cb39c394268b822eee4ccc2b6caf6fcc61d79ed8;hpb=7e7766c9ada48098c94bd94aaac04f919dfb3297;p=theme-danix.xyz.git

diff --git a/assets/sass/components/_pagination.scss b/assets/sass/components/_pagination.scss
index cb39c39..1a7ef05 100644
--- a/assets/sass/components/_pagination.scss
+++ b/assets/sass/components/_pagination.scss
@@ -33,16 +33,27 @@
 				text-align: center;
 
 				&.active {
-					background-color: _palette(fg-bold);
-					color: _palette(bg);
+					background-color: _palette_light(fg-bold);
+					color: _palette_light(bg);
+					@media screen and (prefers-color-scheme: dark) {
+						background-color: _palette_dark(fg-bold);
+						color: _palette_dark(bg);
+					}
 
 					&:hover {
-						background-color: _palette(highlight);
-						color: _palette(bg) !important;
+						background-color: _palette_light(highlight);
+						color: _palette_light(bg) !important;
+						@media screen and (prefers-color-scheme: dark) {
+							background-color: _palette_dark(highlight);
+							color: _palette_dark(bg) !important;
+						}
 					}
 
 					&:active {
-						background-color: desaturate(darken(_palette(highlight), 15), 5);
+						background-color: desaturate(darken(_palette_light(highlight), 15), 5);
+						@media screen and (prefers-color-scheme: dark) {
+							background-color: desaturate(darken(_palette_dark(highlight), 15), 5);
+						}
 					}
 				}
 			}