google / google/site-kit-wp

Add support for Dark Mode

Open
#11,255 4 comments 0 reactions 1 assignee Assigned to @zutigrm View on GitHub
Type: Enhancement UX
Dominant language
JavaScript
Stars
1.4k
Forks
383
Avg merge
4d 14h
Merged PRs (30d)
77

Description

## Feature Description

The [Dark Mode for WP Dashboard](https://wordpress.org/plugins/dark-mode-for-wp-dashboard/) plugin provides a nice dark theme for the WordPress dashboard.

Site Kit's WP dashboard widgets look good with the plugin enabled (although it would be nice to have a dark mode for the graph):
Image

However, the Site Kit dashboard, of course, doesn't provide support for dark mode:
Image

It would be great to add a dark mode theme, to help users reduce their eye strain and regulate their circadian rhythms when using the plugin.

---------------

_Do not alter or remove anything below. The following sections will be managed by moderators only._

## Acceptance criteria

* A dark mode theme should be applied to the app automatically when the user's dark mode setting is set to dark mode.
* Dark mode should be detected in CSS using the `prefers-color-scheme: dark` media selector.
* The dark mode should be applied in SCSS *only* by overriding the primary colour variables for the plugin.

## Implementation Brief

* [ ]

### Test Coverage

*

## QA Brief

*

## Changelog entry

*

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.