- 217d093: Add
customKeyprop to use custom key forlocalStorage
- 34d102c: Call
<ThemeButton />state inititalizer only once
- b781d65: Add usage of
loadTheme()util in README
- a7b3bd9: Add util
loadTheme() - dd00b3c: Add aria label
- fd0ac9a: Apply theme to
document.documentElementinstead ofdocument.body - 94bbdb9: Save user's preferred theme when getting theme
- e8348ed: Add
@types/reactto peer dependencies - 06a15f3: Use colors with opacity for
hoverandactivestyles
- 043a4d4: Update package homepage
- f67ca70: Update repo url
- 09e3078: Improve package description
- 1e423d5: Explain how the theme is set
- 1144baf: Rename entry file
- 677f6e9: Use correct syntax for add demo gif
- 9c81ea5: Add demo gif
- ca0dcee: Update keywords
-
f3d6186: Update compatible versions of peerDependencies
react:^17.0.0 || ^18.0.0react-dom:^17.0.0 || ^18.0.0
- a89f1b0: Correct misspelling for peerDependencies field
- 0bf661f: Rename package directory to
toggle-theme
- 40934ce: Update repository-related metadata
- 9a1a8da: Add badges to README
-
3aadcf5: Changed custom properties for customize background color
--hover-light-bg-color--active-light-bg-color--hover-dark-bg-color--active-dark-bg-color
--button-bg
- Replace
--hover-light-bg-colorand--hover-dark-bg-colorwith--button-bg-hover - Replace
--active-light-bg-colorand--active-dark-bg-colorwith--button-bg-active - For change background color on dark mode you can use the following:
[data-theme="dark"] .theme-button { --button-bg: #1e1e1e; --button-bg-hover: #3e3e3e; --button-bg-active: #8e8e8e; }
- f81f5c7: Add missing LICENSE file
- Initial release of all external packages.