Skip to content
This repository was archived by the owner on Jan 16, 2022. It is now read-only.

feat(ui): add prefers-color-scheme media query support #568

Merged
priscilawebdev merged 5 commits into from
Oct 15, 2020
Merged

feat(ui): add prefers-color-scheme media query support #568

Changes from 4 commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
6f8d694
feat(ui): add prefers-color-scheme media query support
Oct 8, 2020
d7ab8b1
Merge branch 'master' into master
priscilawebdev Oct 11, 2020
f6ee95a
chore(ui): fix lint warning
Oct 13, 2020
4c50ac3
Merge branch 'master' into master
priscilawebdev Oct 13, 2020
a7ade1f
Merge branch 'master' into master
priscilawebdev Oct 15, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 2 additions & 1 deletion src/design-tokens/ThemeProvider.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,8 @@ import ThemeContext from './ThemeContext';
import useLocalStorage from './useLocalStorage';

const ThemeProvider: React.FC = ({ children }) => {
const isDarkModeDefault = window?.__VERDACCIO_BASENAME_UI_OPTIONS?.darkMode;
const prefersDarkMode = window.matchMedia?.('(prefers-color-scheme:dark)').matches;
const isDarkModeDefault = window?.__VERDACCIO_BASENAME_UI_OPTIONS?.darkMode || prefersDarkMode;
const currentLanguage = i18next.languages?.[0];

const [isDarkMode, setIsDarkMode] = useLocalStorage('darkMode', !!isDarkModeDefault);
Expand Down
⚡