Skip to content

Dark-mode contrast

NUR uses explicit dark-mode foreground and surface tokens instead of reducing text opacity. This keeps Bangla and English long-form reading clear on desktop and mobile displays.

The dark palette covers body text, headings, navigation, metadata cards, blockquotes, Qur'an blocks, inline and fenced code, tables, forms, status labels, publication controls, language switches, heading links, and footer navigation.

Normal text targets WCAG AA contrast. Interactive controls preserve visible hover and keyboard-focus states. The mobile rules keep text fully opaque and avoid thin glyph rendering.