From 3d34a1163fee0739e1afc28596ef7fd1d6c843ff Mon Sep 17 00:00:00 2001
From: Mimi <1119186082@qq.com>
Date: Wed, 17 Apr 2024 12:14:19 +0800
Subject: [PATCH] Update .category-list-count style

---
 .../_common/components/pages/categories.styl  | 11 ++--------
 source/css/_common/outline/header/menu.styl   |  3 +--
 source/css/_mixins.styl                       | 11 ++++++++++
 source/css/_schemes/Mist/_menu.styl           |  9 --------
 source/css/_schemes/Muse/_menu.styl           |  7 ------
 source/css/_schemes/Pisces/_menu.styl         |  8 -------
 source/css/_variables/Mist.styl               |  4 ++++
 source/css/_variables/Pisces.styl             | 22 ++++++++++++-------
 source/css/_variables/base.styl               |  9 ++++++++
 9 files changed, 41 insertions(+), 43 deletions(-)

diff --git a/source/css/_common/components/pages/categories.styl b/source/css/_common/components/pages/categories.styl
index 130c58f..300887b 100644
--- a/source/css/_common/components/pages/categories.styl
+++ b/source/css/_common/components/pages/categories.styl
@@ -18,15 +18,8 @@
   }
 
   .category-list-count {
-    color: $grey;
-
-    &::before {
-      content: ' (';
-    }
-
-    &::after {
-      content: ') ';
-    }
+    font-size: $font-size-smallest;
+    badge();
   }
 
   .category-list-child {
diff --git a/source/css/_common/outline/header/menu.styl b/source/css/_common/outline/header/menu.styl
index 2f23ee0..6571c2d 100644
--- a/source/css/_common/outline/header/menu.styl
+++ b/source/css/_common/outline/header/menu.styl
@@ -36,8 +36,7 @@
   }
 
   .badge {
-    font-weight: bold;
-    line-height: 1;
+    badge();
   }
 }
 
diff --git a/source/css/_mixins.styl b/source/css/_mixins.styl
index d5e7278..7c172d2 100644
--- a/source/css/_mixins.styl
+++ b/source/css/_mixins.styl
@@ -281,3 +281,14 @@ menu-item-row() {
     margin-left: auto;
   }
 }
+
+badge() {
+  background: $badge-background;
+  border-radius: $badge-border-radius;
+  color: $badge-color;
+  font-weight: bold;
+  line-height: 1;
+  margin-left: .35em;
+  padding: $badge-padding;
+  text-shadow: $badge-text-shadow;
+}
diff --git a/source/css/_schemes/Mist/_menu.styl b/source/css/_schemes/Mist/_menu.styl
index 9f87c0a..50392b0 100644
--- a/source/css/_schemes/Mist/_menu.styl
+++ b/source/css/_schemes/Mist/_menu.styl
@@ -34,14 +34,5 @@
         menu-item-row();
       }
     }
-
-    .badge {
-      background: white;
-      border-radius: 10px;
-      color: $black-light;
-      margin-left: .35em;
-      padding: 1px 4px;
-      text-shadow: 1px 1px 0 rgba(0, 0, 0, .1);
-    }
   }
 }
diff --git a/source/css/_schemes/Muse/_menu.styl b/source/css/_schemes/Muse/_menu.styl
index b9b21e4..2551d51 100644
--- a/source/css/_schemes/Muse/_menu.styl
+++ b/source/css/_schemes/Muse/_menu.styl
@@ -48,11 +48,4 @@
       width: 100%;
     }
   }
-
-  .badge {
-    background: $gainsboro;
-    color: $black-light;
-    margin-left: .35em;
-    padding: 1px 4px;
-  }
 }
diff --git a/source/css/_schemes/Pisces/_menu.styl b/source/css/_schemes/Pisces/_menu.styl
index 6f3e9eb..7c7bb10 100644
--- a/source/css/_schemes/Pisces/_menu.styl
+++ b/source/css/_schemes/Pisces/_menu.styl
@@ -19,14 +19,6 @@
       display: none;
     }
   }
-
-  .badge {
-    background: $grey-light;
-    border-radius: 10px;
-    color: var(--content-bg-color);
-    padding: 2px 5px;
-    text-shadow: 1px 1px 0 rgba(0, 0, 0, .1);
-  }
 }
 
 if (not hexo-config('menu_settings.badges')) {
diff --git a/source/css/_variables/Mist.styl b/source/css/_variables/Mist.styl
index c0d5ca2..a93c882 100644
--- a/source/css/_variables/Mist.styl
+++ b/source/css/_variables/Mist.styl
@@ -25,3 +25,7 @@ $btn-default-hover-bg           = transparent;
 $btn-default-border-color       = var(--link-color);
 $btn-default-hover-color        = var(--link-hover-color);
 $btn-default-hover-border-color = var(--link-hover-color);
+
+$badge-background    = white;
+$badge-border-radius = 10px;
+$badge-text-shadow   = 1px 1px 0 rgba(0, 0, 0, .1);
diff --git a/source/css/_variables/Pisces.styl b/source/css/_variables/Pisces.styl
index 7ec4253..34b84f8 100644
--- a/source/css/_variables/Pisces.styl
+++ b/source/css/_variables/Pisces.styl
@@ -57,13 +57,19 @@ $site-state-item-name-color       = $grey-dark;
 // --------------------------------------------------
 
 // Button
-$btn-default-radius           = 2px;
-$btn-default-bg               = white;
-$btn-default-color            = $text-color;
-$btn-default-border-color     = $text-color;
-$btn-default-hover-bg         = $black-deep;
-$btn-default-hover-color      = white;
+$btn-default-radius       = 2px;
+$btn-default-bg           = white;
+$btn-default-color        = $text-color;
+$btn-default-border-color = $text-color;
+$btn-default-hover-bg     = $black-deep;
+$btn-default-hover-color  = white;
 
 // Back to top
-$b2t-opacity                  = .6;
-$b2t-opacity-hover            = .8;
+$b2t-opacity              = .6;
+$b2t-opacity-hover        = .8;
+
+$badge-background         = $grey-light;
+$badge-border-radius      = 10px;
+$badge-color              = var(--content-bg-color);
+$badge-padding            = 2px 5px;
+$badge-text-shadow        = 1px 1px 0 rgba(0, 0, 0, .1);
diff --git a/source/css/_variables/base.styl b/source/css/_variables/base.styl
index e7fb8c3..6faafe3 100644
--- a/source/css/_variables/base.styl
+++ b/source/css/_variables/base.styl
@@ -387,3 +387,12 @@ $label = {
   warning : lighten(spin($note-border.warning, 10), 83% + $lbg),
   danger  : lighten(spin($note-border.danger, -10), 87% + $lbg)
 };
+
+
+// Badge colors
+// --------------------------------------------------
+$badge-padding = 1px 4px;
+$badge-border-radius = 0;
+$badge-background = $gainsboro;
+$badge-color = $black-light;
+$badge-text-shadow = none;