@ohif/app 3.13.0-beta.10 → 3.13.0-beta.12

package/dist/{147.bundle.37d627289453cb6c3937.js → 147.bundle.dca316a851f246b3add7.js}

@@ -767,7 +767,7 @@ function ViewportImageSliceLoadingIndicator({
     }, /*#__PURE__*/react.createElement("div", {
       className: "transparent flex h-full w-full items-center justify-center"
     }, /*#__PURE__*/react.createElement("p", {
-      className: "text-primary-light text-xl font-light"
+      className: "text-highlight text-xl font-light"
     }, /*#__PURE__*/react.createElement("h4", null, "Error Loading Image"), /*#__PURE__*/react.createElement("p", null, "An error has occurred."), /*#__PURE__*/react.createElement("p", null, error)))));
   }
   if (loading) {
@@ -780,7 +780,7 @@ function ViewportImageSliceLoadingIndicator({
       }, /*#__PURE__*/react.createElement("div", {
         className: "transparent flex h-full w-full items-center justify-center"
       }, /*#__PURE__*/react.createElement("p", {
-        className: "text-primary-light text-xl font-light"
+        className: "text-highlight text-xl font-light"
       }, "Loading...")))
     );
   }

package/dist/{1730.bundle.5517f6425625cdbe4295.js → 1730.bundle.12a17675b5aefbb2a870.js}

@@ -1384,7 +1384,7 @@ function DynamicDataPanel({
   tab
 }) {
   return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("div", {
-    className: "flex flex-col text-white",
+    className: "text-foreground flex flex-col",
     "data-cy": 'dynamic-volume-panel'
   }, /*#__PURE__*/react.createElement(PanelGenerateImage, {
     commandsManager: commandsManager,
@@ -1400,7 +1400,7 @@ function WorkflowPanel({
   const ProgressDropdownWithService = servicesManager.services.customizationService.getCustomization('progressDropdownWithServiceComponent');
   return /*#__PURE__*/React.createElement("div", {
     "data-cy": 'workflow-panel',
-    className: "bg-secondary-dark mb-1 px-3 py-4"
+    className: "bg-popover mb-1 px-3 py-4"
   }, /*#__PURE__*/React.createElement("div", {
     className: "mb-1"
   }, "Workflow"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ProgressDropdownWithService, {

package/dist/{1933.bundle.b3c13990c2990085213b.js → 1933.bundle.13b80f38d9087f34f437.js}

@@ -2735,7 +2735,7 @@ const extension = {
         });
         return {
           disabled: false,
-          className: isPrimaryActive ? '!text-black bg-primary-light' : '!text-common-bright hover:!bg-primary-dark hover:!text-primary-light',
+          className: isPrimaryActive ? '!text-black bg-highlight' : '!text-foreground/80 hover:!bg-muted hover:!text-highlight',
           // Todo: isActive right now is used for nested buttons where the primary
           // button needs to be fully rounded (vs partial rounded) when active
           // otherwise it does not have any other use

package/dist/{2701.bundle.12bd01a80a9f8ea4cd94.js → 2701.bundle.ec41d99d12e54f550e17.js}

@@ -497,7 +497,7 @@ function OHIFCornerstoneSRTextViewport(props) {
   const displaySet = displaySets[0];
   const instance = displaySet.instances[0];
   return /*#__PURE__*/react.createElement("div", {
-    className: "relative flex h-full w-full flex-col overflow-auto p-4 text-white"
+    className: "text-foreground relative flex h-full w-full flex-col overflow-auto p-4"
   }, /*#__PURE__*/react.createElement("div", null, /*#__PURE__*/react.createElement(OHIFCornerstoneSRContainer, {
     container: instance
   })));

package/dist/{3081.bundle.4e5f2f76dc80e817b870.js → 3081.bundle.d72d24a8bc824a18f251.js}

@@ -8624,7 +8624,7 @@ const DicomUploadProgressItem = /*#__PURE__*/(0,react.memo)(({
   }, /*#__PURE__*/react.createElement("div", {
     className: "flex w-6 shrink-0 items-center justify-center"
   }, getStatusIcon()), /*#__PURE__*/react.createElement("div", {
-    className: "overflow-hidden text-ellipsis whitespace-nowrap text-white"
+    className: "text-foreground overflow-hidden text-ellipsis whitespace-nowrap"
   }, dicomFileUploader.getFileName())), failedReason && /*#__PURE__*/react.createElement("div", {
     className: "pl-10"
   }, failedReason)), /*#__PURE__*/react.createElement("div", {
@@ -8866,7 +8866,7 @@ function DicomUploadProgress({
   }, [numFilesCompleted]);
   const getNumCompletedAndTimeRemainingComponent = () => {
     return /*#__PURE__*/react.createElement("div", {
-      className: "bg-muted flex h-14 items-center px-1 pb-4 text-lg text-white"
+      className: "bg-muted text-foreground flex h-14 items-center px-1 pb-4 text-lg"
     }, numFilesCompleted === dicomFileUploaderArr.length ? /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("span", {
       className: NO_WRAP_ELLIPSIS_CLASS_NAMES
     }, `${dicomFileUploaderArr.length} ${dicomFileUploaderArr.length > 1 ? 'files' : 'file'} completed.`), /*#__PURE__*/react.createElement(ui_next_src/* Button */.$nd, {
@@ -15923,7 +15923,7 @@ function ViewportOrientationMenu({
   }) : null), /*#__PURE__*/react.createElement("div", {
     className: "flex-1 text-left"
   }, "Acquisition")), /*#__PURE__*/react.createElement("div", {
-    className: "mx-1 my-2 border-t border-white/20"
+    className: "border-input mx-1 my-2 border-t"
   }), /*#__PURE__*/react.createElement(ui_next_src/* Button */.$nd, {
     variant: "ghost",
     className: "flex h-7 w-full flex-shrink-0 items-center justify-start self-stretch px-1 py-0",
@@ -17410,9 +17410,9 @@ function ModalityLoadBadge({
     if (!statusInfo.isHydrated) {
       return /*#__PURE__*/react.createElement("div", {
         "data-cy": `ModalityLoadBadge-${viewportId}`,
-        className: "flex h-6 cursor-default text-sm leading-6 text-white"
+        className: "text-foreground flex h-6 cursor-default text-sm leading-6"
       }, /*#__PURE__*/react.createElement("div", {
-        className: "bg-customgray-100 flex min-w-[45px] items-center rounded-l-xl rounded-r p-1"
+        className: "bg-popover flex min-w-[45px] items-center rounded-l-xl rounded-r p-1"
       }, /*#__PURE__*/react.createElement(StatusIcon, null), /*#__PURE__*/react.createElement("span", {
         className: "ml-1"
       }, statusInfo.type)), statusInfo.type !== 'SR' && /*#__PURE__*/react.createElement(ui_next_src/* ViewportActionButton */.N8H, {
@@ -24343,12 +24343,12 @@ function DefaultAccordion(props) {
   if (!allChildren || !groups) {
     return null;
   }
-  if (Boolean(asChild)) {
+  if (asChild) {
     return /*#__PURE__*/react.cloneElement(props.children, props);
   }
   return /*#__PURE__*/react.createElement(ui_next_src/* Accordion */.nD3, {
     type: grouping.type || 'multiple',
-    className: "text-white",
+    className: "text-foreground",
     defaultValue: defaultValue
   }, [...groups.entries()].map(([key, group]) => {
     return /*#__PURE__*/react.createElement(ui_next_src/* AccordionItem */.AsP, {
@@ -24826,7 +24826,7 @@ function PanelMeasurement(props) {
     return EmptyComponent ? /*#__PURE__*/react.createElement(EmptyComponent, {
       items: displayMeasurements
     }) : /*#__PURE__*/react.createElement("span", {
-      className: "text-white"
+      className: "text-foreground"
     }, "No Measurements");
   }
   if (children) {

package/dist/{4775.bundle.0657b2fc04ff02e864ee.js → 4775.bundle.000ac8bbba493dbb4c87.js}

@@ -511,7 +511,7 @@ function USAnnotationPanel() {
   /**
    * Render helpers so the JSX doesn’t become spaghetti.     */
   const renderWorkflowToggles = () => /*#__PURE__*/react.createElement(ui_next_src/* PanelSection */.aUM.Content, null, /*#__PURE__*/react.createElement("div", {
-    className: "space-y-3 p-2 text-sm text-white"
+    className: "text-foreground space-y-3 p-2 text-sm"
   }, /*#__PURE__*/react.createElement("div", {
     className: "flex items-center"
   }, /*#__PURE__*/react.createElement(ui_next_src/* Switch */.dOG, {
@@ -572,13 +572,12 @@ function USAnnotationPanel() {
   }, /*#__PURE__*/react.createElement(ui_next_src/* Switch */.dOG, {
     id: "show-overlay-switch",
     checked: showOverlay,
-    onCheckedChange: () => setShowOverlayCommand(!showOverlay),
-    className: "data-[state=checked]:bg-blue-500"
+    onCheckedChange: () => setShowOverlayCommand(!showOverlay)
   }), /*#__PURE__*/react.createElement("label", {
     htmlFor: "show-overlay-switch",
-    className: "cursor-pointer text-blue-300"
+    className: "text-muted-foreground cursor-pointer"
   }, t('Show Overlay'))), /*#__PURE__*/react.createElement("hr", {
-    className: "border-t border-gray-800"
+    className: "border-input/50 border-t"
   })));
   const renderAnnotatedFrames = () => /*#__PURE__*/react.createElement(ui_next_src/* ScrollArea */.FKN, {
     className: "h-full"
@@ -601,40 +600,40 @@ function USAnnotationPanel() {
   }, /*#__PURE__*/react.createElement("table", {
     className: "w-full border-collapse text-sm"
   }, /*#__PURE__*/react.createElement("thead", null, /*#__PURE__*/react.createElement("tr", {
-    className: "border-b border-blue-900 text-blue-300"
+    className: "text-muted-foreground border-input/50 border-b"
   }, /*#__PURE__*/react.createElement("th", null), /*#__PURE__*/react.createElement("th", {
-    className: "py-2 px-3 text-left"
+    className: "py-2 px-2 text-left font-normal"
   }, t('Frame')), /*#__PURE__*/react.createElement("th", {
-    className: "py-2 px-3 text-center"
+    className: "py-2 px-2 text-center font-normal"
   }, t('Pleura lines')), /*#__PURE__*/react.createElement("th", {
-    className: "py-2 px-3 text-center"
+    className: "py-2 px-2 text-center font-normal"
   }, t('B-lines')), /*#__PURE__*/react.createElement("th", {
     className: "w-10"
   }))), /*#__PURE__*/react.createElement("tbody", null, annotatedFrames.map(item => /*#__PURE__*/react.createElement("tr", {
     key: item.frame,
-    className: `border-b border-blue-900 ${item.frame === 5 ? 'bg-cyan-800 bg-opacity-30' : ''}`,
+    className: `border-input/50 border-b ${item.frame === 5 ? 'bg-cyan-800 bg-opacity-30' : ''}`,
     onClick: () => handleRowClick(item),
     style: {
       cursor: 'pointer'
     }
   }, /*#__PURE__*/react.createElement("td", {
-    className: "py-3 px-3"
+    className: "py-2 px-2"
   }, item.index), /*#__PURE__*/react.createElement("td", {
-    className: "py-3 px-3"
+    className: "py-2 px-2"
   }, item.frame + 1), /*#__PURE__*/react.createElement("td", {
-    className: "py-3 px-3 text-center"
+    className: "py-2 px-2 text-center"
   }, item.pleura), /*#__PURE__*/react.createElement("td", {
-    className: "py-3 px-3 text-center"
+    className: "py-2 px-2 text-center"
   }, item.bLine), /*#__PURE__*/react.createElement("td", {
-    className: "py-3 px-3 text-right"
+    className: "py-2 px-2 text-right"
   }, item.frame === 5 && /*#__PURE__*/react.createElement("div", {
     className: "flex items-center justify-end"
   }, /*#__PURE__*/react.createElement(ui_next_src/* Button */.$nd, {
     variant: "ghost",
-    className: "p-0 text-blue-300"
+    className: "p-0"
   }, /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI1.EyeVisible, null)), /*#__PURE__*/react.createElement(ui_next_src/* Button */.$nd, {
     variant: "ghost",
-    className: "ml-2 p-0 text-blue-300"
+    className: "ml-2 p-0"
   }, /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI1.More, null)))))))))));
   const updateAnnotatedFrames = () => {
     const activeViewportId = viewportGridService.getActiveViewportId();
@@ -699,7 +698,7 @@ function USAnnotationPanel() {
    * ──────────────────────────────────────────────────────
    *  🖼  Final Render                                      */
   return /*#__PURE__*/react.createElement("div", {
-    className: "h-full bg-black text-white",
+    className: "text-foreground h-full bg-black",
     style: {
       minWidth: 240,
       maxWidth: 480,
@@ -1052,14 +1051,6 @@ function commandsModule({
       downloadBlob(blob, {
         filename: `ultrasound_annotations_${new Date().toISOString().slice(0, 10)}.json`
       });
-
-      // Append to the document, click to download, and remove
-      document.body.appendChild(a);
-      a.click();
-      document.body.removeChild(a);
-
-      // Clean up by revoking the URL
-      URL.revokeObjectURL(url);
     }
   };
   const definitions = {

package/dist/{5802.bundle.552c1f4320fadbfc9b00.js → 5802.bundle.783100f1bd99eab393c9.js}

@@ -153,10 +153,10 @@ const generateFromConfig = ({
     bottomLeft = [],
     bottomRight = []
   } = overlayData ?? {};
-  const topLeftClass = 'top-viewport left-viewport text-primary-light';
-  const topRightClass = 'top-viewport right-viewport-scrollbar text-primary-light';
-  const bottomRightClass = 'bottom-viewport right-viewport-scrollbar text-primary-light';
-  const bottomLeftClass = 'bottom-viewport left-viewport text-primary-light';
+  const topLeftClass = 'top-viewport left-viewport text-highlight';
+  const topRightClass = 'top-viewport right-viewport-scrollbar text-highlight';
+  const bottomRightClass = 'bottom-viewport right-viewport-scrollbar text-highlight';
+  const bottomLeftClass = 'bottom-viewport left-viewport text-highlight';
   const overlay = 'absolute pointer-events-none microscopy-viewport-overlay';
   return /*#__PURE__*/react.createElement(react.Fragment, null, topLeft && topLeft.length > 0 && /*#__PURE__*/react.createElement("div", {
     "data-cy": 'viewport-overlay-top-left',

package/dist/5802.css

@@ -1,2 +1,2 @@
 .DicomMicroscopyViewer{--ol-partial-background-color:#7f7f7fb3;--ol-foreground-color:#000;--ol-subtle-foreground-color:#000;--ol-subtle-background-color:#4e4e4e80;-webkit-user-select:none;-moz-user-select:none; -ms-user-select:none;     user-select:none}.DicomMicroscopyViewer .ol-box{background-color:var(--ol-partial-background-color);border:1.5px solid var(--ol-background-color);border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box}.DicomMicroscopyViewer .ol-mouse-position{position:absolute;right:8px;top:8px}.DicomMicroscopyViewer .ol-scale-line{background:var(--ol-partial-background-color);border-radius:4px;bottom:8px;left:8px;padding:2px;position:absolute}.DicomMicroscopyViewer .ol-scale-line-inner{border:1px solid var(--ol-subtle-foreground-color);border-top:none;color:var(--ol-foreground-color);font-size:10px;margin:1px;text-align:center;-webkit-transition:all .25s;transition:all .25s;will-change:contents,width}.DicomMicroscopyViewer .ol-scale-bar{bottom:8px;left:8px;position:absolute}.DicomMicroscopyViewer .ol-scale-bar-inner{display:-webkit-box;display:-ms-flexbox;display:flex}.DicomMicroscopyViewer .ol-scale-step-marker{background-color:var(--ol-foreground-color);float:right;height:15px;width:1px;z-index:10}.DicomMicroscopyViewer .ol-scale-step-text{bottom:-5px;font-size:10px;z-index:11}.DicomMicroscopyViewer .ol-scale-step-text,.DicomMicroscopyViewer .ol-scale-text{color:var(--ol-foreground-color);position:absolute;text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.DicomMicroscopyViewer .ol-scale-text{bottom:25px;font-size:12px;text-align:center}.DicomMicroscopyViewer .ol-scale-singlebar{border:1px solid var(--ol-foreground-color);-webkit-box-sizing:border-box;box-sizing:border-box;height:10px;position:relative;z-index:9}.DicomMicroscopyViewer .ol-scale-singlebar-even{background-color:var(--ol-subtle-foreground-color)}.DicomMicroscopyViewer .ol-scale-singlebar-odd{background-color:var(--ol-background-color)}.DicomMicroscopyViewer .ol-unsupported{display:none}.DicomMicroscopyViewer .ol-unselectable,.DicomMicroscopyViewer .ol-viewport{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none; -ms-user-select:none;     user-select:none}.DicomMicroscopyViewer .ol-viewport canvas{all:unset}.DicomMicroscopyViewer .ol-selectable{-webkit-touch-callout:default;-webkit-user-select:text;-moz-user-select:text; -ms-user-select:text;     user-select:text}.DicomMicroscopyViewer .ol-grabbing{cursor:-webkit-grabbing;cursor:grabbing}.DicomMicroscopyViewer .ol-grab{cursor:move;cursor:-webkit-grab;cursor:grab}.DicomMicroscopyViewer .ol-control{background-color:var(--ol-subtle-background-color);border-radius:4px;position:absolute}.DicomMicroscopyViewer .ol-zoom{left:.5em;top:.5em}.DicomMicroscopyViewer .ol-rotate{right:.5em;top:.5em;-webkit-transition:opacity .25s linear,visibility 0s linear;transition:opacity .25s linear,visibility 0s linear}.DicomMicroscopyViewer .ol-rotate.ol-hidden{opacity:0;-webkit-transition:opacity .25s linear,visibility 0s linear .25s;transition:opacity .25s linear,visibility 0s linear .25s;visibility:hidden}.DicomMicroscopyViewer .ol-zoom-extent{left:.5em;top:4.643em}.DicomMicroscopyViewer .ol-full-screen{right:.5em;top:.5em}.DicomMicroscopyViewer .ol-control button{background-color:var(--ol-background-color);border:none;border-radius:2px;color:var(--ol-subtle-foreground-color);display:block;font-size:inherit;font-weight:700;height:1.375em;line-height:.4em;margin:1px;padding:0;text-align:center;text-decoration:none;width:1.375em}.DicomMicroscopyViewer .ol-control button::-moz-focus-inner{border:none;padding:0}.DicomMicroscopyViewer .ol-zoom-extent button{line-height:1.4em}.DicomMicroscopyViewer .ol-compass{display:block;font-weight:400;will-change:transform}.DicomMicroscopyViewer .ol-touch .ol-control button{font-size:1.5em}.DicomMicroscopyViewer .ol-touch .ol-zoom-extent{top:5.5em}.DicomMicroscopyViewer .ol-control button:focus,.DicomMicroscopyViewer .ol-control button:hover{color:var(--ol-foreground-color);outline:1px solid var(--ol-subtle-foreground-color);text-decoration:none}.DicomMicroscopyViewer .ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}.DicomMicroscopyViewer .ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}.DicomMicroscopyViewer .ol-attribution{-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-flow:row-reverse;flex-flow:row-reverse;max-width:calc(100% - 1.3em);right:.5em;text-align:right}.DicomMicroscopyViewer .ol-attribution a{color:var(--ol-subtle-foreground-color);text-decoration:none}.DicomMicroscopyViewer .ol-attribution ul{color:var(--ol-foreground-color);font-size:12px;margin:0;padding:1px .5em;text-shadow:0 0 2px var(--ol-background-color)}.DicomMicroscopyViewer .ol-attribution li{display:inline;list-style:none}.DicomMicroscopyViewer .ol-attribution li:not(:last-child):after{content:" "}.DicomMicroscopyViewer .ol-attribution img{max-height:2em;max-width:inherit;vertical-align:middle}.DicomMicroscopyViewer .ol-attribution button{-ms-flex-negative:0;flex-shrink:0}.DicomMicroscopyViewer .ol-attribution.ol-collapsed ul{display:none}.DicomMicroscopyViewer .ol-attribution:not(.ol-collapsed){background:var(--ol-partial-background-color)}.DicomMicroscopyViewer .ol-attribution.ol-uncollapsible{border-radius:4px 0 0;bottom:0;right:0}.DicomMicroscopyViewer .ol-attribution.ol-uncollapsible img{margin-top:-.2em;max-height:1.6em}.DicomMicroscopyViewer .ol-attribution.ol-uncollapsible button{display:none}.DicomMicroscopyViewer .ol-zoomslider{height:200px;left:.5em;top:4.5em}.DicomMicroscopyViewer .ol-zoomslider button{height:10px;position:relative}.DicomMicroscopyViewer .ol-touch .ol-zoomslider{top:5.5em}.DicomMicroscopyViewer .ol-overviewmap{bottom:.5em;left:.5em}.DicomMicroscopyViewer .ol-overviewmap.ol-uncollapsible{border-radius:0 4px 0 0;bottom:0;left:0}.DicomMicroscopyViewer .ol-overviewmap .ol-overviewmap-map,.DicomMicroscopyViewer .ol-overviewmap button{display:block}.DicomMicroscopyViewer .ol-overviewmap .ol-overviewmap-map{border:1px solid var(--ol-subtle-foreground-color);height:150px;width:150px}.DicomMicroscopyViewer .ol-overviewmap:not(.ol-collapsed) button{bottom:0;left:0;position:absolute}.DicomMicroscopyViewer .ol-overviewmap.ol-collapsed .ol-overviewmap-map,.DicomMicroscopyViewer .ol-overviewmap.ol-uncollapsible button{display:none}.DicomMicroscopyViewer .ol-overviewmap:not(.ol-collapsed){background:var(--ol-subtle-background-color)}.DicomMicroscopyViewer .ol-overviewmap-box{border:.5px dotted var(--ol-subtle-foreground-color)}.DicomMicroscopyViewer .ol-overviewmap .ol-overviewmap-box:hover{cursor:move}@layout-header-background: #007ea3;@primary-color: #007ea3;@processing-color: #8cb8c6;@success-color: #3f9c35;@warning-color: #eeaf30;@error-color: #96172e;@font-size-base: 14px;.DicomMicroscopyViewer .ol-tooltip{font-size:16px!important}
-.DicomMicroscopyViewer .OpenLayersOverlay{display:block!important;height:100%;pointer-events:none!important;width:100%}.DicomMicroscopyViewer .text-primary-light{color:#ff0;font-size:14px;font-weight:400}.DicomMicroscopyViewer .text-primary-light span{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.DicomMicroscopyViewer .absolute{position:absolute}.DicomMicroscopyViewer .flex{display:-webkit-box;display:-ms-flexbox;display:flex}.DicomMicroscopyViewer .flex-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.DicomMicroscopyViewer .flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.DicomMicroscopyViewer .pointer-events-none{pointer-events:none}.DicomMicroscopyViewer .left-viewport-scrollbar{left:.5rem}.DicomMicroscopyViewer .right-viewport-scrollbar{right:1.3rem}.DicomMicroscopyViewer .top-viewport{top:.5rem}.DicomMicroscopyViewer .bottom-viewport{bottom:.5rem}.DicomMicroscopyViewer .bottom-viewport.left-viewport{bottom:.5rem;left:calc(.5rem + 250px)}.DicomMicroscopyViewer .right-viewport-scrollbar .flex{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}.DicomMicroscopyViewer .microscopy-viewport-overlay{background:#00000080;max-width:40%;padding:.5rem 1rem}.DicomMicroscopyViewer .microscopy-viewport-overlay .flex{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.DicomMicroscopyViewer .top-viewport .flex span:not(.font-light){-ms-flex-negative:0;flex-shrink:0}
+.DicomMicroscopyViewer .OpenLayersOverlay{display:block!important;height:100%;pointer-events:none!important;width:100%}.DicomMicroscopyViewer .text-highlight{color:#ff0;font-size:14px;font-weight:400}.DicomMicroscopyViewer .text-highlight span{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.DicomMicroscopyViewer .absolute{position:absolute}.DicomMicroscopyViewer .flex{display:-webkit-box;display:-ms-flexbox;display:flex}.DicomMicroscopyViewer .flex-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.DicomMicroscopyViewer .flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.DicomMicroscopyViewer .pointer-events-none{pointer-events:none}.DicomMicroscopyViewer .left-viewport-scrollbar{left:.5rem}.DicomMicroscopyViewer .right-viewport-scrollbar{right:1.3rem}.DicomMicroscopyViewer .top-viewport{top:.5rem}.DicomMicroscopyViewer .bottom-viewport{bottom:.5rem}.DicomMicroscopyViewer .bottom-viewport.left-viewport{bottom:.5rem;left:calc(.5rem + 250px)}.DicomMicroscopyViewer .right-viewport-scrollbar .flex{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}.DicomMicroscopyViewer .microscopy-viewport-overlay{background:#00000080;max-width:40%;padding:.5rem 1rem}.DicomMicroscopyViewer .microscopy-viewport-overlay .flex{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.DicomMicroscopyViewer .top-viewport .flex span:not(.font-light){-ms-flex-negative:0;flex-shrink:0}

package/dist/{7159.bundle.a5991a5d4f0dd8f1c95f.js → 7159.bundle.fb9df255868960f69765.js}

@@ -61,11 +61,13 @@ function OHIFCornerstonePdfViewport({
     load();
   }, [renderedUrl]);
   return /*#__PURE__*/react.createElement("div", {
-    className: "bg-primary-black h-full w-full text-white",
+    className: "bg-primary-black text-foreground h-full w-full",
     onClick: makePdfScrollable,
     ref: el => {
       viewportElementRef.current = el;
-      if (el) viewportRef.register(el);
+      if (el) {
+        viewportRef.register(el);
+      }
     },
     "data-viewport-id": viewportId
   }, /*#__PURE__*/react.createElement("object", {

package/dist/{8305.bundle.b2e7cc8553f350b692eb.js → 8305.bundle.83d155a6e9af37e695b3.js}

@@ -850,7 +850,7 @@ function LogicalContourOperationOptions() {
       name: icon
     }));
   }))), /*#__PURE__*/react.createElement("div", null, t(operation.label))), /*#__PURE__*/react.createElement("div", {
-    className: "bg-primary-dark flex h-[62px] w-[88px] items-center justify-center rounded-lg"
+    className: "bg-muted flex h-[62px] w-[88px] items-center justify-center rounded-lg"
   }, /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI1.ByName, {
     name: operation.helperIcon
   }))), /*#__PURE__*/react.createElement(SegmentSelector, {

package/dist/{8583.bundle.4930e7e2ee13e65c0a99.js → 8583.bundle.24f7fd99be47bd7d5fa0.js}

@@ -900,7 +900,7 @@ function PanelPetSUV() {
   }, /*#__PURE__*/react.createElement(ui_next_src/* PanelSection */.aUM, {
     defaultOpen: true
   }, /*#__PURE__*/react.createElement(ui_next_src/* PanelSection */.aUM.Header, null, t('Patient Information')), /*#__PURE__*/react.createElement(ui_next_src/* PanelSection */.aUM.Content, null, /*#__PURE__*/react.createElement("div", {
-    className: "bg-primary-dark flex flex-col gap-3 p-2"
+    className: "bg-muted flex flex-col gap-3 p-2"
   }, /*#__PURE__*/react.createElement(InputRow, null, /*#__PURE__*/react.createElement(InputRow.Label, null, t('Patient Sex')), /*#__PURE__*/react.createElement(InputRow.Input, {
     value: metadata.PatientSex || '',
     onChange: e => {
@@ -1070,7 +1070,7 @@ function PanelRoiThresholdSegmentation() {
   }, /*#__PURE__*/react.createElement("div", {
     className: "invisible-scrollbar overflow-y-auto overflow-x-hidden"
   }, /*#__PURE__*/react.createElement("div", {
-    className: "bg-secondary-dark flex items-baseline justify-between px-2 py-1"
+    className: "bg-popover flex items-baseline justify-between px-2 py-1"
   }, /*#__PURE__*/react.createElement("div", {
     className: "py-1"
   }, /*#__PURE__*/react.createElement("span", {
@@ -1083,7 +1083,6 @@ function PanelRoiThresholdSegmentation() {
     dataCY: "exportTmtvCsvReport",
     size: "sm",
     variant: "ghost",
-    className: "text-blue-500",
     onClick: handleExportCSV
   }, /*#__PURE__*/react.createElement("span", {
     className: "pl-1"
@@ -1997,7 +1996,7 @@ function ROIThresholdConfiguration({
     });
   };
   return /*#__PURE__*/react.createElement("div", {
-    className: "bg-primary-dark flex flex-col space-y-4 p-px"
+    className: "bg-muted flex flex-col space-y-4 p-px"
   }, /*#__PURE__*/react.createElement("div", {
     className: "flex items-end space-x-3"
   }, /*#__PURE__*/react.createElement("div", {

package/dist/{9195.bundle.613833eca6f4de0163c4.js → 9195.bundle.72b8ef180ca9dfa3667b.js}

@@ -656,7 +656,7 @@ function PanelStudyBrowserHeader({
     key: index,
     "aria-label": viewPreset.id,
     value: viewPreset.id,
-    className: "text-actions-primary"
+    className: "text-primary"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ohif_ui_next__WEBPACK_IMPORTED_MODULE_1__/* .Icons */ .FI1[viewPreset.iconName] || _ohif_ui_next__WEBPACK_IMPORTED_MODULE_1__/* .Icons */ .FI1.MissingIcon)))))))));
 }
 
@@ -3811,7 +3811,7 @@ function HeaderPatientInfo({
   const formattedPatientName = formatWithEllipsis(patientInfo.PatientName, 27);
   const formattedPatientID = formatWithEllipsis(patientInfo.PatientID, 15);
   return /*#__PURE__*/react.createElement("div", {
-    className: "hover:bg-primary-dark flex cursor-pointer items-center justify-center gap-1 rounded-lg",
+    className: "hover:bg-muted flex cursor-pointer items-center justify-center gap-1 rounded-lg",
     onClick: handleOnClick
   }, isMixedPatients ? /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI1.MultiplePatients, {
     className: "text-primary"
@@ -3820,9 +3820,9 @@ function HeaderPatientInfo({
   }), /*#__PURE__*/react.createElement("div", {
     className: "flex flex-col justify-center"
   }, expanded ? /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("div", {
-    className: "self-start text-[13px] font-bold text-white"
+    className: "text-foreground self-start text-[13px] font-bold"
   }, formattedPatientName), /*#__PURE__*/react.createElement("div", {
-    className: "text-aqua-pale flex gap-2 text-[11px]"
+    className: "text-muted-foreground flex gap-2 text-[11px]"
   }, /*#__PURE__*/react.createElement("div", null, formattedPatientID), /*#__PURE__*/react.createElement("div", null, patientInfo.PatientSex), /*#__PURE__*/react.createElement("div", null, patientInfo.PatientDOB))) : /*#__PURE__*/react.createElement("div", {
     className: "text-primary self-center text-[13px]"
   }, isMixedPatients ? 'Multiple Patients' : 'Patient')), /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI1.ArrowLeft, {
@@ -3925,7 +3925,7 @@ function ViewerHeader({
       className: "text-primary flex cursor-pointer items-center"
     }, /*#__PURE__*/react.createElement(ui_next_src/* Button */.$nd, {
       variant: "ghost",
-      className: "hover:bg-primary-dark",
+      className: "hover:bg-muted",
       onClick: () => {
         commandsManager.run('undo');
       }
@@ -3933,7 +3933,7 @@ function ViewerHeader({
       className: ""
     })), /*#__PURE__*/react.createElement(ui_next_src/* Button */.$nd, {
       variant: "ghost",
-      className: "hover:bg-primary-dark",
+      className: "hover:bg-muted",
       onClick: () => {
         commandsManager.run('redo');
       }
@@ -6315,7 +6315,7 @@ const RowComponent = ({
       ...style,
       ...rowStyle
     },
-    className: classnames_default()('hover:bg-secondary-main border-secondary-light text-foreground flex w-full flex-row items-center break-all bg-black text-base transition duration-300', lineHeightClassName),
+    className: classnames_default()('hover:bg-primary/25 border-input text-foreground flex w-full flex-row items-center break-all bg-black text-base', lineHeightClassName),
     key: keyPrefix
   }, isChildOrParent && /*#__PURE__*/react.createElement("div", {
     style: {
@@ -6345,34 +6345,34 @@ function ColumnHeaders({
   valueRef
 }) {
   return /*#__PURE__*/react.createElement("div", {
-    className: classnames_default()('bg-secondary-dark ohif-scrollbar flex w-full flex-row overflow-y-scroll'),
+    className: classnames_default()('bg-popover ohif-scrollbar flex w-full flex-row overflow-y-scroll'),
     style: rowVerticalPaddingStyle
   }, /*#__PURE__*/react.createElement("div", {
     className: "w-4/24 px-3"
   }, /*#__PURE__*/react.createElement("label", {
     ref: tagRef,
-    className: "flex flex-1 select-none flex-col pl-1 text-lg text-white"
+    className: "text-foreground flex flex-1 select-none flex-col pl-1 text-lg"
   }, /*#__PURE__*/react.createElement("span", {
     className: "flex flex-row items-center focus:outline-none"
   }, "Tag"))), /*#__PURE__*/react.createElement("div", {
     className: "w-2/24 px-3"
   }, /*#__PURE__*/react.createElement("label", {
     ref: vrRef,
-    className: "flex flex-1 select-none flex-col pl-1 text-lg text-white"
+    className: "text-foreground flex flex-1 select-none flex-col pl-1 text-lg"
   }, /*#__PURE__*/react.createElement("span", {
     className: "flex flex-row items-center focus:outline-none"
   }, "VR"))), /*#__PURE__*/react.createElement("div", {
     className: "w-6/24 px-3"
   }, /*#__PURE__*/react.createElement("label", {
     ref: keywordRef,
-    className: "flex flex-1 select-none flex-col pl-1 text-lg text-white"
+    className: "text-foreground flex flex-1 select-none flex-col pl-1 text-lg"
   }, /*#__PURE__*/react.createElement("span", {
     className: "flex flex-row items-center focus:outline-none"
   }, "Keyword"))), /*#__PURE__*/react.createElement("div", {
     className: "w-5/24 grow px-3"
   }, /*#__PURE__*/react.createElement("label", {
     ref: valueRef,
-    className: "flex flex-1 select-none flex-col pl-1 text-lg text-white"
+    className: "text-foreground flex flex-1 select-none flex-col pl-1 text-lg"
   }, /*#__PURE__*/react.createElement("span", {
     className: "flex flex-row items-center focus:outline-none"
   }, "Value"))));
@@ -6635,7 +6635,7 @@ const DicomTagBrowser = ({
   }, /*#__PURE__*/react.createElement("div", {
     className: "mb-6 flex flex-row items-start pl-1"
   }, /*#__PURE__*/react.createElement("div", {
-    className: "flex w-full flex-row items-start gap-4"
+    className: "flex w-full flex-row items-start gap-6"
   }, /*#__PURE__*/react.createElement("div", {
     className: "flex w-1/3 flex-col"
   }, /*#__PURE__*/react.createElement("span", {
@@ -6664,7 +6664,7 @@ const DicomTagBrowser = ({
     min: 1,
     max: activeDisplaySet?.images?.length,
     step: 1,
-    className: "pt-4"
+    className: "pt-3"
   })), /*#__PURE__*/react.createElement("div", {
     className: "ml-auto mr-1 flex w-1/3 flex-col"
   }, /*#__PURE__*/react.createElement("span", {
@@ -9605,7 +9605,7 @@ function DataSourceSelector() {
   }, /*#__PURE__*/react.createElement("div", {
     className: "flex h-screen w-screen items-center justify-center"
   }, /*#__PURE__*/react.createElement("div", {
-    className: "bg-secondary-dark mx-auto space-y-2 rounded-lg py-8 px-8 drop-shadow-md"
+    className: "bg-popover mx-auto space-y-2 rounded-lg py-8 px-8 drop-shadow-md"
   }, /*#__PURE__*/react.createElement("img", {
     className: "mx-auto block h-14",
     src: "./ohif-logo.svg",
@@ -9615,7 +9615,7 @@ function DataSourceSelector() {
   }, dsConfigs.filter(it => it.sourceName !== 'dicomjson' && it.sourceName !== 'dicomlocal').map(ds => /*#__PURE__*/react.createElement("div", {
     key: ds.sourceName
   }, /*#__PURE__*/react.createElement("h1", {
-    className: "text-white"
+    className: "text-foreground"
   }, ds.configuration?.friendlyName || ds.friendlyName), /*#__PURE__*/react.createElement(ui_src/* Button */.$n, {
     type: ui_src/* ButtonEnums.type */.Ny.NW.primary,
     className: classnames_default()('ml-2'),
@@ -10015,14 +10015,14 @@ function DataSourceConfigurationModalComponent({
     };
   }, [selectedItems, configurationAPI, onHide, itemLabels, showFullConfig, currentSelectedItemIndex]);
   const getSelectedItemCursorClasses = itemIndex => itemIndex !== itemLabels.length - 1 && itemIndex < selectedItems.length ? 'cursor-pointer' : 'cursor-auto';
-  const getSelectedItemBackgroundClasses = itemIndex => itemIndex < selectedItems.length ? classnames_default()('bg-black/[.4]', itemIndex !== itemLabels.length - 1 ? 'hover:bg-transparent active:bg-secondary-dark' : '') : 'bg-transparent';
-  const getSelectedItemBorderClasses = itemIndex => itemIndex === currentSelectedItemIndex + 1 ? classnames_default()('border-2', 'border-solid', 'border-primary-light') : itemIndex < selectedItems.length ? 'border border-solid border-primary-active hover:border-primary-light active:border-white' : 'border border-dashed border-secondary-light';
-  const getSelectedItemTextClasses = itemIndex => itemIndex <= selectedItems.length ? 'text-primary-light' : 'text-primary';
+  const getSelectedItemBackgroundClasses = itemIndex => itemIndex < selectedItems.length ? classnames_default()('bg-black/[.4]', itemIndex !== itemLabels.length - 1 ? 'hover:bg-transparent active:bg-popover' : '') : 'bg-transparent';
+  const getSelectedItemBorderClasses = itemIndex => itemIndex === currentSelectedItemIndex + 1 ? classnames_default()('border-2', 'border-solid', 'border-highlight') : itemIndex < selectedItems.length ? 'border border-solid border-primary hover:border-highlight active:border-white' : 'border border-dashed border-input';
+  const getSelectedItemTextClasses = itemIndex => itemIndex <= selectedItems.length ? 'text-highlight' : 'text-primary';
   const getErrorComponent = () => {
     return /*#__PURE__*/react.createElement("div", {
       className: "flex min-h-[1px] grow flex-col gap-4"
     }, /*#__PURE__*/react.createElement("div", {
-      className: "text-primary-light text-[20px]"
+      className: "text-highlight text-[20px]"
     }, t(`Error fetching ${itemLabels[selectedItems.length]} list`)), /*#__PURE__*/react.createElement("div", {
       className: "grow bg-black p-4 text-[14px]"
     }, errorMessage));
@@ -10047,7 +10047,7 @@ function DataSourceConfigurationModalComponent({
       }), /*#__PURE__*/react.createElement("div", {
         className: classnames_default()(NO_WRAP_ELLIPSIS_CLASS_NAMES)
       }, t(itemLabel))), itemLabelIndex < selectedItems.length ? /*#__PURE__*/react.createElement("div", {
-        className: classnames_default()('text-[14px] text-white', NO_WRAP_ELLIPSIS_CLASS_NAMES)
+        className: classnames_default()('text-foreground text-[14px]', NO_WRAP_ELLIPSIS_CLASS_NAMES)
       }, selectedItems[itemLabelIndex].name) : /*#__PURE__*/react.createElement("br", null));
     }));
   };
@@ -10137,7 +10137,7 @@ function DataSourceConfigurationComponent({
     }
   }, [configurationAPI, configuredItems, showConfigurationModal]);
   return configuredItems ? /*#__PURE__*/react.createElement("div", {
-    className: "text-aqua-pale flex items-center overflow-hidden"
+    className: "text-muted-foreground flex items-center overflow-hidden"
   }, /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI1.Settings, {
     className: "mr-2.5 h-3.5 w-3.5 shrink-0 cursor-pointer",
     onClick: showConfigurationModal
@@ -10418,8 +10418,8 @@ function AboutModalDefault() {
     name
   } = (0,browser_detect_es5/* default */.A)();
   const browser = `${name[0].toUpperCase()}${name.substr(1)} ${version}`;
-  const versionNumber = "3.13.0-beta.10";
-  const commitHash = "baef707e46fd76b50f8b510b45da64e12d71ed0e";
+  const versionNumber = "3.13.0-beta.12";
+  const commitHash = "739e3239cf5765711050b673b373c0145747824f";
   const [main, beta] = versionNumber.split('-');
   return /*#__PURE__*/react.createElement(ui_next_src/* AboutModal */.VTU, {
     className: "w-[400px]"
@@ -11723,7 +11723,7 @@ function Toolbox({
       })));
     }));
   }), activeToolOptions && /*#__PURE__*/react.createElement("div", {
-    className: "bg-primary-dark mt-1 h-auto px-2"
+    className: "bg-muted mt-1 h-auto px-2"
   }, /*#__PURE__*/react.createElement(ui_next_src/* ToolSettings */.k_3, {
     options: activeToolOptions
   }))));