From 386e679a7a86694dd4819fd5231496550a387758 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Stefan=20=C3=85lund?= <alund@spotify.com>
Date: Thu, 5 Mar 2020 11:26:19 +0100
Subject: [PATCH] Update default theme for new plugins

---
 .../ExampleComponent/ExampleComponent.tsx.hbs |  2 +-
 .../ExampleFetchComponent.tsx.hbs             |  2 +-
 .../core/src/layout/Page/PageThemeProvider.ts | 19 +++++++++++++++----
 3 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/frontend/packages/cli/templates/default-plugin/src/components/ExampleComponent/ExampleComponent.tsx.hbs b/frontend/packages/cli/templates/default-plugin/src/components/ExampleComponent/ExampleComponent.tsx.hbs
index e8d2ed6888..fe092700fc 100644
--- a/frontend/packages/cli/templates/default-plugin/src/components/ExampleComponent/ExampleComponent.tsx.hbs
+++ b/frontend/packages/cli/templates/default-plugin/src/components/ExampleComponent/ExampleComponent.tsx.hbs
@@ -20,7 +20,7 @@ const ExampleComponent: FC<{}> = () => {
   const classes = useStyles();
 
   return (
-    <Page theme={theme.home}>
+    <Page theme={theme.tool}>
       <div className={classes.mainContentArea}>
         <Header title="Welcome to {{ id }}!" subtitle="Optional subtitle"></Header>
         <Grid
diff --git a/frontend/packages/cli/templates/default-plugin/src/components/ExampleFetchComponent/ExampleFetchComponent.tsx.hbs b/frontend/packages/cli/templates/default-plugin/src/components/ExampleFetchComponent/ExampleFetchComponent.tsx.hbs
index 8c1ebcf17d..ddb0d8361c 100644
--- a/frontend/packages/cli/templates/default-plugin/src/components/ExampleFetchComponent/ExampleFetchComponent.tsx.hbs
+++ b/frontend/packages/cli/templates/default-plugin/src/components/ExampleFetchComponent/ExampleFetchComponent.tsx.hbs
@@ -73,7 +73,7 @@ export const DenseTable: FC<DenseTableProps> = ({ users }) => {
 
 const ExampleFetchComponent: FC<{}> = () => {
   const { value, loading, error } = useAsync(async (): Promise<User[]> => {
-    const response = await fetch('https://randomuser.me/api/?results=100');
+    const response = await fetch('https://randomuser.me/api/?results=20');
     const data = await response.json();
     return data.results;
   }, []);
diff --git a/frontend/packages/core/src/layout/Page/PageThemeProvider.ts b/frontend/packages/core/src/layout/Page/PageThemeProvider.ts
index 60fef3487e..c8702d043d 100644
--- a/frontend/packages/core/src/layout/Page/PageThemeProvider.ts
+++ b/frontend/packages/core/src/layout/Page/PageThemeProvider.ts
@@ -11,8 +11,9 @@ export const gradients = {
   violetPeach: 'linear-gradient(44deg, #B39AC8 0%, #FCCBD3 100%)',
   violetGreen: 'linear-gradient(44deg, #4302F4 0%, #C3EFC8 100%)',
   purple: 'linear-gradient(-90deg, #a186bd 0%, #7c5c92 100%)',
-  tpm: 'linear-gradient(-137deg, #00FFF2 0%, #035355 100%)',
-  royalBlue: 'linear-gradient(45deg, #000044 0%, #0000DD 61.47%, #0033DD 74%, #4B80D4 100%)',
+  eveningSea: 'linear-gradient(-137deg, #00FFF2 0%, #035355 100%)',
+  royalBlue:
+    'linear-gradient(45deg, #000044 0%, #0000DD 61.47%, #0033DD 74%, #4B80D4 100%)',
   grey: 'linear-gradient(45deg, #111111 0%, #777777 100%)',
   sunset: 'linear-gradient(148deg, #cf8022 0%, #4e6ec7 100%)',
   sky: 'linear-gradient(135deg, #69B9FF 0%, #ACCEEC 100%)',
@@ -41,7 +42,17 @@ export const theme = {
   },
   documentation: {
     activeNavLinkColor: '#04c2ba',
-    gradient: gradients.tpm,
+    gradient: gradients.eveningSea,
     burstShape: null,
   },
-};
\ No newline at end of file
+  tool: {
+    activeNavLinkColor: '#04c2ba',
+    gradient: gradients.purpleBlue,
+    burstShape: null,
+  },
+  library: {
+    activeNavLinkColor: '#B39AC8',
+    gradient: gradients.sunset,
+    burstShape: null,
+  },
+};