Here are the changes Claude Code made to bring the T3 theme in line with my main site, and to add a project name field to the top of the page.

---
dg-publish: false
---

# Theme Customizations

Documents all modifications to the default Digital Garden / Obsidian base theme so they can be re-applied if the theme is updated by the plugin.

## 1. Custom Styles

**File:** `src/site/styles/custom-style.scss`
This file is not overwritten by plugin updates — safe to edit freely.

### Font
Overrides the Obsidian base theme's system-font stack with Inter. The `!important` is required to win the CSS variable cascade. Inter is already bundled in `obsidian-base.scss` via `@font-face`.

```scss
body {
    --font-default: 'Inter', sans-serif!important;
}

Replicates the header style from jeffpatt.com.

Property Value Notes
Background white Removes default colored background
Border 1px solid #f0f0f0 Subtle bottom separator
Max width 1800px, centered Constrains content on wide screens
Padding 1rem 4vw Responsive side gutters
Link color black!important Overrides theme's default blue
Link hover #5b80c6 Soft blue
Site name font size clamp(0.8rem, 2vw, 1rem) Responsive, matches jeffpatt.com
Site name font weight 600 Semi-bold

Per-page Project name

Optional <span> inside the h1 showing a project label from note frontmatter. Styled lighter (400 weight, #666) with an em dash separator (#ccc).

2. Navbar Template

File: src/site/_includes/components/navbar.njk

⚠️ This file may be overwritten by a plugin update. Re-apply this change if the navbar reverts.

Added a conditional project name after the site name in the h1.

Original:

<h1>{{meta.siteName}}</h1>

Modified:

<h1>{{meta.siteName}}{% if project %} <span class="navbar-project-name">{{ project }}</span>{% endif %}</h1>

To use: add a project property to any note in Obsidian. Requires Frontmatter passthrough enabled in the Digital Garden plugin settings.

Files NOT Modified

Avoid editing these directly—they will be overwritten by plugin updates: