fix: #1190 (#1194)

src/pages/ProjectsPage.jsx

@@ -18,10 +18,11 @@ import { FilterContext } from '../context/FilterContext';
 import { searchProject } from '../utils/searchProject';
 import ProjectLoading from '../components/ProjectLoading';
 import { shuffleProjects } from '../utils/paginate';
+import { ThemeContext } from '../context/Theme';
 
 function ProjectsPage() {
   const Projects = [];
-
+  const { theme } = useContext(ThemeContext);
   projects.forEach((project) => {
     const username = project.github_username;
     project.Projects.forEach((proj) => {
@@ -109,9 +110,10 @@ function ProjectsPage() {
             type="button"
             key={index.id}
             onClick={() => handleOptionClick(tech)}
-            className={`${
-              selectedOptions.includes(tech) ? 'bg-primary text-white' : 'border border-primary text-white'
-            } rounded-sm p-2`}
+            className={`${selectedOptions.includes(tech) ? 'bg-primary' : 'border border-primary'} rounded-sm p-2`}
+            style={{
+              color: theme?.color,
+            }}
           >
             <span>{tech.toLowerCase()}</span>
           </button>