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