Additional Graph Colors for Chaos + Sidebar Menu color update, v0.3.1

Sayan Mondal · web-flow · commit 2b330a3390e5 · 2020-12-30T11:59:59.000+05:30
* Additional Graph Colors for Chaos + Sidebar Menu color update
* Adding dashboard colors to theme

Signed-off-by: Sayan Mondal &lt;sayan.mondal@mayadata.io&gt;
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "kubera-ui",
   "license": "Apache-2.0",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "private": false,
   "description": "Component Library for Kubera products",
   "author": "MayaData, Inc.",
diff --git a/src/theme/base.ts b/src/theme/base.ts
@@ -17,6 +17,37 @@ declare module '@material-ui/core/styles/createMuiTheme' {
         highlight: string;
       };
     };
+    graph: {
+      interleaveRed: string;
+      dashboard: {
+        lightBlue: string;
+        lightOrange: string;
+      };
+      line: {
+        violet: string;
+        violetLight: string;
+        brightPink: string;
+        darkPink: string;
+        yellow: string;
+        darkYellow: string;
+        orange: string;
+        lightGreen: string;
+        lightBlue: string;
+        darkBlue: string;
+      };
+      area: {
+        violet: string;
+        violetLight: string;
+        brightPink: string;
+        darkPink: string;
+        yellow: string;
+        darkYellow: string;
+        orange: string;
+        lightGreen: string;
+        lightBlue: string;
+        darkBlue: string;
+      };
+    };
     kuberaCoreCards: {
       kuberaChaos: {
         background: {
@@ -70,6 +101,37 @@ declare module '@material-ui/core/styles/createMuiTheme' {
         highlight: string;
       };
     };
+    graph?: {
+      interleaveRed: string;
+      dashboard: {
+        lightBlue: string;
+        lightOrange: string;
+      };
+      line: {
+        violet: string;
+        violetLight: string;
+        brightPink: string;
+        darkPink: string;
+        yellow: string;
+        darkYellow: string;
+        orange: string;
+        lightGreen: string;
+        lightBlue: string;
+        darkBlue: string;
+      };
+      area: {
+        violet: string;
+        violetLight: string;
+        brightPink: string;
+        darkPink: string;
+        yellow: string;
+        darkYellow: string;
+        orange: string;
+        lightGreen: string;
+        lightBlue: string;
+        darkBlue: string;
+      };
+    };
     kuberaCoreCards?: {
       kuberaChaos?: {
         background: {
diff --git a/src/theme/kubera-chaos.ts b/src/theme/kubera-chaos.ts
@@ -33,7 +33,7 @@ const kuberaChaosTheme = createTheme({
         'linear-gradient(67.59deg, #0F2625 -0.71%, #112826 24.2%, #172D2B 98.91%)',
       paper: '#1C2126',
     },
-    sidebarMenu: '#0A181866',
+    sidebarMenu: '#0E2120',
     loginBackground: 'linear-gradient(180deg, #20605C 0%, #153F3C 100%)',
     disabledBackground: '#2B333B',
     text: {
@@ -82,6 +82,40 @@ const kuberaChaosTheme = createTheme({
       backdrop: '#00000099',
     },
   },
+
+  // Kubera Chaos Additional Theme Options
+
+  graph: {
+    interleaveRed: '#6A2625',
+    dashboard: {
+      lightBlue: '#08BBD7',
+      lightOrange: '#F6B92B',
+    },
+    line: {
+      violet: '#A93DDB',
+      violetLight: '#A05195',
+      brightPink: '#D45087',
+      darkPink: '#CC556A',
+      yellow: '#FFA600',
+      darkYellow: '#DFA73E',
+      orange: '#F6793E',
+      lightGreen: '#6DA966',
+      lightBlue: '#51C9DA',
+      darkBlue: '#2F4B7C',
+    },
+    area: {
+      violet: 'linear-gradient(180deg, #A93DDB73 0%, #A93DDB00 100%)',
+      violetLight: 'linear-gradient(180deg, #A0519573 0%, #A0519500 100%)',
+      brightPink: 'linear-gradient(180deg, #A4508773 0%, #D4508700 100%)',
+      darkPink: 'linear-gradient(180deg, #CC556A73 0%, #CC556A00 100%)',
+      yellow: 'linear-gradient(180deg, #FFA60073 0%, #FFA60000 100%)',
+      darkYellow: 'linear-gradient(180deg, #DFA73E73 0%, #DFA73E00 100%)',
+      orange: 'linear-gradient(180deg, #F6793E73 0%, #F6793E00 100%)',
+      lightGreen: 'linear-gradient(180deg, #6DA96673 0%, #6DA96600 100%)',
+      lightBlue: 'linear-gradient(180deg, #51C9DA73 0%, #51C9DA00 100%)',
+      darkBlue: 'linear-gradient(180deg, #2F4B7C73 0%, #2F4B7C00 100%)',
+    },
+  },
 });
 
 export { kuberaChaosTheme };
diff --git a/src/theme/kubera-core.tsx b/src/theme/kubera-core.tsx
@@ -32,7 +32,7 @@ const kuberaCoreTheme = createTheme({
         'linear-gradient(67.59deg, #191B42 -0.7%, #191B42 -0.69%, #191B42 25.35%, #0B3147 98.91%)',
       paper: '#1C2126',
     },
-    sidebarMenu: '#1401184D',
+    sidebarMenu: '#151535',
     loginBackground: '#FFFFFF',
     disabledBackground: '#777777',
     text: {

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "kubera-ui",`
`3`	`3`	`"license": "Apache-2.0",`
`4`		`- "version": "0.3.0",`
	`4`	`+ "version": "0.3.1",`
`5`	`5`	`"private": false,`
`6`	`6`	`"description": "Component Library for Kubera products",`
`7`	`7`	`"author": "MayaData, Inc.",`