Skip to content

fix: dark mode visibility across all components#137

Merged
drewstone merged 2 commits intomainfrom
fix/dark-mode-visibility
Feb 8, 2026
Merged

fix: dark mode visibility across all components#137
drewstone merged 2 commits intomainfrom
fix/dark-mode-visibility

Conversation

@drewstone
Copy link
Contributor

Summary

Users reported that nothing is visible on the docs site in dark mode. This PR adds missing dark: Tailwind variants to all components that had hardcoded light-mode-only styles.

Changes

Components fixed:

  • HelpDiscordBtn.tsx — Added dark:bg-gray-800 dark:text-gray-200 dark:border-gray-600 dark:hover:bg-gray-700
  • DiscordButton.tsx — Same dark mode overrides
  • DiscordBanner.tsx — Changed text-gray-400 to include dark:text-gray-300 for better contrast
  • ExpandableImage.tsx — Added dark backgrounds to zoom/reset buttons in the image modal
  • TokenContracts.tsx — Added dark text variants to:
    • Token symbol text (dark:text-gray-400)
    • Search icon (dark:text-gray-400)
    • Search input (dark:text-white dark:placeholder-gray-400)
    • Chain select dropdown (dark:text-white)

What was already fine

  • linkBlue usages already had dark:text-blue-200 or dark:text-white overrides
  • tangleLogoTextColor in Footer already had dark variants
  • Shiki code block line numbers already use appropriate colors for dark mode

No light mode appearance changes.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@netlify
Copy link

netlify bot commented Feb 7, 2026

Deploy Preview for tangle-docs ready!

Name Link
🔨 Latest commit e37771d
🔍 Latest deploy log https://app.netlify.com/projects/tangle-docs/deploys/698764c4a7c04a000886d0bb
😎 Deploy Preview https://deploy-preview-137--tangle-docs.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.

@drewstone drewstone merged commit a1f8eff into main Feb 8, 2026
8 checks passed
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.

2 participants