dima/supabase
1
0 Fork 0
mirror of https://github.com/supabase/supabase.git synced 2026-10-06 01:45:10 +03:00
Code Issues Packages Projects Releases Wiki Activity

Chore/light grey adjustments on blog 2 (#18644)

Browse Source 
Swap instances of muted for light
This commit is contained in:
Terry Sutton authored and GitHub committed 2023-11-01 16:04:27 +00:00
1 parent bdd849cd7e
commit e413aeaa0a
2 files changed
+9 -9
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

apps/www/pages/blog.tsx
+3 -3
View File
@@ -147,7 +147,7 @@ function Blog(props: any) {
</div>
))
) : (
<p className="text-sm text-muted col-span-full">No results</p>
<p className="text-sm text-light col-span-full">No results</p>
)}
</ol>
</div>
@@ -184,7 +184,7 @@ function FeaturedThumb(blog: PostTypes) {
/>
</div>
<div className="flex flex-col space-y-2">
<div className="text-muted flex space-x-2 text-sm">
<div className="text-light flex space-x-2 text-sm">
<span>{blog.date}</span>
<span>•</span>
<span>{blog.readingTime}</span>
@@ -212,7 +212,7 @@ function FeaturedThumb(blog: PostTypes) {
)}
<div className="flex flex-col">
<span className="text-foreground m-0 text-sm">{author.author}</span>
<span className="text-muted m-0 text-xs">{author.position}</span>
<span className="text-light m-0 text-xs">{author.position}</span>
</div>
</div>
)
apps/www/pages/blog/[slug].tsx
+6 -6
View File
@@ -142,7 +142,7 @@ function BlogPostPage(props: InferGetStaticPropsType<typeof getStaticProps>) {
<div className="border-scale-500 hover:bg-scale-100 dark:hover:bg-scale-300 cursor-pointer rounded border p-6 transition">
<div className="space-y-4">
<div>
<p className="text-muted text-sm">{label}</p>
<p className="text-light text-sm">{label}</p>
</div>
<div>
<h4 className="text-foreground text-lg">{post.title}</h4>
@@ -242,7 +242,7 @@ function BlogPostPage(props: InferGetStaticPropsType<typeof getStaticProps>) {
<p>
<Link
href={'/blog'}
className="text-muted hover:text-foreground flex cursor-pointer items-center text-sm transition"
className="text-light hover:text-foreground flex cursor-pointer items-center text-sm transition"
>
<IconChevronLeft style={{ padding: 0 }} />
Back
@@ -255,7 +255,7 @@ function BlogPostPage(props: InferGetStaticPropsType<typeof getStaticProps>) {
<div className="space-y-4">
<p className="text-brand">Blog post</p>
<h1 className="h1">{props.blog.title}</h1>
<div className="text-muted flex space-x-3 text-sm">
<div className="text-light flex space-x-3 text-sm">
<p>{props.blog.date}</p>
<p>•</p>
<p>{generateReadingTime(props.blog.source)}</p>
@@ -286,7 +286,7 @@ function BlogPostPage(props: InferGetStaticPropsType<typeof getStaticProps>) {
<span className="text-foreground mb-0 text-sm">
{author.author}
</span>
<span className="text-muted mb-0 text-xs">{author.position}</span>
<span className="text-light mb-0 text-xs">{author.position}</span>
</div>
</div>
</Link>
@@ -330,7 +330,7 @@ function BlogPostPage(props: InferGetStaticPropsType<typeof getStaticProps>) {
</article>
{isLaunchWeek7 && <BlogLinks />}
<div className="block lg:hidden py-8">
<div className="text-muted dark:text-lighter text-sm">Share this article</div>
<div className="text-light dark:text-lighter text-sm">Share this article</div>
<ShareArticleActions title={props.blog.title} slug={props.blog.slug} />
</div>
<div className="grid gap-8 py-8 lg:grid-cols-1">
@@ -358,7 +358,7 @@ function BlogPostPage(props: InferGetStaticPropsType<typeof getStaticProps>) {
<div>
<div className="cursor-pointer">
<div className="flex gap-2">
{/* <div className="text-muted">
{/* <div className="text-light">
<IconFile size={'small'} style={{ minWidth: '1.2rem' }} />
</div> */}
<span className="text-light hover:text-gray-1200 text-sm">