add more friendly colours that work with the themes

Author: marylychee

styles/base/compose.mcss

@@ -61,14 +61,14 @@ Compose {
       }
     }
     input.contentWarning {
+      border: 2px solid #ddd;
+      border-radius: 3px;
       flex: 1;
       font-size: 120%
-      padding: 3px 6px;
-      border: 2px solid #ddd;
-      padding-top: .3rem;
       margin-left: 5px;
       margin-right: 5px;
       min-width: 0;
+      padding: 5px 6px;
     }
     (button) {
       -clear {

styles/dark/compose.mcss

@@ -41,6 +41,20 @@ Compose {
         content: "<path d="M13 14c0 2.21-1.79 4-4 4s-4-1.79-4-4V3c0-1.66 1.34-3 3-3s3 1.34 3 3v9c0 1.1-.9 2-2 2s-2-.9-2-2V4h1v8c0 .55.45 1 1 1s1-.45 1-1V3c0-1.1-.9-2-2-2s-2 .9-2 2v11c0 1.66 1.34 3 3 3s3-1.34 3-3V4h1v10z"/>"
       }
     }
+    input.contentWarning {
+      background-color: #2d2c2c;
+      border: 2px solid #2d2c2c;
+      color: #ccc
+      [disabled] {
+        opacity: 0.5
+      }
+      :focus {
+        outline: 0
+      }
+      ::-webkit-input-placeholder {
+        color: #757474
+      }
+    }
     (button) {
       :hover {
         background: #6a9fba

styles/light/compose.mcss

@@ -49,6 +49,9 @@ Compose {
         content: '📎 Attach File'
       }
     }
+    input.contentWarning {
+      border: 2px solid #dedede8c;
+    }
   }
   -expanded {
     textarea {