Skip to content

Rebrand the TinaCMS admin as FairData#692

Open
jamiefolsom wants to merge 1 commit into
developfrom
feature/rebrand-tinacms-fairdata
Open

Rebrand the TinaCMS admin as FairData#692
jamiefolsom wants to merge 1 commit into
developfrom
feature/rebrand-tinacms-fairdata

Conversation

@jamiefolsom

Copy link
Copy Markdown
Member

What

Replaces the TinaCMS llama logo and "TinaCMS" name in the admin UI with FairData branding.

Where Now shows
Nav drawer header FairData db mark + "FairData Sites" wordmark
Page headers, dialogs, login screen FairData db icon mark
Browser tab title "Project Name FairData Site" (per deployment)

The tab title is singular ("Site") and names the specific site, e.g. "Marronage Mapping Project FairData Site"; the wordmark is the plural product name ("FairData Sites").

Why

TinaCMS provides no config option to change its logo or app name, so editors currently see TinaCMS branding throughout the admin.

How

  • The logo and name are compiled into the TinaCMS packages, so they're changed with patch-package. A postinstall hook reapplies the patches on every install, including on Netlify, so the normal build produces the branded admin.
  • The tab title varies per site, so a small build step (scripts/build.admin-title.mjs) sets it from the site's branding title after the admin is built.
  • Source logos and a guide for updating the patches after a TinaCMS upgrade are in tina/branding/.

Verifying

Verified locally against Marronage staging. The clearest check is this PR's deploy preview: open /admin, confirm the FairData logo in the sidebar and dialogs, and that the browser tab reads "Marronage Mapping Project FairData Site".

The TinaCMS admin shows its own llama logo and "TinaCMS" name, with no
config option to change them. Patch the published packages with
patch-package (reapplied on every install via a postinstall hook) to
show FairData branding instead:

- Nav drawer: the FairData db mark + "FairData Sites" wordmark
- Page headers, dialogs, and the login screen: the FairData db icon mark
- Browser tab title: "<Project Name> FairData Site", set per deployment
  by a build step that reads the site's branding title

Source logos and a maintenance guide live in tina/branding/.
@netlify

netlify Bot commented Jun 22, 2026

Copy link
Copy Markdown

Deploy Preview for juel-life ready!

Name Link
🔨 Latest commit 3926554
🔍 Latest deploy log https://app.netlify.com/projects/juel-life/deploys/6a397b837eec880008422727
😎 Deploy Preview https://deploy-preview-692--juel-life.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify

netlify Bot commented Jun 22, 2026

Copy link
Copy Markdown

Deploy Preview for juel-staging ready!

Name Link
🔨 Latest commit 3926554
🔍 Latest deploy log https://app.netlify.com/projects/juel-staging/deploys/6a397b831cd83d00082ff004
😎 Deploy Preview https://deploy-preview-692--juel-staging.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify

netlify Bot commented Jun 22, 2026

Copy link
Copy Markdown

Deploy Preview for juel-ancestry ready!

Name Link
🔨 Latest commit 3926554
🔍 Latest deploy log https://app.netlify.com/projects/juel-ancestry/deploys/6a397b83c2429f00087a2298
😎 Deploy Preview https://deploy-preview-692--juel-ancestry.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify

netlify Bot commented Jun 22, 2026

Copy link
Copy Markdown

Deploy Preview for pss-scavenger-hunt ready!

Name Link
🔨 Latest commit 3926554
🔍 Latest deploy log https://app.netlify.com/projects/pss-scavenger-hunt/deploys/6a397b8224552b0007db8d54
😎 Deploy Preview https://deploy-preview-692--pss-scavenger-hunt.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@socket-security

Copy link
Copy Markdown

Review the following changes in direct dependencies. Learn more about Socket for GitHub.

Diff Package Supply Chain
Security
Vulnerability Quality Maintenance License
Addedpatch-package@​8.0.19710010081100

View full report

@jamiefolsom
jamiefolsom marked this pull request as ready for review June 22, 2026 18:26
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant