Skip to content

Commit 41fdcbc

Browse files
pikurasaDevin Ulibarri
andauthored
Update publication date and update title (#510)
Co-authored-by: Devin Ulibarri <[email protected]>
1 parent 7caa216 commit 41fdcbc

File tree

1 file changed

+6
-6
lines changed

1 file changed

+6
-6
lines changed

src/constants/MarkdownFiles/posts/2025-10-25-adding-dark-mode-to-sugar-labs.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
---
2-
title: "Adding dark mode to  the main Sugar Labs website"
2+
title: "Adding dark mode to the Sugar Labs homepage"
33
excerpt: "New developer Syed Khubayb Ur Rahman shares how he implemented dark mode, what issues he faced and how he debugged them."
44
category: "DEVELOPER NEWS"
5-
date: "2025-10-04"
5+
date: "2025-10-28"
66
slug: "adding-dark-mode-to-sugar-labs"
77
author: "@/constants/MarkdownFiles/authors/syed-khubayb-ur-rahman.md"
88
tags: "dark-mode,accessibility,frontend,Sugar Labs"
@@ -13,16 +13,16 @@ image: "assets/Images/darkmode.png"
1313
<!-- markdownlint-disable -->
1414

1515

16-
# Adding dark mode to a Sugar Labs Website
16+
# Adding dark mode to the Sugar Labs homepage
1717

1818

1919
## Introduction
20-
Sugar Labs builds free/libre/open-source (FLO) tools that make learning playful and accessible. I recently contributed dark mode to a Sugar Labs web project. This post outlines the problem I encountered, how I debugged and fixed it, and the key lessons I learned so others can ship accessible theming with confidence.
20+
Sugar Labs builds free/libre/open-source (FLO) tools that make learning playful and accessible. I recently contributed dark mode to the Sugar Labs homepage project. This post outlines the problem I encountered, how I debugged and fixed it, and the key lessons I learned so others can ship accessible theming with confidence.
2121
Repository: [https://github.com/sugarlabs/www-v2](https://github.com/sugarlabs/www-v2)
2222

2323

2424
## The Problem
25-
The main Sugar Labs website originally lacked a dark mode option, which made browsing less comfortable in low-light conditions.
25+
The Sugar Labs homepage originally lacked a dark mode option, which made browsing less comfortable in low-light conditions.
2626
Without dark mode, the bright interface could cause eye strain and reduce accessibility for users with light sensitivity.
2727

2828

@@ -54,7 +54,7 @@ Implementing the dark mode required careful planning to ensure consistency and a
5454
## Impact and Conclusion
5555
- **Impact on users:** Reduced eye strain, improved readability, and a cohesive experience especially valuable for users with light sensitivity.
5656
- **Impact on the project:** A unified token system speeds up future development, theming, and contributor onboarding.
57-
- **Community value:** The approach respects user preferences, provides control, and centers accessibility principles aligned with Sugar Labs mission.
57+
- **Community value:** The approach respects user preferences, provides control, and centers accessibility principles aligned with Sugar Labs's mission.
5858

5959

6060
By sharing my experience, I hope to inspire others to contribute to Sugar Labs and make a positive impact on the community. I started by defining semantic tokens, honoring system preferences, and prioritizing accessibility. Through this process, I was able to deliver a dark mode that feels natural, inclusive, and maintainable.

0 commit comments

Comments
 (0)