Merge pull request #18 from MedVIC-Lab/add-logo-fix-colors

Refactor publication styles and update logo path in configuration

Author: JakeWags

.vitepress/config.mts

@@ -9,7 +9,7 @@ export default defineConfig({
   description: "MedVIC Lab's Website",
   appearance: false,  // disable dark mode
   themeConfig: {
-    logo: "/logo.png",
+    logo: "assets/images/medvic.svg",
     lastUpdated: {
       text: 'Updated at',
       formatOptions: {

.vitepress/theme/custom.css

@@ -9,7 +9,9 @@
   --vp-c-brand-2: var(--lightblue);
   --vp-c-brand-3: var(--orange);
 
-  --vp-c-text-1: var(--darkblue);
+  --vp-c-text-1: #333;
+
+  --vp-nav-logo-height: 100px;
 }
 
 /********** Custom styles **********/
@@ -24,12 +26,21 @@
 /* Header */
 .VPNavBarTitle .title {
   font-size: 1.75em !important;
+  color: var(--vp-c-brand-1) !important;
 }
 
 .VPNavBarMenuLink {
   font-size: 1.05em !important;
 }
 
+body h1, body h2 {
+  color: var(--vp-c-brand-1) !important;
+}
+
+body h3 {
+  color: var(--vp-c-brand-2) !important;
+}
+
 /* Container widths */
 @media (min-width: 1440px) {
   .VPDoc:not(.has-sidebar) .content {
@@ -40,11 +51,30 @@
   }
 }
 
+/* Publications page */
+.publication-info {
+  color: var(--vp-c-text-1) !important;
+  transition: color 0.2s ease-in-out;
+}
+
+.publication:hover {
+  background: #f5f5f5 !important;
+}
+
+.publication-info:hover {
+  color: var(--vp-c-brand-2) !important;
+}
+
 /* Team page */
 .VPTeamPage {
   margin: 0 !important;
 }
 
 vpi-social-website {
   display: none !important;
+}
+
+/* Sidebar */
+.publication-sidebar h2 {
+  color: var(--vp-c-brand-2) !important;
 }

pages/publications.md

@@ -129,11 +129,6 @@ onMounted(async () => {
   border-radius: 10px;
 }
 
-.publication:hover {
-  background-color:rgb(245, 245, 245);
-  color: #000!important;
-}
-
 .publication img {
   max-width: 150px;
   height: auto; /* Maintain aspect ratio */