Factorise la palette du thème par défaut

themes/default/assets/css/pagination.css

@@ -21,7 +21,7 @@
 
 .pagination-bar a,
 .pagination-bar .disabled {
-    color: #8ab4f8;
+    color: var(--link-blue);
     text-decoration: none;
     padding: 0.5rem 1rem;
     border-radius: 6px;
@@ -30,7 +30,7 @@
 }
 
 .pagination-bar a:hover {
-    color: #fff;
+    color: var(--text-white);
     background: rgba(138, 180, 248, 0.2);
 }
 
@@ -51,7 +51,7 @@
     &[open] {
         summary {
             background: rgba(138, 180, 248, 0.2);
-            color: #fff;
+            color: var(--text-white);
             border-color: rgba(138, 180, 248, 0.4);
         }
     }
@@ -102,10 +102,10 @@
 
     summary~* {
         position: absolute;
-        border: 1px solid #333;
+        border: 1px solid var(--border-darker);
         border-radius: 0.5rem;
-        background: #111;
-        box-shadow: 0 1px 1em #000;
+        background: var(--bg-dark);
+        box-shadow: 0 1px 1em var(--shadow-color);
         max-height: 50vh;
         overflow-y: auto;
         margin: 0;
@@ -137,7 +137,7 @@
     }
 
     li span.current {
-        color: white;
+        color: var(--text-white);
         font-weight: bold;
         background-color: rgba(255, 255, 255, 0.1);
     }
@@ -187,4 +187,4 @@
 .disabled {
     opacity: 0.4;
     pointer-events: none;
-}
+}