Skip to content

Commit 8c4c2fa

Browse files
pseudobunpseudobun
committed
feat: change background color
1 parent 5364736 commit 8c4c2fa

File tree

12 files changed

+18
-17
lines changed

12 files changed

+18
-17
lines changed

‎packages/portfolio/src/app/api/og/route.tsx

+3-3
Original file line numberDiff line numberDiff line change
@@ -56,12 +56,12 @@ export async function GET(request: Request) {
5656
style={{ justifyContent: 'space-between' }}
5757
>
5858
<Bunny tw="h-64 w-64" />
59-
<div tw="h-[128px] w-[2px] bg-gray-600 mx-8" />
59+
<div tw="h-[128px] w-[2px] bg-stone-600 mx-8" />
6060
<div tw="flex flex-col">
61-
<p tw="text-gray-200 text-5xl" style={{ fontFamily: '"Ubuntu"' }}>
61+
<p tw="text-stone-200 text-5xl" style={{ fontFamily: '"Ubuntu"' }}>
6262
{title}
6363
</p>
64-
<p tw="text-gray-200 text-3xl" style={{ fontFamily: '"Sofia"' }}>
64+
<p tw="text-stone-200 text-3xl" style={{ fontFamily: '"Sofia"' }}>
6565
{description}
6666
</p>
6767
</div>

‎packages/portfolio/src/app/gallery/page.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ export const revalidate = 604800;
99
export default async function Gallery() {
1010
const urls = await getImageUrls();
1111
return (
12-
<div className="flex flex-1 flex-col h-full gap-y-10 w-full justify-start mb-12 text-gray-200">
12+
<div className="flex flex-1 flex-col h-full gap-y-10 w-full justify-start mb-12 text-stone-200">
1313
<div>
1414
<p className="sm:text-3xl text-3xl">Gallery</p>
1515
<p className="sm:text-xl text-xl">Sometimes I 📸 stuff.</p>

‎packages/portfolio/src/app/layout.tsx

+2-1
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,8 @@ export default function RootLayout({
1717
<html lang="en" className={portfolioFont.className}>
1818
<body>
1919
<Providers>
20-
<main className="text-cappuccino no-scrollbar flex h-full min-h-screen w-full flex-col items-center justify-center bg-gradient-to-tr from-black to-gray-800 bg-fixed sm:p-24 p-6">
20+
<main className="text-cappuccino no-scrollbar flex h-full min-h-screen w-full flex-col items-center justify-center bg-gradient-to-tr from-black to-stone-800 bg-fixed sm:p-24 p-6">
21+
{/* <main className="text-cappuccino no-scrollbar flex h-full min-h-screen w-full flex-col items-center justify-center bg-stone-950 bg-fixed sm:p-24 p-6"> */}
2122
<Navigation />
2223
{children}
2324
{/* <Footer /> */}

‎packages/portfolio/src/app/not-found.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ export default function NotFound() {
99
src="/bunnysden.svg"
1010
className="h-4/5 w-4/5 flex-1 md:h-1/3 md:w-1/3"
1111
/>
12-
<p className="text-md text-center md:text-xl text-gray-200">
12+
<p className="text-md text-center md:text-xl text-stone-200">
1313
404: You ain't gonna find anything here
1414
</p>
1515
<ExoticLink aria-label="Go to homepage" noEnlarge href="/">

‎packages/portfolio/src/app/page.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ export default function Home() {
1616
src="bunnysden.svg"
1717
className="h-4/5 w-4/5 flex-1 md:h-1/3 md:w-1/3"
1818
/>
19-
<div className="font-mono text-2xl text-gray-300 max-w-full">
19+
<div className="font-mono text-2xl text-stone-300 max-w-full">
2020
<Typewriter
2121
options={{ cursor: '█' }}
2222
onInit={(typewriter) => {

‎packages/portfolio/src/app/projects/page.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ export const metadata = {
66

77
export default function Projects() {
88
return (
9-
<div className="flex flex-1 flex-col h-full gap-y-10 w-full justify-start mb-12 text-gray-200">
9+
<div className="flex flex-1 flex-col h-full gap-y-10 w-full justify-start mb-12 text-stone-200">
1010
<div>
1111
<p className="sm:text-3xl text-3xl">Projects</p>
1212
<p className="sm:text-xl text-xl">I 🤍 building things.</p>

‎packages/portfolio/src/components/AboutMe/index.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ import { PERSONAL } from '@/constants/data.mjs';
77

88
export default function AboutMe() {
99
return (
10-
<div className="flex max-w-5xl flex-1 flex-col content-center items-center justify-center text-gray-200 md:flex-row">
10+
<div className="flex max-w-5xl flex-1 flex-col content-center items-center justify-center text-stone-200 md:flex-row">
1111
<motion.div
1212
initial={{ scale: 0.3, opacity: 0 }}
1313
animate={{ scale: 1, opacity: 1 }}

‎packages/portfolio/src/components/GallerySkeleton/index.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ export default function GallerySkeleton() {
99
key={index}
1010
className="w-full xl:w-1/3 2xl:w-1/4 flex justify-center"
1111
>
12-
<div className="h-[1024px] w-[512px] bg-gray-200 rounded-lg" />
12+
<div className="h-[1024px] w-[512px] bg-stone-200 rounded-lg" />
1313
</div>
1414
))}
1515
</div>

‎packages/portfolio/src/components/Menu/index.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ export default function Menu({ isOpen }: MenuProps) {
2222
leave="transition duration-500 ease-out"
2323
leaveFrom="transform scale-100 opacity-100"
2424
leaveTo="transform scale-60 opacity-0"
25-
className="z-90 fixed inset-0 flex flex-col bg-gradient-to-tr from-black to-gray-800"
25+
className="z-90 fixed inset-0 flex flex-col bg-gradient-to-tr from-black to-stone-800"
2626
>
2727
<div className="flex flex-1 flex-col items-center justify-center space-y-4 text-2xl">
2828
{MENUS.map((menu: MenuInput) =>

‎packages/portfolio/src/components/Navigation/index.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ export default function Navigation() {
1717
return (
1818
<>
1919
<div className="fixed left-1/2 bottom-4 transform -translate-x-1/2 z-50 md:left-6 lg:bottom-auto md:top-6 md:transform-none">
20-
<div className="max-sm:bg-gradient-to-bl from-gray-700/40 to-gray-800/50 backdrop-blur-md md:backdrop-blur-none p-1 lg:p-0 rounded-full">
20+
<div className="from-stone-700/40 to-stone-800/50 backdrop-blur-md md:backdrop-blur-none p-1 lg:p-0 rounded-full">
2121
<Hamburger
2222
aria-label="Open menu"
2323
size={24}

‎packages/portfolio/src/components/ProfileCard/index.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -61,7 +61,7 @@ export default function ProfileCard() {
6161
<div className="w-full max-w-lg" style={{ perspective: '1000px' }}>
6262
<div
6363
ref={cardRef}
64-
className="transition-transform duration-100 transform-gpu shadow-2xl rounded-xl bg-gradient-to-tr from-gray-800/50 p-4 to-gray-900/50"
64+
className="transition-transform duration-100 transform-gpu shadow-2xl rounded-xl bg-gradient-to-tr from-stone-800/50 p-4 to-stone-900/50"
6565
style={{ transformStyle: 'preserve-3d' }}
6666
>
6767
<div className="flex flex-col items-center pb-2">

‎packages/portfolio/src/components/ProjectCard/index.tsx

+4-4
Original file line numberDiff line numberDiff line change
@@ -118,7 +118,7 @@ export default function ProjectCard({
118118
<Card
119119
isFooterBlurred
120120
className={clsx(
121-
'dark border-none h-72 w-full max-w-[512px] bg-gradient-to-bl from-gray-700/40 to-gray-800/50',
121+
'dark border-none h-72 w-full max-w-[512px] bg-gradient-to-bl from-stone-700/40 to-stone-800/50',
122122
highlight ? 'animate-glow' : '',
123123
)}
124124
isBlurred
@@ -127,13 +127,13 @@ export default function ProjectCard({
127127
>
128128
{showClickMe &&
129129
(hideProjectCardOverlay ? null : (
130-
<div className="absolute flex backdrop-blur-md h-full w-full inset-0 z-10 rounded-lg bg-gradient-to-b from-black/50 to-gray-900/50 items-center justify-center">
130+
<div className="absolute flex backdrop-blur-md h-full w-full inset-0 z-10 rounded-lg bg-gradient-to-b from-black/50 to-stone-900/50 items-center justify-center">
131131
<p className="animate-pulse text-xl">
132132
Click me for more info!
133133
</p>
134134
</div>
135135
))}
136-
<CardHeader className="justify-between py-1 absolute rounded-xl bg-gradient-to-bl from-gray-700/90 to-gray-800/80 top-1 w-[calc(100%_-_8px)] shadow-lg ml-1 z-10">
136+
<CardHeader className="justify-between py-1 absolute rounded-xl bg-gradient-to-bl from-stone-700/90 to-stone-800/80 top-1 w-[calc(100%_-_8px)] shadow-lg ml-1 z-10">
137137
<div className="flex flex-col">
138138
<p className="text-lg items-start sm:text-xl">{title}</p>
139139
</div>
@@ -166,7 +166,7 @@ export default function ProjectCard({
166166
{/* Back face */}
167167
<Card
168168
className={clsx(
169-
'dark border-none h-72 w-full max-w-[512px] bg-gradient-to-bl from-gray-700/40 to-gray-800/50',
169+
'dark border-none h-72 w-full max-w-[512px] bg-gradient-to-bl from-stone-700/40 to-stone-800/50',
170170
highlight ? 'animate-glow' : '',
171171
)}
172172
isPressable

0 commit comments

Comments
 (0)