diff --git a/frontend/public/index.html b/frontend/public/index.html
index 6e242e17b7dac79acd27667a8ea8683a465a9fe4..979dbe86168f4c2ed54e40f548c0b1c76571757d 100644
--- a/frontend/public/index.html
+++ b/frontend/public/index.html
@@ -11,6 +11,9 @@
/>
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+ <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&display=swap" rel="stylesheet">
<title>Guest Registration</title>
</head>
<body>
diff --git a/frontend/src/themes/index.ts b/frontend/src/themes/index.ts
index 447708e50640468c411844645e926c29ef4a711c..05b22f8b7ea8fe26fa9ba421ad7e9e6832d240b6 100644
--- a/frontend/src/themes/index.ts
+++ b/frontend/src/themes/index.ts
@@ -16,6 +16,7 @@ declare module '@mui/material/styles' {
textWhite: string
}
}
+
// allow configuration using `createTheme`
interface ThemeOptions {
greg?: {
@@ -32,9 +33,9 @@ export const defaultTheme = createTheme(mainTheme)
function getTheme() {
switch (appTheme) {
case 'uib':
- return createTheme(deepmerge(defaultTheme, uibTheme))
+ return createTheme(deepmerge(mainTheme, uibTheme))
case 'uio':
- return createTheme(deepmerge(defaultTheme, uioTheme))
+ return createTheme(deepmerge(mainTheme, uioTheme))
case 'default':
return defaultTheme
default:
diff --git a/frontend/src/themes/uib.ts b/frontend/src/themes/uib.ts
index 0b4c788e4cc9b904f519b10e63c0c7c07696cf70..8313b97716a3e06c04446c04c0bc5fa687f2b6cf 100644
--- a/frontend/src/themes/uib.ts
+++ b/frontend/src/themes/uib.ts
@@ -1,11 +1,17 @@
import { ThemeOptions } from '@mui/material'
+/*
+ Based on guidelines found here: https://manual.uib.no/profilmanual/profilelementer/
+ */
const uibTheme: ThemeOptions = {
greg: {
appMinWidth: '60rem',
appMaxWidth: '110rem',
deactivatedColor: '#C9C9C9',
},
+ typography: {
+ fontFamily: ['Open Sans', 'Roboto'].join(','),
+ },
palette: {
primary: {
main: '#cf3c3a',