fix #1029 Pagination numbers do not display correct style upon being clicked

Author: vegegoku

domino-ui/src/main/resources/org/dominokit/domino/ui/public/css/domino-ui/dui-components/domino-ui-pagination.css

@@ -39,6 +39,7 @@
 
 .dui-page-link.dui-active:focus {
     color: var(--dui-pager-active-focus-page-color);
+    background-color: var(--dui-pager-page-link-focus-background, var(--dui-accent-l-3));
 }
 
 .dui-page-link.dui-active:hover {

domino-ui/src/main/resources/org/dominokit/domino/ui/public/css/domino-ui/dui-components/domino-ui-theme-default.css

@@ -678,7 +678,8 @@ body.dui {
     --dui-pager-item-margin: 0 var(--dui-spc-px-5) 0 var(--dui-spc-px-5);
 
     /* ============= uncomment to define specific colors ======================= */
-    /*--dui-pager-page-link-active-background: var(--dui-bg-d-2);*/
+    /*--dui-pager-page-link-active-background: var(--dui-accent);*/
+    /*--dui-pager-page-link-focus-background: var(--dui-accent-l-3);*/
     /*--dui-pager-page-link-active-hover-background: var(--dui-bg-d-3);*/
     /*--dui-pager-page-link-hover-background: var(--dui-bg-d-1);*/
     /*--dui-pager-page-link-active-hover-color: var(--dui-fg-l-5);*/