- 217d093: Add
customKey
prop 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.documentElement
instead ofdocument.body
- 94bbdb9: Save user's preferred theme when getting theme
- e8348ed: Add
@types/react
to peer dependencies - 06a15f3: Use colors with opacity for
hover
andactive
styles
- 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.0
react-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-color
and--hover-dark-bg-color
with--button-bg-hover
- Replace
--active-light-bg-color
and--active-dark-bg-color
with--button-bg-active
- For change background color on dark mode you can use the folloing:
[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.