Merge branch 'main' into add-faq

docusaurus.config.ts

@@ -166,7 +166,8 @@ const config: Config = {
 			hideOnScroll: true,
 			logo: {
 				alt: "",
-				src: "img/coderabbit_nav_logo.svg",
+				src: "img/logo/bw_coderabbit.svg",
+				srcDark: "img/logo/white_coderabbit.svg",
 				href: "https://coderabbit.ai",
 			},
 			items: [],

src/css/custom.css

@@ -1,3 +1,5 @@
+@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&family=Work+Sans:wght@400;500;600;700&display=swap");
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
@@ -9,28 +11,35 @@
 
 /* You can override the default Infima variables here. */
 :root {
-	--ifm-color-primary: #ff4702;
-	--ifm-color-primary-dark: #29784c;
-	--ifm-color-primary-darker: #277148;
-	--ifm-color-primary-darkest: #205d3b;
-	--ifm-color-primary-light: #33925d;
-	--ifm-color-primary-lighter: #359962;
-	--ifm-color-primary-lightest: #3cad6e;
+	--ifm-color-primary: #ff570a;
+	--ifm-color-primary-dark: #ff570ae5;
+	--ifm-color-primary-darker: #ff570a;
+	--ifm-color-primary-darkest: #ff570a;
+	--ifm-color-primary-light: #ff570a1a;
+	--ifm-color-primary-lighter: #ff570a33;
+	--ifm-color-primary-lightest: #ff8b51;
 	--ifm-code-font-size: 95%;
 	--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;
 }
 
-/* For readability concerns, you should choose a lighter palette in dark mode. */
 [data-theme="dark"] {
-	--ifm-color-primary: #ff4702;
-	--ifm-color-primary-dark: #21af90;
-	--ifm-color-primary-darker: #1fa588;
-	--ifm-color-primary-darkest: #1a8870;
-	--ifm-color-primary-light: #29d5b0;
-	--ifm-color-primary-lighter: #32d8b4;
-	--ifm-color-primary-lightest: #4fddbf;
+	--ifm-color-primary: #ff865be5;
+	--ifm-color-primary-dark: #ff865bcc;
+	--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;
+}
+
+#__docusaurus {
+	background-color: var(--ifm-background-color-primary);
+	font-family: var(--ifm-font-family-base);
 }
 
 .navbar .navbar__item {

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">