Skip to content

style: update docs theme to match Ghost blog#18

Merged
bmadcode merged 1 commit intomainfrom
docs-theme-match
Apr 1, 2026
Merged

style: update docs theme to match Ghost blog#18
bmadcode merged 1 commit intomainfrom
docs-theme-match

Conversation

@bmadcode
Copy link
Copy Markdown
Contributor

@bmadcode bmadcode commented Apr 1, 2026 •
edited by coderabbitai Bot
Loading

Summary

  • Replace purple/electric blue accent with Ghost blog design tokens (#0a0a0a bg, #3b82f6 accent, #262626 borders)
  • Add Inter, Space Grotesk, JetBrains Mono fonts
  • Remove logo images, use text title
  • Update Banner component colors

Test plan

  • Verified locally on dev server

Summary by CodeRabbit

Release Notes

  • Style
    • Updated website theme with a new dark color palette, replacing purple accents with blue.
    • Refreshed banner and component styling for improved visual consistency.
    • Enhanced typography with new font selections across headings and body text.
    • Removed logo configuration from theme settings.

@bmadcode
style: update docs theme to match bmadcode.com Ghost blog
d4a6c16 
Replace purple/electric blue accent with Ghost blog design tokens:
- Background #0a0a0a, surface #1a1a1a, borders #262626
- Accent blue #3b82f6, text #fafafa/#a1a1a1/#666666
- Inter body, Space Grotesk headings, JetBrains Mono code
- Remove logo images, use text title
@coderabbitai
Copy link
Copy Markdown

coderabbitai Bot commented Apr 1, 2026 •
edited
Loading

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 07bf700f-5462-43e2-a96a-eeceeec07ed0

📥 Commits

Reviewing files that changed from the base of the PR and between e7365e8 and d4a6c16.

📒 Files selected for processing (3)
  • website/astro.config.mjs
  • website/src/components/Banner.astro
  • website/src/styles/custom.css

Walkthrough

The website styling has been comprehensively updated with a new dark theme featuring blue accents instead of purple, typography changes including Inter and Space Grotesk fonts, and the removal of logo configuration from the Astro setup.

Changes

Cohort / File(s) Summary
Configuration
website/astro.config.mjs		 Removed logo configuration object from Starlight integration options.
Component Styling
website/src/components/Banner.astro		 Updated background color to #1a1a1a, adjusted text and border colors, changed font-family to Inter, and modified link styling with new colors and hover states.
Global Theme & Typography
website/src/styles/custom.css		 Replaced purple accent colors with blue palette throughout, updated CSS variables for Inter and JetBrains Mono fonts, introduced Space Grotesk for headings, added Google Fonts import, and adjusted component-specific styles (sidebar, header, cards, tables, blockquotes) to match new color scheme.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~22 minutes

Poem

🐰 A theme born fresh in shades of blue,
Purple fades, the new comes through,
Inter, Grotesk, fonts so clean,
The prettiest site you've ever seen! ✨
Dark and sleek, from #1a1a1a we spring,
Twitches nose — what joy this brings!

✨ Finishing Touches
📝 Generate docstrings
  • Create stacked PR
  • Commit on current branch
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch docs-theme-match

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

Comment @coderabbitai help to get the list of available commands and usage tips.

@bmadcode bmadcode merged commit 5edbda9 into main Apr 1, 2026
19 of 20 checks passed
@augmentcode
Copy link
Copy Markdown

augmentcode Bot commented Apr 1, 2026

🤖 Augment PR Summary

Summary: Updates the documentation site styling to match the bmadcode.com Ghost blog look and typography.

Changes:

  • Removes the configured logo images so the site uses the text title instead.
  • Updates the Banner component colors and link hover styling for the new dark palette.
  • Replaces the prior purple/electric-blue accent tokens with Ghost-like dark background, blue accents, and neutral border colors.
  • Adds Inter / Space Grotesk / JetBrains Mono font usage (including heading-specific typography).
  • Tweaks dark-mode header and card/table styling to align with the new design tokens.

Technical Notes: The theme is primarily driven by Starlight CSS variables (--sl-*) plus targeted component overrides (Banner + headings/sidebar/cards).

🤖 Was this summary useful? React with 👍 or 👎

augmentcode[bot]
augmentcode Bot reviewed Apr 1, 2026
View reviewed changes
Copy link
Copy Markdown

@augmentcode augmentcode Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Review completed. 1 suggestion posted.

Fix All in Augment

Comment augment review to trigger a new review at any time.

Comment thread website/src/styles/custom.css
*/

/* Google Fonts - match Ghost blog typography */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');
Copy link
Copy Markdown

@augmentcode augmentcode Bot Apr 1, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

website/src/styles/custom.css:13 — Importing Google Fonts via a remote @import introduces a third‑party network dependency that can fail under strict CSPs or offline/internal deployments. If this docs site is expected to work in those environments, consider bundling/self-hosting these fonts to keep rendering consistent.

Severity: medium

Fix This in Augment

🤖 Was this useful? React with 👍 or 👎, or 🚀 if it prevented an incident/outage.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@augmentcode augmentcode[bot] augmentcode[bot] left review comments

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

1 participant

@bmadcode