From 2e9c8b4abdf373e123a4414fb1a5db0f7f4f9a12 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Thu, 23 Apr 2026 17:00:08 +0000 Subject: [PATCH 1/2] Initial plan From aa96dad3f9fc962946beba268d1735a4559ff5ac Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Thu, 23 Apr 2026 17:02:07 +0000 Subject: [PATCH 2/2] fix: adapt TagSelector colors to dark mode using theme palette Agent-Logs-Url: https://github.com/SeattleColleges/nsc-events-fullstack/sessions/096ded79-312f-464e-92ba-fd08c98e896b Co-authored-by: TVW96 <103076891+TVW96@users.noreply.github.com> --- nsc-events-nextjs/components/TagSelector.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/nsc-events-nextjs/components/TagSelector.tsx b/nsc-events-nextjs/components/TagSelector.tsx index 37f2f35..4409504 100644 --- a/nsc-events-nextjs/components/TagSelector.tsx +++ b/nsc-events-nextjs/components/TagSelector.tsx @@ -25,11 +25,11 @@ const TagSelector: React.FC = ({ selectedTags, allTags, onTagC size="small" style={{ textTransform: 'capitalize' }} sx={{ - color: selectedTags.includes(tag) ? 'white' : 'black', - background: selectedTags.includes(tag) ? palette.primary.main : 'white', + color: selectedTags.includes(tag) ? palette.primary.contrastText : palette.text.primary, + background: selectedTags.includes(tag) ? palette.primary.main : 'transparent', '&:hover': { backgroundColor: palette.primary.main, - color: 'white' + color: palette.primary.contrastText }, }} >