feat: add open sans font and set font family in theme configuration (#…

…3994) Co-authored-by: Palash Gupta <palashgdev@gmail.com>
SigNoz · Nov 20, 2023 · 12029a6 · 12029a6
1 parent 4083970
commit 12029a6
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 0 deletions.
diff --git a/frontend/src/container/Header/styles.ts b/frontend/src/container/Header/styles.ts
@@ -3,6 +3,8 @@ import styled from 'styled-components';
 
 export const Header = styled(Layout.Header)`
 	background: #1f1f1f !important;
+	padding-left: 16px;
+	padding-right: 16px;
 `;
 
 export const Container = styled.div`

diff --git a/frontend/src/hooks/useDarkMode/index.tsx b/frontend/src/hooks/useDarkMode/index.tsx
@@ -74,6 +74,7 @@ export const useThemeConfig = (): ThemeConfig => {
 			borderRadiusLG: 2,
 			borderRadiusSM: 2,
 			borderRadiusXS: 2,
+			fontFamily: 'Open Sans',
 		},
 	};
 };

diff --git a/frontend/src/index.html.ejs b/frontend/src/index.html.ejs
@@ -61,6 +61,13 @@
 			rel="stylesheet"
 			href="https://unpkg.com/uplot@1.6.26/dist/uPlot.min.css"
 		/>
+
+		<link rel="preconnect" href="https://fonts.googleapis.com" />
+		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+		<link
+			href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap"
+			rel="stylesheet"
+		/>
 	</head>
 	<body>
 		<noscript>You need to enable JavaScript to run this app.</noscript>