fix(pagination): contraste insuffisant (#2209)

DNUM-SocialGouv · Oct 24, 2023 · c2a40ae · c2a40ae
1 parent f506985
commit c2a40ae
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 9 deletions.
diff --git a/src/client/components/layouts/RechercherSolution/RechercherSolutionLayoutWithTabs.tsx b/src/client/components/layouts/RechercherSolution/RechercherSolutionLayoutWithTabs.tsx
@@ -71,7 +71,7 @@ export function RechercherSolutionLayoutWithTabs(props: RechercherSolutionLayout
             				}
             			</Container>
 
-            			<div>
+            			<Container>
             				<Skeleton type="card" isLoading={isLoading} repeat={2} className={styles.listeSolutions}>
             					<>
             						<Tabs onTabChange={setCurrentTab} currentIndex={currentTab}>
@@ -102,7 +102,7 @@ export function RechercherSolutionLayoutWithTabs(props: RechercherSolutionLayout
                         	/>
                         </div>
             				}
-            			</div>
+            			</Container>
             		</>
             	}
             </>

diff --git a/src/client/components/ui/Pagination/Pagination.module.scss b/src/client/components/ui/Pagination/Pagination.module.scss
@@ -1,4 +1,9 @@
-@use "@styles/utilities-deprecated";
+@use "@styles/utilities";
+
+$pagination-current-page-color: utilities.$color-text-secondary;
+$pagination-current-page-background-color: utilities.$color-background-secondary;
+$pagination-disabled-page-color: utilities.$color-text-placeholder;
+$pagination-available-page-color: utilities.$color-text-primary;
 
 .pagination {
   text-align: center;
@@ -7,7 +12,7 @@
   align-items: center;
 
   li {
-    color: utilities-deprecated.$color-on-surface;
+    color: $pagination-available-page-color;
 
     a {
       display: inline-flex;
@@ -34,14 +39,13 @@
     padding: 0.5rem 1rem;
 
     &[aria-disabled="true"] {
-      color: utilities-deprecated.$color-on-disabled;
+      color: $pagination-disabled-page-color;
       pointer-events: none;
     }
 
     &[aria-current="true"] {
-      background-color: utilities-deprecated.$color-primary;
-      color: utilities-deprecated.$color-on-primary;
+      background-color: $pagination-current-page-background-color;
+      color: $pagination-current-page-color;
     }
   }
-
 }
diff --git a/src/styles/theme/_variables.scss b/src/styles/theme/_variables.scss
@@ -6,7 +6,6 @@
 $color-primary: #566BB1;
 $color-secondary: #18753C;
 $color-tertiary: #ECECFF;
-$white: #FFFFFF;
 
 /* ***************
  * System Colors