From 95e45e8c7b7a1f8f699a2b77cb19291aaf7efbf4 Mon Sep 17 00:00:00 2001
From: Toby Zerner <toby.zerner@gmail.com>
Date: Tue, 4 Aug 2015 10:38:49 +0930
Subject: [PATCH] Validate color fields on appearance page

---
 framework/core/js/admin/src/components/AppearancePage.js | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/framework/core/js/admin/src/components/AppearancePage.js b/framework/core/js/admin/src/components/AppearancePage.js
index 18d080c5f..67b1884e0 100644
--- a/framework/core/js/admin/src/components/AppearancePage.js
+++ b/framework/core/js/admin/src/components/AppearancePage.js
@@ -69,6 +69,13 @@ export default class AppearancePage extends Component {
   onsubmit(e) {
     e.preventDefault();
 
+    const hex = /^#[0-9a-f]{3}([0-9a-f]{3})?$/i;
+
+    if (!hex.test(this.primaryColor()) || !hex.test(this.secondaryColor())) {
+      alert('Please enter a hexadecimal color code.');
+      return;
+    }
+
     this.loading = true;
 
     saveConfig({