🐛 Fixed unreadable tag & author colours with light accent colours

[weylandswart]

Closes https://linear.app/ghost/issue/DES-1231/post-tags-in-admin-inheriting-site-brand-styles

Tags and authors in the post settings sidebar are rendered using the site's accent colour. The text and icon used the raw accent colour, so when a site has a light accent colour the labels became washed out and hard to read against the tinted background.

Before	After

[cursor]

Bugbot is not enabled for this team, so this pull request was not reviewed.

Enable Bugbot in the Cursor dashboard to get automatic reviews on future PRs.

[nx-cloud]

🤖 Nx Cloud AI Fix

Ensure the fix-ci command is configured to always run in your CI pipeline to get automatic fixes in future runs. For more information, please see https://nx.dev/ci/features/self-healing-ci

---

View your CI Pipeline Execution ↗ for commit 1c17c66

Command	Status	Duration	Result
nx run ghost-admin:test	✅ Succeeded	2m 32s	View ↗
nx run @tryghost/admin:build	✅ Succeeded	1m 57s	View ↗
nx run-many -t lint -p ghost-admin	✅ Succeeded	19s	View ↗
nx run ghost:build:assets	✅ Succeeded	2s	View ↗
nx run ghost:build:tsc	✅ Succeeded	6s	View ↗
nx run-many --target=build --projects=tag:publi...	✅ Succeeded	<1s	View ↗

💡 Verify your cache is correct by running tasks in a sandbox. Read docs ↗

---

☁️ Nx Cloud last updated this comment at 2026-07-06 07:57:43 UTC

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: 77afa757-e431-4f2c-95f7-8f2076c0696e

📥 Commits

Reviewing files that changed from the base of the PR and between 7d47672 and 1c17c66.

📒 Files selected for processing (1)

• ghost/admin/app/styles/components/power-select.css

---

Walkthrough

This change updates CSS color variable references in the power-select stylesheet, replacing var(--accent-color) with var(--adjusted-accent-color) for tag-token text and SVG icon colors, as well as author-list first-item text and SVG icon colors.

Changes

Cohort / File(s)	Summary
Accent color variable update ghost/admin/app/styles/components/power-select.css	Switched color, stroke, and fill declarations from var(--accent-color) to var(--adjusted-accent-color) for tag-token and author-list selectors.

Sequence Diagram(s)

Not applicable; this change is a CSS variable substitution with no behavioral or interaction flow.

Estimated code review effort: 1 (Trivial)

Related issues: None provided.

Related PRs: None provided.

Suggested labels: CSS, UI, admin

Suggested reviewers: None provided.

🐰 A hop through styles, subtle and small,
Accent hues adjusted, colors stand tall,
Tags and tokens shift their shade,
A gentle tweak, precisely made.

🚥 Pre-merge checks | ✅ 4

✅ Passed checks (4 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title clearly summarizes the main UI color readability fix for tags and authors.
Description check	✅ Passed	The description matches the change, explaining the accent-color readability issue and the adjusted-color fix.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch weyland-des-1231-post-tags-in-admin-inheriting-site-brand-styles

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}