From 49bc1374308b6fd931a8d44c923169dd9cd4bc90 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EB=A5=98=ED=95=9C=EA=B2=BD?= <hangyeong.ryu@gmail.com>
Date: Fri, 24 Jun 2022 18:30:25 +0900
Subject: [PATCH] fix(theme-chalk): [pagination] style if selected value is
 disabled (#8447)

---
 packages/theme-chalk/src/pagination.scss | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/packages/theme-chalk/src/pagination.scss b/packages/theme-chalk/src/pagination.scss
index a8c7f1fd7c25d..b281da1efc561 100644
--- a/packages/theme-chalk/src/pagination.scss
+++ b/packages/theme-chalk/src/pagination.scss
@@ -240,6 +240,11 @@
       &.is-disabled {
         color: getCssVar('text-color', 'placeholder');
         background-color: getCssVar('disabled-bg-color');
+
+        &.is-active {
+          color: getCssVar('text-color', 'secondary');
+          background-color: getCssVar('fill-color', 'dark');
+        }
       }
       @include when(first) {
         margin-left: 0;
@@ -350,6 +355,11 @@
     &.is-active {
       color: getCssVar('pagination-hover-color');
       cursor: default;
+
+      &.is-disabled {
+        font-weight: bold;
+        color: getCssVar('text-color', 'secondary');
+      }
     }
   }