From 58b1d629764f0b4211375e40f41ebd6867562c56 Mon Sep 17 00:00:00 2001
From: David Baker <dave@matrix.org>
Date: Wed, 3 Aug 2016 11:38:19 +0100
Subject: [PATCH] CSS for deactivate account dialog

(Inc some generic CSS for error & danger fields)
---
 src/skins/vector/css/common.css               | 19 +++++++++++++++++++
 .../structures/UserSettings.css               |  4 ++++
 2 files changed, 23 insertions(+)

diff --git a/src/skins/vector/css/common.css b/src/skins/vector/css/common.css
index bc217309..586ce704 100644
--- a/src/skins/vector/css/common.css
+++ b/src/skins/vector/css/common.css
@@ -52,6 +52,10 @@ a:visited {
     color: #76cfa6;
 }
 
+input[type=text].error, input[type=password].error {
+    border: 1px solid red;
+}
+
 input[type=text]:focus, textarea:focus {
     border: 1px solid #76CFA6;
     outline: none;
@@ -233,6 +237,17 @@ input[type=text]:focus, textarea:focus {
     background-color: #76cfa6;
 }
 
+.mx_Dialog button.danger, .mx_Dialog input[type="submit"].danger {
+    background-color: #ff0064;
+    border: solid 1px #ff0064;
+}
+
+.mx_Dialog button:disabled, .mx_Dialog input[type="submit"]:disabled {
+    background-color: #777777;
+    border: solid 1px #777777;
+    opacity: 0.7;
+}
+
 .mx_Dialog_title {
     min-height: 16px;
     padding-top: 40px;
@@ -242,6 +257,10 @@ input[type=text]:focus, textarea:focus {
     color: #454545;
 }
 
+.mx_Dialog_title.danger {
+    color: #ff0064;
+}
+
 .mx_TextInputDialog_label {
     text-align: left;
     padding-bottom: 12px;
diff --git a/src/skins/vector/css/matrix-react-sdk/structures/UserSettings.css b/src/skins/vector/css/matrix-react-sdk/structures/UserSettings.css
index 66d81f9c..7d0e4bad 100644
--- a/src/skins/vector/css/matrix-react-sdk/structures/UserSettings.css
+++ b/src/skins/vector/css/matrix-react-sdk/structures/UserSettings.css
@@ -94,6 +94,10 @@ limitations under the License.
     cursor: pointer;
 }
 
+.mx_UserSettings_button.danger {
+    background-color: #ff0064;
+}
+
 .mx_UserSettings_section {
     margin-left: 63px;
     margin-top: 28px;