Better dark mode support

This commit is contained in:
Ariful Alam
2022-07-25 21:41:02 +06:00
parent 692c8ba8c7
commit 7f9d0d9514
7 changed files with 30 additions and 14 deletions

View File

@@ -21,7 +21,7 @@ const ThemeChanger = ({ theme, setTheme, loading, themeConfig }) => {
{loading ? (
skeleton({ width: 'w-20', height: 'h-8', className: 'mb-1' })
) : (
<span className="opacity-70">Theme</span>
<span className="text-base-content opacity-70">Theme</span>
)}
</h5>
<span className="text-base-content text-opacity-40 capitalize text-sm">
@@ -43,7 +43,7 @@ const ThemeChanger = ({ theme, setTheme, loading, themeConfig }) => {
<div title="Change Theme" className="dropdown dropdown-end">
<div
tabIndex={0}
className="btn btn-ghost m-1 normal-case opacity-50"
className="btn btn-ghost m-1 normal-case opacity-50 text-base-content"
>
<AiOutlineControl className="inline-block w-5 h-5 stroke-current md:mr-2" />
<span className="hidden md:inline">Change Theme</span>