feat: dark filter buttons

harshkhandeparkar · harshkhandeparkar · commit fa699a78ca16 · 2025-07-18T10:32:58.000+05:30
diff --git a/src/styles/pages/Projects.css b/src/styles/pages/Projects.css
@@ -10,7 +10,7 @@
   white-space: nowrap;
 }
 .filter-container{
-  
+
 display: flex;
 justify-content: space-between;
 }
@@ -20,18 +20,18 @@ justify-content: space-between;
   box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);
   font-size: 14px;
   cursor: pointer;
-  background: #f3f3f3;
-  /* border-radius: 20px; */
+  background-color: #2f2f2f;
+  color: #f3f3f3;
+  border-radius: 0.375rem;
   transition: all 0.3s ease;
 }
 
 .filter-button:hover {
-  background: #bbb;
+  background-color: #4d4d4d;
 }
 
 .filter-button.active {
-  background: #4BA7F8;
-  color: #f3f3f3;
+  background-color: #4d4d4d;
   font-weight: bold;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -10,7 +10,7 @@`
`10`	`10`	`white-space: nowrap;`
`11`	`11`	`}`
`12`	`12`	`.filter-container{`
`13`		`-`
	`13`	`+`
`14`	`14`	`display: flex;`
`15`	`15`	`justify-content: space-between;`
`16`	`16`	`}`
`@@ -20,18 +20,18 @@ justify-content: space-between;`
`20`	`20`	`box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);`
`21`	`21`	`font-size: 14px;`
`22`	`22`	`cursor: pointer;`
`23`		`- background: #f3f3f3;`
`24`		`- /* border-radius: 20px; */`
	`23`	`+ background-color: #2f2f2f;`
	`24`	`+ color: #f3f3f3;`
	`25`	`+ border-radius: 0.375rem;`
`25`	`26`	`transition: all 0.3s ease;`
`26`	`27`	`}`
`27`	`28`
`28`	`29`	`.filter-button:hover {`
`29`		`- background: #bbb;`
	`30`	`+ background-color: #4d4d4d;`
`30`	`31`	`}`
`31`	`32`
`32`	`33`	`.filter-button.active {`
`33`		`- background: #4BA7F8;`
`34`		`- color: #f3f3f3;`
	`34`	`+ background-color: #4d4d4d;`
`35`	`35`	`font-weight: bold;`
`36`	`36`	`}`
`37`	`37`