feat(image capture): Enhance SEG and RTSS Support with Dependency Updates and Bug Fixes (#4924)

extensions/default/src/Components/DataSourceConfigurationModalComponent.tsx

@@ -113,7 +113,7 @@ function DataSourceConfigurationModalComponent({
         : 'border border-dashed border-secondary-light';
 
   const getSelectedItemTextClasses = itemIndex =>
-    itemIndex <= selectedItems.length ? 'text-primary-light' : 'text-primary-active';
+    itemIndex <= selectedItems.length ? 'text-primary-light' : 'text-primary';
 
   const getErrorComponent = (): ReactElement => {
     return (

extensions/default/src/Panels/StudyBrowser/PanelStudyBrowserHeader.tsx

@@ -20,7 +20,7 @@ function PanelStudyBrowserHeader({
         <div className={'flex h-[24px] w-full select-none justify-center self-center text-[14px]'}>
           <div className="flex w-full items-center gap-[10px]">
             <div className="flex items-center justify-center">
-              <div className="text-primary-active flex items-center space-x-1">
+              <div className="text-primary flex items-center space-x-1">
                 {actionIcons.map((icon: actionIcon, index) =>
                   React.createElement(Icons[icon.iconName] || Icons.MissingIcon, {
                     key: index,

extensions/default/src/ViewerLayout/HeaderPatientInfo/HeaderPatientInfo.tsx

@@ -44,9 +44,9 @@ function HeaderPatientInfo({ servicesManager, appConfig }: withAppTypes) {
       onClick={handleOnClick}
     >
       {isMixedPatients ? (
-        <Icons.MultiplePatients className="text-primary-active" />
+        <Icons.MultiplePatients className="text-primary" />
       ) : (
-        <Icons.Patient className="text-primary-active" />
+        <Icons.Patient className="text-primary" />
       )}
       <div className="flex flex-col justify-center">
         {expanded ? (
@@ -61,12 +61,12 @@ function HeaderPatientInfo({ servicesManager, appConfig }: withAppTypes) {
             </div>
           </>
         ) : (
-          <div className="text-primary-active self-center text-[13px]">
+          <div className="text-primary self-center text-[13px]">
             {isMixedPatients ? 'Multiple Patients' : 'Patient'}
           </div>
         )}
       </div>
-      <Icons.ArrowLeft className={`text-primary-active ${expanded ? 'rotate-180' : ''}`} />
+      <Icons.ArrowLeft className={`text-primary ${expanded ? 'rotate-180' : ''}`} />
     </div>
   );
 }

extensions/default/src/ViewerLayout/ViewerHeader.tsx

@@ -95,7 +95,7 @@ function ViewerHeader({ appConfig }: withAppTypes<{ appConfig: AppTypes.Config }
         )
       }
       UndoRedo={
-        <div className="text-primary-active flex cursor-pointer items-center">
+        <div className="text-primary flex cursor-pointer items-center">
           <Button
             variant="ghost"
             className="hover:bg-primary-dark"

extensions/default/src/utils/Toolbox.tsx

@@ -85,7 +85,7 @@ export function Toolbox({ buttonSectionId, title }: { buttonSectionId: string; t
         {CustomConfigComponent && (
           <div className="ml-auto mr-2">
             <Icons.Settings
-              className="text-primary-active h-4 w-4"
+              className="text-primary h-4 w-4"
               onClick={e => {
                 e.stopPropagation();
                 setShowConfig(!showConfig);