From af986e40e92f02c8fbf251ffe21aec238ee7eb2e Mon Sep 17 00:00:00 2001
From: William Desportes <williamdes@wdes.fr>
Date: Mon, 31 Oct 2022 21:41:07 +0100
Subject: [PATCH] Apply changes on darkwolf to fix #88

Ref: https://github.com/phpmyadmin/themes/issues/88#issuecomment-1297334836
---
 darkwolf/css/theme.css     | 53 +++++++++++++++++++++-----------------
 darkwolf/css/theme.rtl.css | 52 ++++++++++++++++++++-----------------
 2 files changed, 59 insertions(+), 46 deletions(-)

diff --git a/darkwolf/css/theme.css b/darkwolf/css/theme.css
index 8a05bffce..7b0ad4cb2 100644
--- a/darkwolf/css/theme.css
+++ b/darkwolf/css/theme.css
@@ -5487,10 +5487,10 @@ ul#topmenu > li.active a:hover {
 .page-link {
     position: relative;
     display: block;
-    color: #0d6efd;
+    color: #669cc0;
     text-decoration: none;
-    background-color: #fff;
-    border: 1px solid #dee2e6;
+    background-color: #212529;
+    border: 1px solid #333;
     transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
 }
 @media(prefers-reduced-motion: reduce) {
@@ -5500,43 +5500,50 @@ ul#topmenu > li.active a:hover {
 }
 .page-link:hover {
     z-index: 2;
-    color: #0a58ca;
-    background-color: #e9ecef;
-    border-color: #dee2e6
+    color: #999;
+    background-color: #00365a;
+    
+	text-decoration: none
 }
 .page-link:focus {
     z-index: 3;
-    color: #0a58ca;
-    background-color: #e9ecef;
+    color: #999;
+    background-color: #00365a;
     outline: 0;
-    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
+    
 }
 .page-item:not(:first-child) .page-link {
     margin-left: -1px
 }
 .page-item.active .page-link {
     z-index: 3;
-    color: #fff;
-    background-color: #0d6efd;
-    border-color: #0d6efd
+    color: #ccc;
+    background-color: #00365a;
+   
 }
 .page-item.disabled .page-link {
-    color: #6c757d;
+    color: #444;
     pointer-events: none;
-    background-color: #fff;
-    border-color: #dee2e6
+    background-color: #1B1E21;
+    
+}
+.page-item:last-child .page-link{
+	background-color: #004940;
+	color:#999;	
+	margin-left: 5px;
+	border: none;
+	border-radius: 4px;
+	height: 38px
+}
+.page-item:last-child:hover .page-link{
+	background-color: #005e52;
+	color:#ccc;
+	
 }
 .page-link {
     padding: .375rem .75rem
 }
-.page-item:first-child .page-link {
-    border-top-left-radius: .25rem;
-    border-bottom-left-radius: .25rem
-}
-.page-item:last-child .page-link {
-    border-top-right-radius: .25rem;
-    border-bottom-right-radius: .25rem
-}
+
 .pagination-lg .page-link {
     padding: .75rem 1.5rem;
     font-size: 1.25rem
diff --git a/darkwolf/css/theme.rtl.css b/darkwolf/css/theme.rtl.css
index e37688117..5f56a2d15 100644
--- a/darkwolf/css/theme.rtl.css
+++ b/darkwolf/css/theme.rtl.css
@@ -5477,10 +5477,10 @@ ul#topmenu > li.active a:hover {
 .page-link {
     position: relative;
     display: block;
-    color: #0d6efd;
+    color: #669cc0;
     text-decoration: none;
-    background-color: #fff;
-    border: 1px solid #dee2e6;
+    background-color: #212529;
+    border: 1px solid #333;
     transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
 }
 @media(prefers-reduced-motion: reduce) {
@@ -5490,43 +5490,49 @@ ul#topmenu > li.active a:hover {
 }
 .page-link:hover {
     z-index: 2;
-    color: #0a58ca;
-    background-color: #e9ecef;
-    border-color: #dee2e6
+    color: #999;
+    background-color: #00365a;
+    
+	text-decoration: none
 }
 .page-link:focus {
     z-index: 3;
-    color: #0a58ca;
-    background-color: #e9ecef;
+    color: #999;
+    background-color: #00365a;
     outline: 0;
-    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
+    
 }
 .page-item:not(:first-child) .page-link {
     margin-right: -1px
 }
 .page-item.active .page-link {
     z-index: 3;
-    color: #fff;
-    background-color: #0d6efd;
-    border-color: #0d6efd
+    color: #ccc;
+    background-color: #00365a;
+   
 }
 .page-item.disabled .page-link {
-    color: #6c757d;
+    color: #444;
     pointer-events: none;
-    background-color: #fff;
-    border-color: #dee2e6
+    background-color: #1B1E21;
+    
+}
+.page-item:last-child .page-link{
+	background-color: #004940;
+	color:#999;	
+	margin-right: 5px;
+	border: none;
+	border-radius: 4px;
+	height: 38px
+}
+.page-item:last-child:hover .page-link{
+	background-color: #005e52;
+	color:#ccc;
+	
 }
 .page-link {
     padding: .375rem .75rem
 }
-.page-item:first-child .page-link {
-    border-top-right-radius: .25rem;
-    border-bottom-right-radius: .25rem
-}
-.page-item:last-child .page-link {
-    border-top-left-radius: .25rem;
-    border-bottom-left-radius: .25rem
-}
 .pagination-lg .page-link {
     padding: .75rem 1.5rem;
     font-size: 1.25rem