Merge pull request #6493 from ashok-2003/fix-dark-mode

Vivek Vishal · web-flow · commit 1abee840a36d · 2025-05-27T16:17:20.000+05:30
Fix dark mode issue in pagination buttons
diff --git a/src/sections/Resources/Resources-grid/resourceGrid.style.js b/src/sections/Resources/Resources-grid/resourceGrid.style.js
@@ -51,9 +51,10 @@ export const ResourcePageWrapper = styled.div`
         }
       }
       .page-btn {
-        background: ${props => props.theme.white};
+        background: ${props => props.theme.grey212121ToWhite};
         border: solid 2px;
         border-color: ${props => props.theme.secondaryColor};
+        color: ${props => props.theme.whiteEightToBlack};
       }
       .active-btn {
         background: ${props => props.theme.secondaryColor};

Original file line number	Diff line number	Diff line change
@@ -51,9 +51,10 @@ export const ResourcePageWrapper = styled.div`
`51`	`51`	`}`
`52`	`52`	`}`
`53`	`53`	`.page-btn {`
`54`		`- background: ${props => props.theme.white};`
	`54`	`+ background: ${props => props.theme.grey212121ToWhite};`
`55`	`55`	`border: solid 2px;`
`56`	`56`	`border-color: ${props => props.theme.secondaryColor};`
	`57`	`+ color: ${props => props.theme.whiteEightToBlack};`
`57`	`58`	`}`
`58`	`59`	`.active-btn {`
`59`	`60`	`background: ${props => props.theme.secondaryColor};`