change pagetree-count colors

packages/app/src/components/Sidebar/PageTree/Item.tsx

@@ -102,7 +102,7 @@ type ItemCountProps = {
 const ItemCount: FC<ItemCountProps> = (props:ItemCountProps) => {
   return (
     <>
-      <span className="grw-pagetree-count px-0 badge badge-pill badge-light text-muted">
+      <span className="grw-pagetree-count px-0 badge badge-pill badge-light">
         {props.descendantCount}
       </span>
     </>

packages/app/src/styles/theme/_apply-colors-dark.scss

@@ -284,6 +284,10 @@ ul.pagination {
       lighten($bgcolor-list-hover, 5%),
       $gray-500
     );
+    .grw-pagetree-count {
+      color: $gray-400;
+      background: $gray-700;
+    }
   }
   .private-legacy-pages-link {
     &:hover {

packages/app/src/styles/theme/_apply-colors-light.scss

@@ -179,6 +179,10 @@ $border-color: $border-color-global;
       $bgcolor-list-active,
       $gray-400
     );
+    .grw-pagetree-count {
+      color: $gray-500;
+      background: $gray-200;
+    }
   }
   .private-legacy-pages-link {
     &:hover {

packages/app/src/styles/theme/mixins/_list-group.scss

@@ -38,9 +38,6 @@
     &.grw-pagetree-is-target {
       background: $bgcolor-hover;
     }
-    .grw-pagetree-count {
-      background: $bgcolor;
-    }
     .grw-pagetree-button {
       &:not(:hover) {
         svg {