From 239d9c8b83c71061ff5bbbc986f00c844796f14c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Stefan=20=C3=85lund?= <alund@spotify.com>
Date: Sat, 7 Mar 2020 14:09:44 +0100
Subject: [PATCH] Update default theme for headings

---
 packages/core/src/theme/BackstageTheme.js     | 23 +++++++++++++++++++
 .../src/components/HomePage/HomePage.tsx      |  4 +---
 .../components/HomePage/SquadTechHealth.tsx   |  4 +---
 3 files changed, 25 insertions(+), 6 deletions(-)

diff --git a/packages/core/src/theme/BackstageTheme.js b/packages/core/src/theme/BackstageTheme.js
index 6746ab6084..0a7d64a903 100644
--- a/packages/core/src/theme/BackstageTheme.js
+++ b/packages/core/src/theme/BackstageTheme.js
@@ -73,6 +73,29 @@ const extendedThemeConfig = {
   },
   typography: {
     fontFamily: '"Helvetica Neue", Helvetica, Roboto, Arial, sans-serif',
+    h5: {
+      fontWeight: 700,
+    },
+    h4: {
+      fontWeight: 700,
+      fontSize: 28,
+      marginBottom: 6,
+    },
+    h3: {
+      fontSize: 32,
+      fontWeight: 700,
+      marginBottom: 6,
+    },
+    h2: {
+      fontSize: 40,
+      fontWeight: 700,
+      marginBottom: 8,
+    },
+    h1: {
+      fontSize: 54,
+      fontWeight: 700,
+      marginBottom: 10,
+    },
   },
 };
 
diff --git a/plugins/home-page/src/components/HomePage/HomePage.tsx b/plugins/home-page/src/components/HomePage/HomePage.tsx
index d64592a347..9bd9759eca 100644
--- a/plugins/home-page/src/components/HomePage/HomePage.tsx
+++ b/plugins/home-page/src/components/HomePage/HomePage.tsx
@@ -60,9 +60,7 @@ const HomePage: FC<{}> = () => {
         <Content>
           <Grid container direction="row" spacing={3}>
             <Grid item xs={6}>
-              <Typography variant="h3" style={{ padding: '8px 0 16px 0' }}>
-                Things you own
-              </Typography>
+              <Typography variant="h3">Things you own</Typography>
               <InfoCard maxWidth>
                 <SortableTable data={data} columns={columns} orderBy="id" />
               </InfoCard>
diff --git a/plugins/home-page/src/components/HomePage/SquadTechHealth.tsx b/plugins/home-page/src/components/HomePage/SquadTechHealth.tsx
index e13a4e805f..16083de6bd 100644
--- a/plugins/home-page/src/components/HomePage/SquadTechHealth.tsx
+++ b/plugins/home-page/src/components/HomePage/SquadTechHealth.tsx
@@ -6,9 +6,7 @@ import { HorizontalScrollGrid, ProgressCard } from '@spotify-backstage/core';
 const SquadTechHealth: FC<{}> = () => {
   return (
     <>
-      <Typography variant="h3" style={{ padding: '8px 0 16px 0' }}>
-        Team Metrics
-      </Typography>
+      <Typography variant="h3">Team Metrics</Typography>
       <HorizontalScrollGrid scrollStep={400} scrollSpeed={100}>
         <Grid item>
           <ProgressCard