ui(components): Viewport components updated to ui-next with design updates (#4886)

platform/ui/src/components/AllInOneMenu/DividerItem.tsx

@@ -2,8 +2,8 @@ import React from 'react';
 
 const DividerItem = () => {
   return (
-    <div className="flex h-3.5 shrink-0 items-center px-2">
-      <div className="bg-primary-dark h-[2px] w-full"></div>
+    <div className="flex h-3.5 shrink-0 items-center px-0">
+      <div className="bg-background h-px w-full"></div>
     </div>
   );
 };

platform/ui/src/tailwind.css

@@ -11,6 +11,8 @@
   }
 }
 
+
+
 /* Truncate 2 lines utility */
 .truncate-2-lines {
   overflow: hidden;
@@ -49,7 +51,7 @@
     --destructive: 0 62.8% 30.6%;
     --destructive-foreground: 0 0% 98%;
     --border: 0 0% 14.9%;
-    --input: 236 45% 21%;
+    --input: 236 52% 30%;
     --ring: 214 98% 60%;
     --chart-1: 220 70% 50%;
     --chart-2: 160 60% 45%;
@@ -92,7 +94,7 @@
     --destructive: 0 62.8% 30.6%;
     --destructive-foreground: 0 0% 98%;
     --border: 0 0% 14.9%;
-    --input: 236 45% 21%;
+    --input: 236 52% 30%;
     --ring: 214 98% 60%;
     --chart-1: 220 70% 50%;
     --chart-2: 160 60% 45%;
@@ -100,4 +102,4 @@
     --chart-4: 280 65% 60%;
     --chart-5: 340 75% 55%;
   }
-}
+}