GREG-41: Updates to themes

frontend/src/App.tsx

@@ -6,7 +6,7 @@ import './App.css'
 import { Button } from './components/button'
 
 import { appTimezone, appVersion, appTheme } from './appConfig'
-import { Link } from './components/link'
+import Link from './components/link'
 
 const App = () => {
   const [apiHealth, setApiHealth] = useState('not yet')

frontend/src/components/link/index.tsx

@@ -103,4 +103,4 @@ export default function Link(props: ILink) {
             {children}
         </StyledLink>
     )
-}
+}
\ No newline at end of file

frontend/src/styled.d.ts

@@ -7,5 +7,7 @@ declare module 'styled-components' {
       main: string
       secondary: string
     }
+    linkExternalColor: string
+    linkInternalColor: string
   }
 }

frontend/src/themes/default.ts

@@ -2,6 +2,7 @@ import { DefaultTheme } from 'styled-components/macro'
 
 const white = '#FFFFFF'
 const hotPink = '#FF69B4'
+const blueish = '#2771bb'
 
 const defaultTheme: DefaultTheme = {
   borderRadius: '10px',
@@ -9,6 +10,8 @@ const defaultTheme: DefaultTheme = {
     main: hotPink,
     secondary: white,
   },
+  linkInternalColor: white,
+  linkExternalColor: blueish,
 }
 
 export default defaultTheme

frontend/src/themes/uib.ts

@@ -2,6 +2,7 @@ import { DefaultTheme } from 'styled-components'
 
 const white = '#FFFFFF'
 const hotPink = '#FF69B4'
+const blueish = '#2771bb'
 
 const uibTheme: DefaultTheme = {
   borderRadius: '10px',
@@ -9,6 +10,8 @@ const uibTheme: DefaultTheme = {
     main: hotPink,
     secondary: white,
   },
+  linkInternalColor: white,
+  linkExternalColor: blueish,
 }
 
 export default uibTheme

frontend/src/themes/uio.ts

@@ -2,6 +2,7 @@ import { DefaultTheme } from 'styled-components/macro'
 
 const white = '#FFFFFF'
 const hotPink = '#FF69B4'
+const blueish = '#2771bb'
 
 const uioTheme: DefaultTheme = {
   borderRadius: '10px',
@@ -9,6 +10,8 @@ const uioTheme: DefaultTheme = {
     main: hotPink,
     secondary: white,
   },
+  linkInternalColor: white,
+  linkExternalColor: blueish,
 }
 
 export default uioTheme