diff --git a/src/css/custom.css b/src/css/custom.css
index 791ed10..3e6710e 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -22,20 +22,23 @@
 	--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
 	--ifm-navbar-height: 5rem;
 	--ifm-font-family-base: "Poppins", "Work Sans", sans-serif;
+	--ifm-background-color-primary: #f6f6f1;
 }
 
 [data-theme="dark"] {
-	--ifm-color-primary: #ff865b80;
+	--ifm-color-primary: #ff865be5;
 	--ifm-color-primary-dark: #ff865bcc;
-	--ifm-color-primary-darker: #ff865be5;
-	--ifm-color-primary-darkest: #ff865b;
-	--ifm-color-primary-light: #ff865b33;
+	--ifm-color-primary-darker: #ff865b80;
+	--ifm-color-primary-darkest: #ff865b80;
+	--ifm-color-primary-light: #ff865b;
 	--ifm-color-primary-lighter: #ff865b1a;
 	--ifm-color-primary-lightest: #171717;
 	--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
+	--ifm-background-color-primary: #171717;
 }
 
-body {
+#__docusaurus {
+	background-color: var(--ifm-background-color-primary);
 	font-family: var(--ifm-font-family-base);
 }
 
diff --git a/src/theme/Footer/index.js b/src/theme/Footer/index.js
index 832683a..592b4fc 100644
--- a/src/theme/Footer/index.js
+++ b/src/theme/Footer/index.js
@@ -14,14 +14,14 @@ function CustomFooter(props) {
 						<div className="flex gap-1 pr-2 py-px items-start">
 							<img
 								loading="lazy"
-								src="https://cdn.builder.io/api/v1/image/assets/TEMP/c2b003ad3b20290b59f3b08f614c5151ce5af2538be8ff145c1aae4ecfa170f8?"
-								className="aspect-[1.17] object-contain object-center w-7 fill-white overflow-hidden shrink-0 max-w-full"
+								src="img/logo/white_coderabbit.svg"
+								style={{
+									maxWidth: "200px",
+									height: "auto",
+								}}
 							/>
-							<div className="text-center text-xl font-extrabold leading-7 tracking-tighter self-stretch grow whitespace-nowrap text-customWhite">
-								CodeRabbit
-							</div>
 						</div>
-						<div className="flex items-stretch max-w-md text-xs font-medium mt-10 max-md:mt-10 font-satoshi leading-5 text-customGray">
+						<div className="flex items-stretch max-w-md text-xs font-medium mt-10 max-md:mt-10 leading-5 text-customGray">
 							CodeRabbit is an innovative, AI-driven platform that transforms
 							the way code reviews are done. Its automated reviews elevate the
 							code quality while significantly reducing the time and effort tied
@@ -90,7 +90,7 @@ function CustomFooter(props) {
 				</div>
 				<div className="bg-neutral-700 shrink-0 h-px mt-6 max-md:max-w-full" />
 				<div className="justify-between flex w-full gap-5 mt-7 items-start max-md:max-w-full max-md:flex-wrap">
-					<div className="text-sm font-medium font-satoshi text-customWhite">
+					<div className="text-sm font-medium text-customWhite">
 						CodeRabbit © {new Date().getFullYear()}
 					</div>
 					<div className="justify-end items-stretch self-stretch flex gap-4 pl-20 max-md:max-w-full max-md:flex-wrap max-md:pl-5">
diff --git a/static/img/preview.png b/static/img/preview.png
index d210db1..4bc681a 100644
Binary files a/static/img/preview.png and b/static/img/preview.png differ