fix: keep active tab/page button blue in light theme

LakshanSS · LakshanSS · commit 1075a1d86c02 · 2026-05-04T15:59:56.000+05:30
Signed-off-by: LakshanSS &lt;lakshan230897@gmail.com&gt;
diff --git a/src/pages/ecosystem.module.css b/src/pages/ecosystem.module.css
@@ -201,13 +201,13 @@
   background: var(--ifm-color-emphasis-100);
 }
 
-.groupTabActive {
+.groupTab.groupTabActive {
   background: var(--ifm-color-primary);
   border-color: var(--ifm-color-primary);
   color: #fff;
 }
 
-.groupTabActive:hover {
+.groupTab.groupTabActive:hover {
   background: var(--ifm-color-primary);
 }
 
@@ -352,13 +352,13 @@
   background: var(--ifm-color-emphasis-100);
 }
 
-.pageNumberActive {
+.pageNumber.pageNumberActive {
   background: var(--ifm-color-primary);
   border-color: var(--ifm-color-primary);
   color: #fff;
 }
 
-.pageNumberActive:hover {
+.pageNumber.pageNumberActive:hover {
   background: var(--ifm-color-primary);
 }
 
@@ -391,8 +391,8 @@ html[data-theme='dark'] .pageNumber {
   border-color: var(--ifm-color-emphasis-300);
 }
 
-html[data-theme='dark'] .groupTabActive,
-html[data-theme='dark'] .pageNumberActive {
+html[data-theme='dark'] .groupTab.groupTabActive,
+html[data-theme='dark'] .pageNumber.pageNumberActive {
   background: var(--ifm-color-primary);
   border-color: var(--ifm-color-primary);
   color: #fff;

Original file line number	Diff line number	Diff line change
`@@ -201,13 +201,13 @@`
`201`	`201`	`background: var(--ifm-color-emphasis-100);`
`202`	`202`	`}`
`203`	`203`
`204`		`-.groupTabActive {`
	`204`	`+.groupTab.groupTabActive {`
`205`	`205`	`background: var(--ifm-color-primary);`
`206`	`206`	`border-color: var(--ifm-color-primary);`
`207`	`207`	`color: #fff;`
`208`	`208`	`}`
`209`	`209`
`210`		`-.groupTabActive:hover {`
	`210`	`+.groupTab.groupTabActive:hover {`
`211`	`211`	`background: var(--ifm-color-primary);`
`212`	`212`	`}`
`213`	`213`
`@@ -352,13 +352,13 @@`
`352`	`352`	`background: var(--ifm-color-emphasis-100);`
`353`	`353`	`}`
`354`	`354`
`355`		`-.pageNumberActive {`
	`355`	`+.pageNumber.pageNumberActive {`
`356`	`356`	`background: var(--ifm-color-primary);`
`357`	`357`	`border-color: var(--ifm-color-primary);`
`358`	`358`	`color: #fff;`
`359`	`359`	`}`
`360`	`360`
`361`		`-.pageNumberActive:hover {`
	`361`	`+.pageNumber.pageNumberActive:hover {`
`362`	`362`	`background: var(--ifm-color-primary);`
`363`	`363`	`}`
`364`	`364`
`@@ -391,8 +391,8 @@ html[data-theme='dark'] .pageNumber {`
`391`	`391`	`border-color: var(--ifm-color-emphasis-300);`
`392`	`392`	`}`
`393`	`393`
`394`		`-html[data-theme='dark'] .groupTabActive,`
`395`		`-html[data-theme='dark'] .pageNumberActive {`
	`394`	`+html[data-theme='dark'] .groupTab.groupTabActive,`
	`395`	`+html[data-theme='dark'] .pageNumber.pageNumberActive {`
`396`	`396`	`background: var(--ifm-color-primary);`
`397`	`397`	`border-color: var(--ifm-color-primary);`
`398`	`398`	`color: #fff;`