use lighter ink and canvas colors

nuotsu · Nov 18, 2024 · 508ee0d · 508ee0d
1 parent 777a398
commit 508ee0d
Show file tree

Hide file tree

Showing 6 changed files with 8 additions and 8 deletions.
diff --git a/src/ui/Pretitle.tsx b/src/ui/Pretitle.tsx
@@ -8,7 +8,7 @@ export default function Pretitle({
 	if (!children) return null
 
 	return (
-		<p className={cn('technical text-accent/60', className)}>
+		<p className={cn('technical text-accent/70', className)}>
 			{stegaClean(children)}
 		</p>
 	)

diff --git a/src/ui/footer/Navigation.tsx b/src/ui/footer/Navigation.tsx
@@ -16,7 +16,7 @@ export default async function Menu() {
 					case 'link.list':
 						return (
 							<div className="space-y-2 text-left" key={key}>
-								<div className="technical text-xs">
+								<div className="technical text-xs text-canvas/60">
 									<CTA link={item.link}>
 										{stegaClean(item.link?.label) || item.link?.internal?.title}
 									</CTA>

diff --git a/src/ui/modules/RichtextModule/Image.tsx b/src/ui/modules/RichtextModule/Image.tsx
@@ -16,7 +16,7 @@ export default function Image({
 			style={{ float: stegaClean(value.float) }}
 		>
 			<Img
-				className="mx-auto max-h-svh w-auto bg-neutral-100 text-[0px]"
+				className="mx-auto max-h-svh w-auto bg-neutral-50 text-[0px]"
 				image={value}
 				imageWidth={1500}
 			/>

diff --git a/src/ui/modules/TestimonialFeatured.tsx b/src/ui/modules/TestimonialFeatured.tsx
@@ -13,7 +13,7 @@ export default function TestimonialFeatured({
 
 	return (
 		<section className="section">
-			<div className="section flex max-w-screen-md items-center gap-x-12 gap-y-6 rounded bg-accent/5 max-sm:flex-col">
+			<div className="section flex max-w-screen-md items-center gap-x-12 gap-y-6 rounded bg-neutral-50 max-sm:flex-col">
 				<div className="space-y-2">
 					<ImQuotesLeft className="inline-block shrink-0 text-4xl text-accent" />
 

diff --git a/src/ui/modules/blog/PostPreview.tsx b/src/ui/modules/blog/PostPreview.tsx
@@ -11,7 +11,7 @@ export default function PostPreview({ post }: { post: Sanity.BlogPost }) {
 			className="group flex h-full flex-col space-y-2"
 			href={processUrl(post, { base: false })}
 		>
-			<figure className="relative aspect-video overflow-hidden bg-ink/5">
+			<figure className="relative aspect-video overflow-hidden bg-neutral-50">
 				<Img
 					className="aspect-video w-full object-cover transition-[filter,transform] group-hover:scale-105 group-hover:brightness-110"
 					image={post.metadata.image}
@@ -26,7 +26,7 @@ export default function PostPreview({ post }: { post: Sanity.BlogPost }) {
 				)}
 			</figure>
 
-			<div className="h3 group-hover:underline">{post.metadata.title}</div>
+			<div className="h4 group-hover:underline">{post.metadata.title}</div>
 
 			<div className="grow">
 				<p className="line-clamp-3 text-sm">{post.metadata.description}</p>

diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -6,10 +6,10 @@ const config: Config = {
 	theme: {
 		extend: {
 			colors: {
-				ink: '#000',
+				ink: '#1d1d1f',
 				canvas: '#fff',
 
-				accent: '#000',
+				accent: '#1d1d1f',
 			},
 			maxHeight: {
 				fold: 'calc(100svh - var(--header-height))',