diff --git a/packages/create-docusaurus/templates/facebook/docusaurus.config.js b/packages/create-docusaurus/templates/facebook/docusaurus.config.js
index 34ce59f52aa8..c877fbcb0476 100644
--- a/packages/create-docusaurus/templates/facebook/docusaurus.config.js
+++ b/packages/create-docusaurus/templates/facebook/docusaurus.config.js
@@ -148,7 +148,7 @@ const config = {
alt: 'Meta Open Source Logo',
// This default includes a positive & negative version, allowing for
// appropriate use depending on your site's style.
- src: 'img/meta_opensource_logo_negative.png',
+ src: '/img/meta_opensource_logo_negative.svg',
href: 'https://opensource.fb.com',
},
// Please do not remove the credits, help to publicize Docusaurus :)
diff --git a/packages/docusaurus-theme-classic/src/__tests__/validateThemeConfig.test.ts b/packages/docusaurus-theme-classic/src/__tests__/validateThemeConfig.test.ts
index 9c8bb7a79e60..6be029ae904a 100644
--- a/packages/docusaurus-theme-classic/src/__tests__/validateThemeConfig.test.ts
+++ b/packages/docusaurus-theme-classic/src/__tests__/validateThemeConfig.test.ts
@@ -68,6 +68,11 @@ describe('themeConfig', () => {
alt: 'Docusaurus Logo',
src: 'img/docusaurus.svg',
srcDark: 'img/docusaurus_keytar.svg',
+ target: '_self',
+ className: 'navbar__logo__custom',
+ style: {
+ maxWidth: 42,
+ },
},
items: [
{
@@ -99,10 +104,14 @@ describe('themeConfig', () => {
},
],
logo: {
- alt: 'Facebook Open Source Logo',
- src: 'img/oss_logo.png',
+ alt: 'Meta Open Source Logo',
+ src: 'img/footer_logo.png',
href: 'https://opensource.facebook.com',
target: '_self',
+ className: 'footer__logo__custom',
+ style: {
+ maxWidth: 42,
+ },
},
copyright: `Copyright © ${new Date().getFullYear()} Facebook, Inc. Built with Docusaurus.`,
},
diff --git a/packages/docusaurus-theme-classic/src/theme/Footer/Logo/index.tsx b/packages/docusaurus-theme-classic/src/theme/Footer/Logo/index.tsx
index b2adfc1f000b..ebd8e9fa3233 100644
--- a/packages/docusaurus-theme-classic/src/theme/Footer/Logo/index.tsx
+++ b/packages/docusaurus-theme-classic/src/theme/Footer/Logo/index.tsx
@@ -6,6 +6,7 @@
*/
import React from 'react';
+import clsx from 'clsx';
import Link from '@docusaurus/Link';
import {useBaseUrlUtils} from '@docusaurus/useBaseUrl';
import ThemedImage from '@theme/ThemedImage';
@@ -21,11 +22,12 @@ function LogoImage({logo}: Props) {
};
return (
string \| number
| `undefined` | Specifies the `width` attribute. |
| `height` | string \| number
| `undefined` | Specifies the `height` attribute. |
| `target` | `string` | Calculated based on `href` (external links will open in a new tab, all others in the current one). | The `target` attribute of the link; controls whether the link is opened in a new tab, the current one, or otherwise. |
+| `className` | `string` | `undefined` | CSS class applied to the image. |
+| `style` | `object` | `undefined` | CSS inline style object. React/JSX flavor, using camelCase properties. |
```mdx-code-block
@@ -220,6 +222,8 @@ module.exports = {
target: '_self',
width: 32,
height: 32,
+ className: 'custom-navbar-logo-class',
+ style: {border: 'solid red'},
},
// highlight-end
},
@@ -858,9 +862,9 @@ module.exports = {
// highlight-start
footer: {
logo: {
- alt: 'Facebook Open Source Logo',
- src: 'img/oss_logo.png',
- href: 'https://opensource.facebook.com',
+ alt: 'Meta Open Source Logo',
+ src: 'img/meta_oss_logo.png',
+ href: 'https://opensource.fb.com',
width: 160,
height: 51,
},
diff --git a/website/docs/migration/migration-manual.md b/website/docs/migration/migration-manual.md
index 804a3ca52a86..750246954631 100644
--- a/website/docs/migration/migration-manual.md
+++ b/website/docs/migration/migration-manual.md
@@ -223,8 +223,8 @@ module.exports = {
themeConfig: {
footer: {
logo: {
- alt: 'Facebook Open Source Logo',
- src: 'https://docusaurus.io/img/oss_logo.png',
+ alt: 'Meta Open Source Logo',
+ src: '/img/meta_oss_logo.png',
href: 'https://opensource.facebook.com/',
},
copyright: `Copyright © ${new Date().getFullYear()} Facebook, Inc.`, // You can also put own HTML here.
@@ -507,8 +507,8 @@ module.exports = {
themeConfig: {
footer: {
logo: {
- alt: 'Facebook Open Source Logo',
- src: 'img/oss_logo.png',
+ alt: 'Meta Open Source Logo',
+ src: '/img/meta_oss_logo.png',
href: 'https://opensource.facebook.com',
},
},
diff --git a/website/docusaurus.config-blog-only.js b/website/docusaurus.config-blog-only.js
index 979392c9b063..a5ba77d044f9 100644
--- a/website/docusaurus.config-blog-only.js
+++ b/website/docusaurus.config-blog-only.js
@@ -57,14 +57,5 @@ module.exports = {
srcDark: 'img/docusaurus_keytar.svg',
},
},
- footer: {
- style: 'dark',
- logo: {
- alt: 'Facebook Open Source Logo',
- src: 'img/oss_logo.png',
- href: 'https://opensource.facebook.com',
- },
- copyright: `Copyright © ${new Date().getFullYear()} Facebook, Inc. Built with Docusaurus.`,
- },
},
};
diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
index 19b205fc0a44..022ba4cf7762 100644
--- a/website/docusaurus.config.js
+++ b/website/docusaurus.config.js
@@ -589,13 +589,11 @@ const config = {
},
],
logo: {
- alt: 'Facebook Open Source Logo',
- src: 'img/oss_logo.png',
- width: 160,
- height: 51,
- href: 'https://opensource.facebook.com',
+ alt: 'Meta Open Source Logo',
+ src: '/img/meta_opensource_logo_negative.svg',
+ href: 'https://opensource.fb.com',
},
- copyright: `Copyright © ${new Date().getFullYear()} Facebook, Inc. Built with Docusaurus.`,
+ copyright: `Copyright © ${new Date().getFullYear()} Meta Platforms, Inc. Built with Docusaurus.`,
},
}),
};
diff --git a/website/static/img/meta_opensource_logo.svg b/website/static/img/meta_opensource_logo.svg
new file mode 100644
index 000000000000..83a217548497
--- /dev/null
+++ b/website/static/img/meta_opensource_logo.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/website/static/img/meta_opensource_logo_negative.svg b/website/static/img/meta_opensource_logo_negative.svg
new file mode 100644
index 000000000000..b36a423e3bff
--- /dev/null
+++ b/website/static/img/meta_opensource_logo_negative.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/website/static/img/oss_logo.png b/website/static/img/oss_logo.png
deleted file mode 100644
index 81923fc56250..000000000000
Binary files a/website/static/img/oss_logo.png and /dev/null differ