Fix styling of disabled comment box.

src/views/preview/comment/comment.scss

@@ -32,9 +32,6 @@
             &:not(:focus) {
                 border: 2px solid $active-dark-gray;
             }
-            &:disabled {
-                background-color: $box-shadow-light-gray;
-            }
         }
     }
 
@@ -278,6 +275,10 @@
     }
 }
 
+.compose-disabled {
+    opacity: .5;
+}
+
 .comments-root-reply {
     margin-bottom: 1.5rem;
 }

src/views/preview/comment/compose-comment.jsx

@@ -186,7 +186,10 @@ class ComposeComment extends React.Component {
                     </FlexRow>
                 ) : null }
                 <div
-                    className="flex-row comment"
+                    className={classNames('flex-row',
+                        'comment',
+                        this.state.status === ComposeStatus.REJECTED_MUTE ?
+                        'compose-disabled' : '')}
                 >
                     <a href={`/users/${this.props.user.username}`}>
                         <Avatar src={this.props.user.thumbnailUrl} />