From b0a35de9c6b2334a822ceed3c48ea9cad0ac15b9 Mon Sep 17 00:00:00 2001
From: Cotes Chung <11371340+cotes2020@users.noreply.github.com>
Date: Wed, 17 Jun 2020 16:17:03 +0800
Subject: [PATCH] Resume page link hover effect.

---
 assets/css/_colors/dark-typography.scss  | 1 +
 assets/css/_colors/light-typography.scss | 4 +++-
 assets/css/home.scss                     | 3 +++
 3 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/assets/css/_colors/dark-typography.scss b/assets/css/_colors/dark-typography.scss
index 9345d26..fbbaaa1 100644
--- a/assets/css/_colors/dark-typography.scss
+++ b/assets/css/_colors/dark-typography.scss
@@ -45,6 +45,7 @@
   /* Home page */
   --post-list-text-color: rgb(175, 176, 177);
   --btn-patinator-text-color: var(--text-color);
+  --btn-paginator-hover-color: rgb(64, 65, 66);
   --btn-active-bg: rgba(28, 52, 94, 1);
   --btn-active-border-color: rgb(66, 94, 138);
   --btn-text-color: var(--text-color);
diff --git a/assets/css/_colors/light-typography.scss b/assets/css/_colors/light-typography.scss
index 3e5ab11..bbd3f19 100644
--- a/assets/css/_colors/light-typography.scss
+++ b/assets/css/_colors/light-typography.scss
@@ -63,12 +63,14 @@
 
   --input-focus-border-color: var(--btn-border-color);
 
-  /* Home */
+  /* Home page */
 
   --post-list-text-color: dimgray;
 
   --btn-patinator-text-color: #555555;
 
+  --btn-paginator-hover-color: #e9ecef;
+
   --btn-active-bg: #2a408e;
 
   --btn-active-border-color: #007bff;
diff --git a/assets/css/home.scss b/assets/css/home.scss
index 193631b..50a275d 100644
--- a/assets/css/home.scss
+++ b/assets/css/home.scss
@@ -76,6 +76,9 @@
       border: 1px solid var(--btn-paginator-border-color);
       font-family: 'Lato', sans-serif;
       background-color: var(--button-bg);
+      &:hover {
+        background-color: var(--btn-paginator-hover-color)
+      }
     }
     &.active {
       .page-link {