https://github.com/garritfra/darktheme.club

A collection of web pages from across the Internet. To qualify, your website must either use a dark theme by default, or respect the preference of the user.
https://github.com/garritfra/darktheme.club

a11y accessibility css dark-mode dark-theme

Last synced: 4 days ago
JSON representation

A collection of web pages from across the Internet. To qualify, your website must either use a dark theme by default, or respect the preference of the user.

• Host: GitHub
• URL: https://github.com/garritfra/darktheme.club
• Owner: garritfra
• License: mit
• Created: 2022-04-16T11:10:53.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-12-29T10:58:51.000Z (12 days ago)
• Last Synced: 2024-12-30T19:15:12.108Z (11 days ago)
• Topics: a11y, accessibility, css, dark-mode, dark-theme
• Language: HTML
• Homepage: https://darktheme.club
• Size: 402 KB
• Stars: 33
• Watchers: 4
• Forks: 84
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        
# Darktheme Club

With the internet being ever present and screens surrounding us all the time,

personal preference is becoming more and more critical for a good user

experience. Particularly when it comes to dark mode in order not to burn out

the readers sight at night.

**The Darktheme Club** is a collection of web pages from across the Internet. To

qualify, your website must either offer a dark theme by default, or respect the

preference of the user, preferably through the

[color-scheme](https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme) CSS property or the [prefers-color-scheme](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme)

media query.

## How to create a PR to add your site to the Darktheme Club

It's simple!

1. Fork this repository.

2. Navigate to [`_data/sites.yml`](./_data/sites.yml) and add your site (template below).

3. Open a pull request and fill out the following template.

### Site template

#### Sample

```

- domain: example.com

  url: http://example.com/ (Make sure you keep the trailing slash)

  method: mediaquery (Choose one of "colorscheme", "mediaquery", "javascript", "darkonly", "opt-in", "unknown")

  last_checked: 2022-06-02 (YYYY-MM-DD)

```

#### Blank

```

- domain:

  url:

  method:

  last_checked:

```

**NOTE:** Entries are automatically sorted by domain name. Please add your site to the list without worrying about the alphabetical order. Our continuous integration process will handle the sorting for you. Just ensure that the details for your site are correctly formatted as per the existing entries.