[Bug] Writing Programme Background Color Inconsistency in Dark Mode

[Ghat0tkach]

Description

Currently, the content box in the writing program does not adapt correctly to dark mode. When the dark mode is enabled, the content box background remains white, which leads to poor visibility and an inconsistent user experience.

Expected Behavior

Screenshots

Environment:

• Host OS:
• Browser:

---

Contributor Resources and Handbook

The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.

• 📚 See contributing instructions.
• 🎨 Wireframes and designs for Layer5 site in Figma (open invite)
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack.

Join the Layer5 Community by submitting your community member form.

[ritik-kgp]

Hey @Ghat0tkach, can I work on this issue?

[DarrenDsouza7273]

Assigned it to you @Chat-Ritik if you have any doubts or queries you can address them on our slack channel or mention the same on the discussion forum

[DkRadhey]

@Ghat0tkach Can I work this issue?

[ritik-kgp]

@Ghat0tkach @DarrenDsouza7273 As far as I can make out, it is expected to transform the background-color(outside form) to black with some opacity making it somewhat translucent. Am I right? Do clarify. Thanks

[Ghat0tkach]

@Chat-Ritik

You just need to change https://github.com/layer5io/layer5/blob/3e94360f3c630db2abd3ba863f423ab9bbd17f28/src/sections/app.style.js#L215

to

background-color: rgb(0 ,0,0, 0.75);

[DkRadhey]

@Ghat0tkach May I?

[DarrenDsouza7273]

@Ghat0tkach May I? You can checkout other available issues @DkRadhey as it has already been resolved by @Chat-Ritik