Skip to content

Complete brand guidelines and force dark mode#6

Merged
whoabuddy merged 2 commits intomainfrom
chore/brand-completion
Jan 27, 2026
Merged

Complete brand guidelines and force dark mode#6
whoabuddy merged 2 commits intomainfrom
chore/brand-completion

Conversation

@whoabuddy
Copy link
Copy Markdown
Contributor

Summary

  • Force dark mode site-wide by overriding Starlight's ThemeProvider and ThemeSelect components, removing the theme toggle entirely
  • Add secondary (#0634D0 blue) and tertiary (#A855F7 purple) CSS color variables
  • Add orange focus ring styling using --sl-color-accent
  • Add subtle background pattern overlay (pattern-3 from branding repo at 3% opacity)
  • Add @font-face declarations for Roc Grotesk (commented out — font files are licensed and must be acquired from myfonts.com, with a src/fonts/ directory ready for them)
  • Remove light mode CSS overrides (no longer needed)

Closes #5
Resolves remaining items in #3

Test plan

  • Verify dark mode is forced (no theme toggle visible in header)
  • Verify text is readable (no light mode visibility issues)
  • Verify orange focus rings appear when tabbing through interactive elements
  • Verify subtle pattern overlay is visible on main content area
  • Verify build passes (npm run build)

🤖 Generated with Claude Code

Force dark mode by overriding ThemeProvider and ThemeSelect components,
removing the theme toggle and fixing light-mode text visibility (#5).

Add remaining brand elements from #3: secondary/tertiary color variables,
orange focus ring styling, background pattern overlay, and Roc Grotesk
font-face declarations (commented out pending licensed font files).

Closes #5

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
@cloudflare-workers-and-pages
Copy link
Copy Markdown

cloudflare-workers-and-pages bot commented Jan 27, 2026

Deploying aibtc-docs with  Cloudflare Pages  Cloudflare Pages

Latest commit: 1ebc196
Status:⚡️  Build in progress...

View logs

Enable @font-face declarations using the aibtc.com font CDN
(same pattern as x402-api, x402-sponsor-relay, and worker-logs).
Override --sl-font and --sl-font-heading with Roc Grotesk family.
Remove unused src/fonts/ directory.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
@whoabuddy whoabuddy merged commit 57eee63 into main Jan 27, 2026
1 check was pending
@whoabuddy whoabuddy deleted the chore/brand-completion branch January 27, 2026 21:55
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.

Bug: light mode cannot see text

1 participant