[form-builder] Update CSS for PortableTextInput

sanity-io · Oct 6, 2020 · c003cc6 · c003cc6
1 parent 61c0bc1
commit c003cc6
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/packages/@sanity/form-builder/src/inputs/PortableText/PortableTextInput.css b/packages/@sanity/form-builder/src/inputs/PortableText/PortableTextInput.css
@@ -21,7 +21,7 @@
 .header {
   position: relative;
   display: flex;
-  background-color: var(--component-bg);
+  background-color: var(--input-bg);
   border-bottom: 1px solid var(--hairline-color);
   z-index: 2;
 
@@ -39,6 +39,10 @@
       border-bottom: 1px solid var(--hairline-color);
     }
   }
+
+  @nest .root.readOnly & {
+    background-color: var(--input-bg-disabled);
+  }
 }
 
 .toolbarContainer {
@@ -162,7 +166,7 @@
   position: absolute;
   width: 100%;
   height: 100%;
-  background-color: var(--component-bg);
+  background-color: var(--input-bg);
   z-index: 99999;
   opacity: 0.5;
 }