From e329dd39af4c91d49ef5a62380e8a6b4b46b0130 Mon Sep 17 00:00:00 2001
From: Hazem Krimi <krimihazem1@gmail.com>
Date: Sat, 10 Apr 2021 00:00:25 +0100
Subject: [PATCH] Update theme

---
 @types/styled.d.ts  |  4 ++++
 src/themes/index.ts | 32 ++++++++++++++++++++++++++++++++
 2 files changed, 36 insertions(+)

diff --git a/@types/styled.d.ts b/@types/styled.d.ts
index 35e2794..a508f95 100644
--- a/@types/styled.d.ts
+++ b/@types/styled.d.ts
@@ -26,18 +26,22 @@ declare module 'styled-components' {
       client: {
         main: string;
         light: string;
+        dark: string;
       };
       productOwner: {
         main: string;
         light: string;
+        dark: string;
       };
       developer: {
         main: string;
         light: string;
+        dark: string;
       };
       admin: {
         main: string;
         light: string;
+        dark: string;
       };
     };
   }
diff --git a/src/themes/index.ts b/src/themes/index.ts
index e167cb6..6c85ed6 100644
--- a/src/themes/index.ts
+++ b/src/themes/index.ts
@@ -32,6 +32,14 @@ export const theme: DefaultTheme = {
         #5F6CAD,
         #5F6CAD
       )`,
+      dark: `linear-gradient(
+        rgba(0, 0, 0, .3),
+        rgba(0, 0, 0, .3)
+      ),
+      linear-gradient(
+        #5F6CAD,
+        #5F6CAD
+      )`,
     },
     productOwner: {
       main: '#20063B',
@@ -43,6 +51,14 @@ export const theme: DefaultTheme = {
         #20063B,
         #20063B
       )`,
+      dark: `linear-gradient(
+        rgba(0, 0, 0, .3),
+        rgba(0, 0, 0, .3)
+      ),
+      linear-gradient(
+        #20063B,
+        #20063B
+      )`,
     },
     developer: {
       main: '#ED7D3A',
@@ -54,6 +70,14 @@ export const theme: DefaultTheme = {
         #ED7D3A,
         #ED7D3A
       )`,
+      dark: `linear-gradient(
+        rgba(0, 0, 0, .3),
+        rgba(0, 0, 0, .3)
+      ),
+      linear-gradient(
+        #ED7D3A,
+        #ED7D3A
+      )`,
     },
     admin: {
       main: '#A30015',
@@ -65,6 +89,14 @@ export const theme: DefaultTheme = {
         #A30015,
         #A30015
       )`,
+      dark: `linear-gradient(
+        rgba(0, 0, 0, .3),
+        rgba(0, 0, 0, .3)
+      ),
+      linear-gradient(
+        #A30015,
+        #A30015
+      )`,
     },
   },
 };