diff --git a/docusaurus.config.js b/docusaurus.config.js
index eef423509..6fb2ffc64 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -88,7 +88,8 @@ module.exports = {
logo: {
alt: "Saleor",
src: "img/logo.svg",
- srcDark: "img/logo.svg",
+ srcDark: "img/logo-white.svg",
+ className: "saleor-logo",
},
items: [
{
diff --git a/src/css/components/navbar.css b/src/css/components/navbar.css
index 04a13b8d2..009a37512 100644
--- a/src/css/components/navbar.css
+++ b/src/css/components/navbar.css
@@ -1,9 +1,21 @@
:root {
--ifm-navbar-padding-horizontal: var(--spacer-4);
- --ifm-navbar-link-hover-color: var(--gray12);
- --ifm-navbar-link-color: var(--gray11);
+ --ifm-navbar-height: 4rem;
+ --ifm-menu-font-size: 0.875rem;
}
-.navbar__brand {
- margin: 0;
+.navbar {
+ box-shadow: none;
+ border-bottom: 1px solid rgba(22, 26, 30, 0.15);
+}
+
+.navbar__logo,
+aside img {
+ width: 98px;
+ height: 26px;
+}
+
+.navbar__link {
+ font-weight: var(--ifm-font-weight-normal);
+ font-size: 0.875rem;
}
diff --git a/static/favicon.ico b/static/favicon.ico
new file mode 100644
index 000000000..a1efc751e
Binary files /dev/null and b/static/favicon.ico differ
diff --git a/static/img/logo-white.svg b/static/img/logo-white.svg
new file mode 100644
index 000000000..4e37a6cce
--- /dev/null
+++ b/static/img/logo-white.svg
@@ -0,0 +1,18 @@
+
\ No newline at end of file
diff --git a/static/img/logo.svg b/static/img/logo.svg
index 57ae703ec..08802440d 100644
--- a/static/img/logo.svg
+++ b/static/img/logo.svg
@@ -1,4 +1,18 @@
-
+
\ No newline at end of file
diff --git a/static/img/saleor-icon.png b/static/img/saleor-icon.png
index 4118af20d..e6f87aa2a 100644
Binary files a/static/img/saleor-icon.png and b/static/img/saleor-icon.png differ