diff --git a/docusaurus.config.ts b/docusaurus.config.ts index 97c6101f..771565ad 100644 --- a/docusaurus.config.ts +++ b/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: [], diff --git a/src/css/custom.css b/src/css/custom.css index fec0e271..3e6710e4 100644 --- a/src/css/custom.css +++ b/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 { diff --git a/src/theme/Footer/index.js b/src/theme/Footer/index.js index 832683aa..592b4fcb 100644 --- a/src/theme/Footer/index.js +++ b/src/theme/Footer/index.js @@ -14,14 +14,14 @@ function CustomFooter(props) {
-
- CodeRabbit -
-
+
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) {
-
+
CodeRabbit © {new Date().getFullYear()}
diff --git a/static/img/favicon.ico b/static/img/favicon.ico index a1690f6c..74394228 100644 Binary files a/static/img/favicon.ico and b/static/img/favicon.ico differ diff --git a/static/img/logo/bw_coderabbit.svg b/static/img/logo/bw_coderabbit.svg index 4db6980a..b0c9ef94 100644 --- a/static/img/logo/bw_coderabbit.svg +++ b/static/img/logo/bw_coderabbit.svg @@ -1,4 +1,19 @@ - - - - \ No newline at end of file + + + + + + + + + + + + + + + + + + + diff --git a/static/img/logo/white_coderabbit.svg b/static/img/logo/white_coderabbit.svg index 368914d7..fe08e89c 100644 --- a/static/img/logo/white_coderabbit.svg +++ b/static/img/logo/white_coderabbit.svg @@ -1,4 +1,19 @@ - - - + + + + + + + + + + + + + + + + + + diff --git a/static/img/preview.png b/static/img/preview.png index d210db13..4bc681a3 100644 Binary files a/static/img/preview.png and b/static/img/preview.png differ