From 040f839f64fb9d40905b03aaa467609265c09db4 Mon Sep 17 00:00:00 2001
From: Bruno Lemos <brunohplemos@gmail.com>
Date: Sun, 20 Jan 2019 21:07:36 -0200
Subject: [PATCH] Prevent rgba error on theme change

TODO: Fix this for real
---
 .../src/components/common/GradientLayerOverlay.tsx       | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/components/src/components/common/GradientLayerOverlay.tsx b/packages/components/src/components/common/GradientLayerOverlay.tsx
index d151003f..5ea1f383 100644
--- a/packages/components/src/components/common/GradientLayerOverlay.tsx
+++ b/packages/components/src/components/common/GradientLayerOverlay.tsx
@@ -84,10 +84,17 @@ class GradientLayerOverlay extends React.Component<GradientLayerOverlayProps> {
 
     if (!color) return null
 
+    let colors
+    try {
+      colors = [rgba(color, 0), rgba(color, 0.5)]
+    } catch (e) {
+      return null
+    }
+
     return (
       <SpringAnimatedLinearGradient
         collapsable={false}
-        colors={[rgba(color, 0), rgba(color, 0.5)]}
+        colors={colors}
         pointerEvents="box-none"
         style={[
           getStyle(to, size, spacing),