fix apply-colors

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

@@ -153,6 +153,7 @@
     li.page-item {
       button.page-link {
         @extend .btn-dark;
+        color: var(--primary);
       }
     }
   }

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

@@ -28,7 +28,7 @@
   $color-dropdown-link: var(--color-dropdown-link,var(--color-global));
   $color-dropdown-link-hover: var(--color-dropdown-link-hover,var(--color-global));
   $color-dropdown-link-active: var(--color-dropdown-link-active,var(--color-reversal));
-  $bgcolor-dropdown-link-hover: var(--bgcolor-dropdown-link-hover,hsl.lighten(var(--bgcolor-global),15%));
+  $bgcolor-dropdown-link-hover: hsl.lighten(var(--bgcolor-global),15%);
   $bgcolor-dropdown-link-active: var(--bgcolor-dropdown-link-active,var(--primary));
 
 
@@ -43,6 +43,7 @@
   $dropdown-color: $color-dropdown;
   $dropdown-link-color: $color-dropdown-link;
   $dropdown-link-hover-color: $color-dropdown-link-hover;
+  $dropdown-link-hover-bg: $bgcolor-dropdown-link-hover;
   $dropdown-link-active-color: $color-dropdown-link-active;
   $dropdown-link-active-bg: $bgcolor-dropdown-link-active;
 

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

@@ -122,7 +122,7 @@ ul.pagination {
   li.page-item {
     button.page-link {
       color: var(--primary);
-      border-color: var(--secondary);
+      border-color: var(--secondary) !important;
       &:hover,
       &:active,
       &:focus {

packages/preset-themes/src/styles/default.scss

@@ -191,7 +191,7 @@
   // --color-list-hover: var(--color-global); // optional
   --bgcolor-list-hover: #{hsl.lighten(var(--bgcolor-global),3%)}; // optional
   // --color-list-active: white ; // optional
-  --bgcolor-list-active: var(--primary); // optional
+  // --bgcolor-list-active: var(--primary); // optional
 
   // Table colors
   // --color-table: #; // optional