GREG-297: UiT theme

frontend/src/components/page/page.tsx

@@ -19,6 +19,9 @@ switch (appInst) {
   case 'uio':
     faviconPath = 'favicons/uio.svg'
     break
+  case 'uit':
+    faviconPath = 'favicons/uit.ico'
+    break
   case 'ntnu':
     faviconPath = 'favicons/ntnu.ico'
     break

frontend/src/routes/components/logos/index.tsx

@@ -10,6 +10,10 @@ import { ReactComponent as UiBLogoNo } from './uib/UiBlogo_hvit_v.svg'
 import { ReactComponent as UiBLogoEn } from './uib/UiBlogo_Eng_white_left.svg'
 import { ReactComponent as UiBEmblem } from './uib/UiB-emblem_white.svg'
 
+import { ReactComponent as UiTLogoNb } from './uit/uit-logo-nb.svg'
+import { ReactComponent as UiTLogoNn } from './uit/uit-logo-nn.svg'
+import { ReactComponent as UiTLogoEn } from './uit/uit-logo-en.svg'
+
 import { ReactComponent as NTNULogo } from './ntnu/ntnu-logo-black-no-slogan.svg'
 
 function DynamicUiBLogo() {
@@ -99,6 +103,44 @@ function getHeaderLogo() {
       )
     case 'uib':
       return DynamicUiBLogo()
+    case 'uit':
+      if (i18n.language === 'en') {
+        return (
+          <UiTLogoEn
+            style={{
+              width: '100%',
+              maxHeight: '2.5rem',
+              minWidth: '5rem',
+              marginTop: '0.5rem',
+              marginBottom: '0.5rem',
+            }}
+          />
+        )
+      }
+      if (i18n.language === 'nn') {
+        return (
+          <UiTLogoNn
+            style={{
+              width: '100%',
+              maxHeight: '2.5rem',
+              minWidth: '5rem',
+              marginTop: '0.5rem',
+              marginBottom: '0.5rem',
+            }}
+          />
+        )
+      }
+      return (
+        <UiTLogoNb
+          style={{
+            width: '100%',
+            maxHeight: '2.5rem',
+            minWidth: '5rem',
+            marginTop: '0.5rem',
+            marginBottom: '0.5rem',
+          }}
+        />
+      )
     case 'ntnu':
       return (
         <NTNULogo

frontend/src/themes/index.ts

@@ -3,6 +3,7 @@ import { deepmerge } from '@mui/utils'
 
 import uibTheme from 'themes/uib'
 import uioTheme from 'themes/uio'
+import uitTheme from 'themes/uit'
 import ntnuTheme from 'themes/ntnu'
 import mainTheme from 'themes/main'
 
@@ -41,6 +42,8 @@ function getTheme() {
       return createTheme(deepmerge(mainTheme, uibTheme))
     case 'uio':
       return createTheme(deepmerge(mainTheme, uioTheme))
+    case 'uit':
+      return createTheme(deepmerge(mainTheme, uitTheme))
     case 'ntnu':
       return createTheme(deepmerge(mainTheme, ntnuTheme))
     default:

frontend/src/themes/uit.ts

+import { ThemeOptions } from '@mui/material'
+
+/*
+ UiT style guide: https://uit.no/ansatte/grafiskprofil#kapittel_617363
+ */
+const uitTheme: ThemeOptions = {
+  greg: {
+    footerLinkBgColor: '#003349',
+    wizardButtonColor: 'black',
+  },
+  typography: {
+    fontFamily: 'Open Sans',
+  },
+  palette: {
+    primary: {
+      main: '#003349',
+      light: '#ffffff',
+    },
+    secondary: {
+      main: '#007396',
+      light: '#59bec9',
+    },
+  },
+}
+
+export default uitTheme

frontend/src/utils/index.ts

@@ -148,7 +148,7 @@ export function parseRole(role: FetchedRole): Role {
     contact_person_unit: role.contact_person_unit,
     comments: role.comments,
     sponsor_name: role.sponsor_name,
-    ou_id: role.ou_id
+    ou_id: role.ou_id,
   }
 }
 
@@ -194,6 +194,8 @@ export function instNameUpperCaser(instName: String): String {
       return 'UiB'
     case 'ntnu':
       return 'NTNU'
+    case 'uit':
+      return 'UiT'
     default:
       return instName
   }