From 86a419d42a91f76cb739b433ec53ac204b19dec3 Mon Sep 17 00:00:00 2001
From: akash-codemonk <67054171+akash-codemonk@users.noreply.github.com>
Date: Thu, 12 Nov 2020 18:53:49 +0530
Subject: [PATCH] Add the error style to bindings (#1711)

---
 .../CodeEditor/styledComponents.ts                 | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/app/client/src/components/editorComponents/CodeEditor/styledComponents.ts b/app/client/src/components/editorComponents/CodeEditor/styledComponents.ts
index 5b8d195fca..e3ade05577 100644
--- a/app/client/src/components/editorComponents/CodeEditor/styledComponents.ts
+++ b/app/client/src/components/editorComponents/CodeEditor/styledComponents.ts
@@ -163,10 +163,16 @@ export const EditorWrapper = styled.div<{
       color: #FFFFFF;
     }
     .binding-brackets {
-      color: ${props =>
-        props.editorTheme === EditorTheme.DARK
-          ? props.theme.colors.bindingTextDark
-          : props.theme.colors.bindingText};
+      ${props =>
+        props.hasError
+          ? `
+      color: ${props.theme.colors.error};
+      `
+          : `color: ${
+              props.editorTheme === EditorTheme.DARK
+                ? props.theme.colors.bindingTextDark
+                : props.theme.colors.bindingText
+            };`}
       font-weight: 700;
     }
     .datasource-highlight {