Merge pull request #2499 from AlessioGr/fix-readonly-styles

fix: read-only styles for textArea and richtext

src/admin/components/forms/field-types/RichText/index.scss

@@ -102,7 +102,8 @@
 
   &--read-only {
     .rich-text__editor {
-      background-color: var(--theme-elevation-150);
+      background: var(--theme-elevation-200);
+      color: var(--theme-elevation-450);
       padding: base(.5);
 
       .popup button {
@@ -122,7 +123,7 @@
         left: 0;
         right: 0;
         bottom: 0;
-        background-color: var(--theme-elevation-150);
+        background-color: var(--theme-elevation-200);
         opacity: .85;
         z-index: 2;
         backdrop-filter: unset;

src/admin/components/forms/field-types/Textarea/index.scss

@@ -28,6 +28,17 @@
     }
   }
 
+  &.read-only {
+    .textarea-outer {
+      background: var(--theme-elevation-200);
+      color: var(--theme-elevation-450);
+      &:hover {
+        border-color: var(--theme-elevation-150);
+        @include shadow-sm;
+      }
+    }
+  }
+
   // This element takes exactly the same dimensions as the clone
   .textarea-inner {
     display: block;