Update graph node styling (apache#50047)

Author: aritra24

airflow-core/src/airflow/ui/src/components/Graph/AliasNode.tsx

@@ -31,7 +31,7 @@ export const AliasNode = ({
       bg="bg"
       borderColor={isSelected ? "border.inverted" : "border"}
       borderRadius={5}
-      borderWidth={isSelected ? 6 : 2}
+      borderWidth={isSelected ? 4 : 2}
       cursor="default"
       flexDirection="column"
       height={`${height}px`}

airflow-core/src/airflow/ui/src/components/Graph/AssetNode.tsx

@@ -57,7 +57,7 @@ export const AssetNode = ({
         bg="bg"
         borderColor={isSelected ? "border.inverted" : "border"}
         borderRadius={5}
-        borderWidth={isSelected ? 6 : 2}
+        borderWidth={isSelected ? 4 : 2}
         cursor="default"
         flexDirection="column"
         height={`${height}px`}

airflow-core/src/airflow/ui/src/components/Graph/DagNode.tsx

@@ -37,7 +37,7 @@ export const DagNode = ({
       <Flex
         bg={isOpen ? "bg.muted" : "bg"}
         borderRadius={5}
-        borderWidth={isSelected ? 6 : 2}
+        borderWidth={isSelected ? 4 : 2}
         cursor="default"
         flexDirection="column"
         height={`${height}px`}

airflow-core/src/airflow/ui/src/components/Graph/Edge.tsx

@@ -67,7 +67,7 @@ const CustomEdge = ({ data }: Props) => {
           key={section.id}
           stroke={colorMode === "dark" ? darkStroke : lightStroke}
           strokeDasharray={rest.isSetupTeardown ? "10,5" : undefined}
-          strokeWidth={rest.isSelected ? 4 : 1}
+          strokeWidth={rest.isSelected ? 2 : 1}
           x={(point: ElkPoint) => point.x}
           y={(point: ElkPoint) => point.y}
         />

airflow-core/src/airflow/ui/src/components/Graph/TaskNode.tsx

@@ -70,7 +70,7 @@ export const TaskNode = ({
               taskInstance?.state ? `${taskInstance.state}.solid` : isSelected ? "border.inverted" : "border"
             }
             borderRadius={5}
-            borderWidth={isSelected ? 6 : 2}
+            borderWidth={isSelected ? 4 : 2}
             height={`${height + (isSelected ? 4 : 0)}px`}
             justifyContent="space-between"
             px={isSelected ? 1 : 2}