Added gradient bg, modified favicon and PageLogo

raphaeling · Oct 25, 2023 · d94638b · d94638b
1 parent 6653e4d
commit d94638b
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 2 deletions.
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -28,7 +28,7 @@ export default function RootLayout({
 }) {
   return (
     <html lang='en' className={`${sans.variable} ${mono.variable}`}>
-      <body className={'overflow-x-hidden bg-darkest text-lightest font-body w-screen'}>
+      <body className={'overflow-x-hidden text-lightest font-body w-screen'}>
         {children}
       </body>
     </html>

diff --git a/src/components/root/PageLogo.tsx b/src/components/root/PageLogo.tsx
@@ -16,7 +16,7 @@ export default function PageLogo({
       <div className={`${className}`}>
         <FadeIn order={-1}>
           <Link href='/'>
-            <Logo className={'transition text-dark hover:text-light max-h-16 w-16'}/>
+            <Logo className={'transition text-light hover:text-lighter max-h-16 w-16'}/>
           </Link>
         </FadeIn>
       </div>

diff --git a/src/styles/globals.css b/src/styles/globals.css
@@ -10,3 +10,9 @@
 :root {
   color-scheme: dark;
 }
+
+html {
+  background: theme(colors.darkest);
+  background: radial-gradient(circle at 10% 35%, #2F380C 0%, theme(colors.darkest) 30%);
+  background-attachment: fixed;
+}