Style updates in data view

src/components/uniforms-frontmatter/ListDelField.tsx

@@ -29,7 +29,7 @@ function ListDel({ disabled, name, readOnly, ...props }: ListDelFieldProps) {
 
   return (
     <span
-      className="autoform__list_del_field"
+      className="autoform__list_del_field mb-1"
       {...filterDOMProps(props)}
       onClick={onAction}
       onKeyDown={onAction}

src/components/uniforms-frontmatter/LongTextField.tsx

@@ -26,6 +26,7 @@ function LongText({
       <LabelField label={label} id={id} required={props.required} />
 
       <textarea
+        className={`block w-full py-2 pr-2 sm:text-sm appearance-none disabled:opacity-50 rounded bg-[var(--vscode-input-background)] text-[var(--vscode-input-foreground)] placeholder-[var(--vscode-input-placeholderForeground)] border-[var(--frontmatter-border)] focus:border-[var(--vscode-focusBorder)] focus:outline-0`}
         disabled={disabled}
         id={id}
         name={name}

src/components/uniforms-frontmatter/TextField.tsx

@@ -28,6 +28,7 @@ function Text({
       <LabelField label={label} id={id} required={props.required} />
 
       <input
+        className='block w-full py-2 pr-2 sm:text-sm appearance-none disabled:opacity-50 rounded bg-[var(--vscode-input-background)] text-[var(--vscode-input-foreground)] placeholder-[var(--vscode-input-placeholderForeground)] border-[var(--frontmatter-border)] focus:border-[var(--vscode-focusBorder)] focus:outline-0'
         autoComplete={autoComplete}
         disabled={disabled}
         id={id}

src/dashboardWebView/styles.css

@@ -79,21 +79,6 @@
   }
 
   form {
-    label {
-      @apply block;
-      @apply text-gray-500;
-      @apply my-2;
-    }
-
-    input,
-    textarea {
-      @apply w-full px-2 py-1 text-vulcan-500;
-
-      &::placeholder {
-        @apply text-gray-500;
-      }
-    }
-
     .ant-form-item-has-error .ant-form-item-control-input {
       @apply relative;
     }
@@ -147,12 +132,12 @@
 
     > .fields {
       > div > label:first-of-type {
-        color: var(--primary-color);
+        color: var(--frontmatter-text);
       }
 
       > div:not(:first-child) > label:first-of-type {
         margin-block-start: 2rem;
-        border-block-start: 1px solid;
+        border-block-start: 1px solid var(--frontmatter-border);
         padding-block-start: 2rem;
       }
     }