OHIF · dan-rukas · Feb 18, 2026 · Feb 18, 2026 · Feb 18, 2026 · Feb 18, 2026
diff --git a/extensions/cornerstone/src/components/DicomUpload/DicomUploadProgressItem.tsx b/extensions/cornerstone/src/components/DicomUpload/DicomUploadProgressItem.tsx
@@ -60,11 +60,11 @@ const DicomUploadProgressItem = memo(
             />
           );
         case UploadStatus.InProgress:
-          return <Icons.ByName name="icon-transferring" />;
+          return <Icons.ByName name="icon-transferring" className="text-highlight" />;
         case UploadStatus.Failed:
-          return <Icons.ByName name="icon-alert-small" />;
+          return <Icons.ByName name="icon-alert-small" className="text-destructive" />;
         case UploadStatus.Cancelled:
-          return <Icons.ByName name="icon-alert-outline" />;
+          return <Icons.ByName name="icon-alert-outline" className="text-highlight" />;
         default:
           return <></>;
       }

diff --git a/extensions/cornerstone/src/components/TrackingStatus/TrackingStatus.tsx b/extensions/cornerstone/src/components/TrackingStatus/TrackingStatus.tsx
@@ -18,7 +18,7 @@ function TrackingStatus({ viewportId }: { viewportId: string }) {
       <Tooltip>
         <TooltipTrigger asChild>
           <span>
-            <Icons.StatusTracking className="h-4 w-4" />
+            <Icons.StatusTracking className="h-4 w-4 text-highlight" />
           </span>
         </TooltipTrigger>
         <TooltipContent side="bottom">

diff --git a/extensions/default/src/Components/DataSourceConfigurationModalComponent.tsx b/extensions/default/src/Components/DataSourceConfigurationModalComponent.tsx
@@ -152,7 +152,7 @@ function DataSourceConfigurationModalComponent({
             >
               <div className="text- flex items-center gap-2">
                 {itemLabelIndex < selectedItems.length ? (
-                  <Icons.ByName name="status-tracked" />
+                  <Icons.ByName name="status-tracked" className="text-highlight" />
                 ) : (
                   <Icons.ByName name="status-untracked" />
                 )}

diff --git a/extensions/default/src/DicomTagBrowser/DicomTagBrowser.css b/extensions/default/src/DicomTagBrowser/DicomTagBrowser.css
@@ -12,8 +12,7 @@
 .dicom-tag-browser-table tr {
   padding-left: 10px;
   padding-right: 10px;
-  color: #ffffff;
-  border-top: 1px solid #ddd;
+  color: hsl(var(--foreground));
   white-space: nowrap;
 }
 
@@ -43,7 +42,6 @@
   padding-left: 10px;
   padding-right: 10px;
   text-align: center;
-  color: '#20A5D6';
 }
 
 .dicom-tag-browser-table th.dicom-tag-browser-table-left {

diff --git a/extensions/default/src/utils/colorPickerDialog.css b/extensions/default/src/utils/colorPickerDialog.css
@@ -1,3 +1,4 @@
 .chrome-picker {
-  background: #090c29 !important;
+  background: transparent !important;
+  box-shadow: none !important;
 }
diff --git a/platform/app/src/routes/NotFound/NotFound.tsx b/platform/app/src/routes/NotFound/NotFound.tsx
@@ -15,7 +15,7 @@ const NotFound = ({
   return (
     <div className="absolute flex h-full w-full items-center justify-center bg-background">
       <div className="flex flex-col">
-        <div className="bg-background flex items-center justify-center rounded-t-2xl p-6">
+        <div className="bg-background flex items-center justify-center rounded-t-2xl p-6 text-primary">
           <Icons.IllustrationNotFound />
         </div>
         <div className="bg-input h-px" />

diff --git a/platform/ui-next/src/assets/styles.css b/platform/ui-next/src/assets/styles.css
@@ -1,6 +1,6 @@
 /* CUSTOM OHIF SCROLLBAR */
 .ohif-scrollbar {
-  scrollbar-color: #173239 transparent;
+  scrollbar-color: hsl(var(--neutral) / 0.5) transparent;
   overflow-y: auto;
 }
 
@@ -27,12 +27,10 @@
 .ohif-scrollbar::-webkit-scrollbar-thumb {
   @apply rounded;
   @apply bg-popover;
-  background-color: #041c4a;
 }
 
 .ohif-scrollbar::-webkit-scrollbar-thumb:window-inactive {
   @apply bg-popover;
-  background-color: #041c4a;
 }
 
 /* INVISIBLE SCROLLBAR */

diff --git a/platform/ui-next/src/components/Icons/Sources/Alert.tsx b/platform/ui-next/src/components/Icons/Sources/Alert.tsx
@@ -15,7 +15,7 @@ export const Alert = (props: IconProps) => (
     >
       <path
         d="M24 11.794c.017 6.667-5.333 12.108-12 12.205a11.823 11.823 0 0 1-12-11.79C-.019 5.541 5.331.1 12 .001a11.824 11.824 0 0 1 12 11.793z"
-        fill="#B70D11"
+        fill="currentColor"
       />
       <g
         stroke="#FFF"

diff --git a/platform/ui-next/src/components/Icons/Sources/AlertOutline.tsx b/platform/ui-next/src/components/Icons/Sources/AlertOutline.tsx
@@ -10,7 +10,7 @@ export const AlertOutline = (props: IconProps) => (
     {...props}
   >
     <g
-      stroke="#5ACCE6"
+      stroke="currentColor"
       fill="none"
       fillRule="evenodd"
       strokeLinecap="round"

diff --git a/platform/ui-next/src/components/Icons/Sources/ContentNext.tsx b/platform/ui-next/src/components/Icons/Sources/ContentNext.tsx
@@ -20,7 +20,7 @@ export const ContentNext = (props: IconProps) => (
       <g
         id="Artboard"
         transform="translate(-460, -343)"
-        fill="#FFFFFF"
+        fill="currentColor"
       >
         <polygon
           id="chevron-next"

diff --git a/platform/ui-next/src/components/Icons/Sources/ContentPrev.tsx b/platform/ui-next/src/components/Icons/Sources/ContentPrev.tsx
@@ -20,7 +20,7 @@ export const ContentPrev = (props: IconProps) => (
       <g
         id="Artboard"
         transform="translate(-435, -343)"
-        fill="#FFFFFF"
+        fill="currentColor"
       >
         <polygon
           id="chevron-prev"