feat: implementen VEDA styles, logo and fonts

Author: dmijatovic

frontend/components/AppFooter/index.tsx

@@ -26,7 +26,7 @@ export default function AppFooter () {
           </p>
           <ContactEmail email={host?.email} headers={host?.emailHeaders} />
           {/* <div className="py-4"></div> */}
-          <div className="bg-base-100 w-[24rem] p-4 rounded-md mt-4">
+          <div className="w-[10rem] p-2 rounded-md mt-4">
             <OrganisationLogo host={host} />
           </div>
 

frontend/components/AppHeader/index.tsx

@@ -51,16 +51,13 @@ export default function AppHeader() {
         <div className="w-full flex-1 flex items-center justify-between">
           <Link href="/" passHref className="hover:text-inherit" aria-label="Link to home page">
             <img
-              src="/apple-touch-icon.png"
-              alt="KIN logo"
+              src={host.logo_url}
+              alt="VEDA by KIN logo"
               title="Klimaatonderzoek Initiatief Nederland"
               style={{
                 height: '3.5rem',
                 width: 'auto',
-                padding: '0.5rem',
-                objectFit: 'contain',
-                backgroundColor: '#fff',
-                borderRadius:'50%'
+                objectFit: 'contain'
               }}
             />
           </Link>

frontend/public/data/settings.json

@@ -1,12 +1,13 @@
 {
   "host": {
     "name": "kin-rpd",
+    "email": "[email protected]",
     "emailHeaders": [],
-    "logo_url": "/images/logo-KIN.svg",
-    "website": "https://hetkin.nl/en/home-en/",
+    "logo_url": "/images/veda-beta-logo.png",
+    "website": "https://hetkin.nl/en/",
     "feedback": {
       "enabled": true,
-      "url": "rsd@esciencecenter.nl",
+      "url": "veda@hetkin.nl",
       "issues_page_url": "https://github.com/research-software-directory/KIN-RPD/issues"
     },
     "login_info_url":"https://research-software-directory.github.io/documentation/getting-access.html",
@@ -52,19 +53,19 @@
         "base-content": "#306070",
         "base-content-secondary": "rgba(48,96,112,0.7)",
         "base-content-disabled": "rgba(34,36,37,0.45)",
-        "primary": "#01A2D6",
+        "primary": "#01a2d6",
         "primary-content": "#fff",
         "secondary": "#306070",
         "secondary-content": "#fff",
-        "accent": "#a3ccb9",
-        "accent-content": "#306070",
-        "error": "#8A1D12",
+        "accent": "#01a2d6",
+        "accent-content": "#fff",
+        "error": "#EC5F59",
         "error-content": "#fff",
         "warning": "#ed6c02",
         "warning-content": "#fff",
         "info": "#0288d1",
         "info-content": "#fff",
-        "success": "#307070",
+        "success": "#71ad93",
         "success-content": "#fff",
         "glow-start": "#db2777",
         "glow-end": "#9333ea"
@@ -101,15 +102,15 @@
         "primary-content": "#fff",
         "secondary": "#306070",
         "secondary-content": "#fff",
-        "accent": "#73095d",
+        "accent": "#6C4E71",
         "accent-content": "#fff",
-        "error": "#e53935",
+        "error": "#EC5F59",
         "error-content": "#000",
         "warning": "#ed6c02",
         "warning-content": "#000",
         "info": "#0288d1",
         "info-content": "#000",
-        "success": "#2e7d32",
+        "success": "#71ad93",
         "success-content": "#fff",
         "glow-start": "#db2777",
         "glow-end": "#9333ea"
@@ -129,8 +130,8 @@
       }
     },
     "typography": {
-      "defaultFontFamily": "aller, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif,'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
-      "titlesFontFamily": "aller, Roboto, sans-serif",
+      "defaultFontFamily": "Aller, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif,'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
+      "titlesFontFamily": "Aller, Roboto, sans-serif",
       "fontWeightLight": 200,
       "fontWeightRegular": 400,
       "fontWeightMedium": 500,