ionic-team / ionic-team/ionicons

feat: Add Dark Mode Support to Ionicons Website

Open
#1,438 1 comment 0 reactions 0 assignees View on GitHub
help wanted
Dominant language
TypeScript
Stars
18.2k
Forks
2.1k
PR merge metrics
No merged PRs in 30d

Description

### Describe Problem

Currently, the Ionicons website does not support dark mode. Many users prefer or rely on dark themes to reduce eye strain, especially in low-light environments or at night. Having only a light mode can make it harder for some users to navigate the site comfortably.

### Describe Preferred Solution

- Implement a CSS-based dark mode.
- Add a toggle switch to enable or disable dark mode manually or automatically.
- Ensure Ionicons Web Components have proper contrast in dark mode.
- Match the dark mode experience with other Ionic ecosystem sites.

### Describe Alternatives

_No response_

### Additional Information

_No response_

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.