fix(readable-background): add a translucent background to main content #23

Merged
naomi merged 5 commits from :fix/issue-22-readable-background into main 2026-02-06 16:46:52 -08:00
Member

Explanation

This makes the main content area readable.
Screenshot 2026-02-03 at 12.10.01 PM.png

Issue

22

Attestations

Dependencies

  • I have pinned the dependencies to a specific patch version.

Style

  • I have run the linter and resolved any errors.
  • My pull request uses an appropriate title, matching the conventional commit standards.
  • My scope of feat/fix/chore/etc. correctly matches the nature of changes in my pull request.

Tests

  • My contribution adds new code, and I have added tests to cover it.
  • My contribution modifies existing code, and I have updated the tests to reflect these changes.
  • All new and existing tests pass locally with my changes.
  • Code coverage remains at or above the configured threshold.

Documentation

I have made the following PR to update the documentation site by adding a translucent background to main content sections to improve text readability against the background artwork.

Versioning

Minor - My pull request introduces a new non-breaking feature.

### Explanation This makes the main content area readable. ![Screenshot 2026-02-03 at 12.10.01 PM.png](/attachments/5103926c-17a1-49b5-8594-2f985b6bb23d) ### Issue 22 ### Attestations - [x] I have read and agree to the [Code of Conduct](https://docs.nhcarrigan.com/community/coc/) - [x] I have read and agree to the [Community Guidelines](https://docs.nhcarrigan.com/community/guide/). - [x] My contribution complies with the [Contributor Covenant](https://docs.nhcarrigan.com/dev/covenant/). ### Dependencies - [x] I have pinned the dependencies to a specific patch version. ### Style - [x] I have run the linter and resolved any errors. - [x] My pull request uses an appropriate title, matching the conventional commit standards. - [x] My scope of feat/fix/chore/etc. correctly matches the nature of changes in my pull request. ### Tests - [x] My contribution adds new code, and I have added tests to cover it. - [x] My contribution modifies existing code, and I have updated the tests to reflect these changes. - [x] All new and existing tests pass locally with my changes. - [x] Code coverage remains at or above the configured threshold. ### Documentation I have made the following PR to update the documentation site by adding a translucent background to main content sections to improve text readability against the background artwork. ### Versioning Minor - My pull request introduces a new non-breaking feature.
rain added 1 commit 2026-02-02 20:10:48 -08:00
fix(bg-content): add a translucent background to main content
Node.js CI / CI (pull_request) Has been cancelled
Security Scan and Upload / Security & DefectDojo Upload (pull_request) Has been cancelled
bc86066f7d
rain changed title from fix(bg-content): add a translucent background to main content to fix(readable-background): add a translucent background to main content 2026-02-02 20:28:24 -08:00
rain added 3 commits 2026-02-02 20:57:37 -08:00
feat(dark-theme): set translucent background
Node.js CI / CI (pull_request) Has been cancelled
Security Scan and Upload / Security & DefectDojo Upload (pull_request) Has been cancelled
7ed0776058
Author
Member

@naomi I have set the translucent background to the entire page and added one for the dark theme as well.

Light theme:
Screenshot 2026-02-03 at 1.08.07 PM.png

Dark theme:
Screenshot 2026-02-03 at 1.09.45 PM.png

For some reason, applying the translucent background to .page in dark theme does not modify the entire page. Can you help with this?

@naomi I have set the translucent background to the entire page and added one for the dark theme as well. Light theme: ![Screenshot 2026-02-03 at 1.08.07 PM.png](/attachments/8c8705a1-a825-47a4-b440-bec09ec5d571) Dark theme: ![Screenshot 2026-02-03 at 1.09.45 PM.png](/attachments/d2f0fd9c-b3b6-4cb7-a56c-c7b5f4f16954) For some reason, applying the translucent background to .page in dark theme does not modify the entire page. Can you help with this?
rain added 1 commit 2026-02-02 21:06:53 -08:00
feat(dark-theme): set transulent background to the entire page
Security Scan and Upload / Security & DefectDojo Upload (pull_request) Failing after 5s
Node.js CI / CI (pull_request) Successful in 58s
da34c24d3c
Owner

For some reason, applying the translucent background to .page in dark theme does not modify the entire page. Can you help with this?

Starlight is heckin' weird. Will take a look tomorrow.

> For some reason, applying the translucent background to .page in dark theme does not modify the entire page. Can you help with this? Starlight is heckin' weird. Will take a look tomorrow.
naomi merged commit 8a811b87c3 into main 2026-02-06 16:46:52 -08:00
naomi deleted branch fix/issue-22-readable-background 2026-02-06 16:46:52 -08:00
Sign in to join this conversation.
No Reviewers
No Label
2 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: nhcarrigan/docs#23