added select readonly prop and updated the disabled schema field state

ui/src/scss/_schema_field.scss

@@ -30,7 +30,7 @@
     .separator {
         width: 1px;
         height: $minHeight;
-        background: var(--baseAlt2Color);
+        background: rgba(#000, 0.06);
     }
     .drag-handle-wrapper {
         position: absolute;
@@ -81,7 +81,6 @@
             @include show();
         }
     }
-
 }
 
 .schema-field-options {
@@ -111,4 +110,17 @@
             }
         }
     }
+    &.deleted {
+        .schema-field-header {
+            background: var(--bodyColor);
+        }
+        .markers,
+        .separator {
+            opacity: 0.5;
+        }
+        %input {
+            background: none;
+            box-shadow: none;
+        }
+    }
 }