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

@@ -139,7 +139,7 @@ const Blog = ({ loading, blog, googleAnalytics }) => {
<h2 className="font-semibold text-base-content opacity-60">
{article.title}
</h2>
<p className="opacity-50 text-xs">
<p className="text-base-content opacity-50 text-xs">
{formatDistance(article.publishedAt, new Date(), {
addSuffix: true,
})}
@@ -150,7 +150,7 @@ const Blog = ({ loading, blog, googleAnalytics }) => {
<div className="mt-4 flex items-center flex-wrap justify-center md:justify-start">
{article.categories.map((category, index2) => (
<div
className="py-2 px-4 text-xs leading-3 rounded-full bg-base-300 mr-1 mb-1 opacity-50"
className="py-2 px-4 text-xs leading-3 rounded-full bg-base-300 mr-1 mb-1 opacity-50 text-base-content"
key={index2}
>
#{category}
@@ -167,7 +167,9 @@ const Blog = ({ loading, blog, googleAnalytics }) => {
) : (
<div className="text-center mb-6">
<AiOutlineContainer className="mx-auto h-12 w-12 opacity-30" />
<p className="mt-1 text-sm opacity-50">No recent post</p>
<p className="mt-1 text-sm opacity-50 text-base-content">
No recent post
</p>
</div>
);
};
@@ -191,7 +193,9 @@ const Blog = ({ loading, blog, googleAnalytics }) => {
{loading ? (
skeleton({ width: 'w-28', height: 'h-8' })
) : (
<span className="opacity-70">Recent Posts</span>
<span className="text-base-content opacity-70">
Recent Posts
</span>
)}
</h5>
</div>