Skip to main content
ArcBlock Community

UI Text and Dark Theme Display Issues

JM β€œcryptotestnet” Morales
Support
nft-studioneed-reviewux

Product: NFT Studio (NFT Maker) URL: https://www.nftstudio.rocks/en/nft-maker Platform: Web Browser: Chrome (latest version) Theme: Dark Mode

🧾 Description

Certain UI text elements in NFT Maker are hard to read or blend with the background when dark theme is enabled. The issue affects both label visibility and contrast consistency, especially on form fields, pop-ups, and confirmation dialogs.

πŸ” Steps to Reproduce

  1. Open https://www.nftstudio.rocks/en/nft-maker.
  2. Enable dark theme.
  3. Navigate to NFT creation or collection setup pages.
  4. Observe that several texts (placeholders, field labels, or buttons) appear low contrast or invisible.

βœ… Expected Behavior

  • All text elements should remain fully visible and maintain consistent contrast under dark mode.
  • Background and font colors should follow accessible color contrast standards (e.g., WCAG 2.1 AA).

❌ Actual Behavior

  • Some text and labels appear gray-on-dark-gray or nearly invisible.
  • Inconsistent font colors cause readability issues.
  • Buttons and input placeholders are difficult to distinguish.

πŸ“Š Impact

  • Poor readability and accessibility in dark mode.
  • Hard for users to fill forms or confirm actions correctly.

🧩 Suggested Fix

  • Review dark mode color variables in the CSS or theme settings.
  • Increase text-to-background contrast (minimum ratio 4.5).
  • Use consistent color tokens for all UI states (normal, hover, active).
Reply