Merge pull request #9701 from weseek/feat/162626-show-selected-page-list-in-dark-mode

feat: Show SelectedPageList in dark mode

apps/app/src/features/openai/client/components/AiAssistant/AiAssistantManagementModal/SelectedPageList.tsx

@@ -17,9 +17,9 @@ const SelectedPageListBase: React.FC<SelectedPageListProps> = ({ selectedPages,
       {selectedPages.map(({ page, isIncludeSubPage }) => (
         <div
           key={page.path}
-          className="mb-2 d-flex justify-content-between align-items-center bg-light rounded py-2 px-3"
+          className="mb-2 d-flex justify-content-between align-items-center bg-body-tertiary rounded py-2 px-3"
         >
-          <div className="d-flex align-items-center overflow-hidden">
+          <div className="d-flex align-items-center overflow-hidden text-body">
             { isIncludeSubPage
               ? <>{`${page.path}/*`}</>
               : <>{page.path}</>
@@ -28,7 +28,7 @@ const SelectedPageListBase: React.FC<SelectedPageListProps> = ({ selectedPages,
           {onRemove != null && page.path != null && (
             <button
               type="button"
-              className="btn p-0 ms-3 text-secondary"
+              className="btn p-0 ms-3 text-body-secondary"
               onClick={() => onRemove(page.path)}
             >
               <span className="material-symbols-outlined fs-4">delete</span>