build: ⬆️ upgrade seedcase-theme (#386)

# Description

This PR needs a quick review.

## Checklist


- [X] Ran `just run-all`

Author: signekb

.gitignore

@@ -15,6 +15,7 @@ dev/
 # Quarto
 /.quarto/
 docs/.quarto/
+**/*.quarto_ipynb
 
 # Website generation
 _site

_extensions/seedcase-project/seedcase-theme/_brand.yml

@@ -2,7 +2,13 @@ meta:
   name:
     full: Seedcase Project
     short: Seedcase
+  description: |
+    The Seedcase Project is an organisation dedicated to making an
+    effective and open framework for building modern infrastructures
+    for structured, standardised, and FAIR (findable, accessible,
+    interoperable, and reusable) research data.
   link:
+    home: https://seedcase-project.org
     github: https://github.com/seedcase-project
 
 color:
@@ -11,6 +17,7 @@ color:
     dark-green: "#196440"
     vibrant-green: "#48DC76"
     light-grey: "#F8F9FA"
+    code-bg: "#E9ECEFA6"
   primary: dark-green
   tertiary: vibrant-green
   light: light-grey
@@ -19,7 +26,7 @@ typography:
   fonts:
     - family: noto sans
       source: "bunny"
-      # other weights are used inexplicitly for e.g., bold and table headers
+      # other weights are used for e.g., bold and table headers
       weight: [300, 500, 600]
     - family: poppins
       source: "bunny"
@@ -37,14 +44,18 @@ typography:
 defaults:
   bootstrap:
     defaults:
-      mermaid-edge-color: "#8B8B8B"
+      mermaid-edge-color: var(--quarto-scss-export-gray-800)
+      # Set code background colour variable so all inline code has the same colour
+      # including headers with inline code.
+      # This colour is the default background colour for inline code.
+      code-bg: var(--brand-code-bg)
     rules: |
       .cell-output pre code {
         white-space: pre-wrap;
       }
 
       .navbar {
-          border-bottom: rgba($toc-active-border, 0.3) 1px solid;
+        border-bottom: var(--quarto-scss-export-gray-300) 1px solid;
       }
 
       svg {
@@ -70,6 +81,7 @@ defaults:
           font-size: 20px !important;
           font-weight: bold;
           padding: 5px 15px !important;
+          margin: 0px 10px 10px 10px;
       }
 
       .about-link:hover {
@@ -117,8 +129,8 @@ defaults:
           flex-direction: row;
       }
 
-      .hero-text>h2,
-      .landing-page-block>h2 {
+      .hero-text h2,
+      .landing-page-block h2 {
           margin-top: 0.5rem;
           border-bottom: none;
       }
@@ -140,3 +152,16 @@ defaults:
       .callout-body {
           font-weight: 300 !important;
       }
+
+      /* Dropdown items on navbar default to 400 weight, but we want them to be lighter. */
+      .dropdown-item {
+          font-weight: 300 !important;
+      }
+
+      code {
+        color: $primary;
+      }
+
+      :is(h3, h4, h5, h6, dt) code {
+        font-weight: bold;
+      }

_extensions/seedcase-project/seedcase-theme/_extension.yml

@@ -1,7 +1,7 @@
 title: seedcase-theme
 author: Luke W. Johnston
-version: 1.0.1
-quarto-required: ">=1.2.0"
+version: 0.6.4
+quarto-required: ">=1.7.0"
 contributes:
   formats:
     common:
@@ -20,16 +20,15 @@ contributes:
 
     website:
       page-navigation: true
-      favicon: favicon/favicon.ico
+      favicon: logos/seedcase/icon.svg
       repo-branch: main
       repo-actions: [edit, issue, source]
       search:
         location: navbar
         type: textbox
       navbar:
+        pinned: true
         background: light
-        logo: logos/navbar-logo-seedcase-project.svg
-        logo-alt: "Seedcase Project logo: Main page"
       page-footer:
         border: true
         center:
@@ -43,7 +42,5 @@ contributes:
             href: https://seedcase-project.org/#acknowledgements
 
     csl: vancouver.csl
-
     format: seedcase-theme-html
-
     brand: _brand.yml