diff --git a/sites/site-utilities/statics/assets/fast-logo-light.png b/sites/site-utilities/statics/assets/fast-logo-light.png
new file mode 100644
index 00000000000..cbfcbfc962a
Binary files /dev/null and b/sites/site-utilities/statics/assets/fast-logo-light.png differ
diff --git a/sites/website/docusaurus.config.js b/sites/website/docusaurus.config.js
index d5beb9e7bd4..420b6d22a47 100644
--- a/sites/website/docusaurus.config.js
+++ b/sites/website/docusaurus.config.js
@@ -15,11 +15,13 @@ module.exports = {
     ],
     themes: [require.resolve("@docusaurus/theme-live-codeblock")],
     themeConfig: {
+        defaultDarkMode: true,
         navbar: {
             logo: {
                 alt:
                     "Line drawing of a small moon orbiting around a planet with the words FAST next to it",
-                src: "https://static.fast.design/assets/fast-inline-logo.png",
+                srcDark: "https://static.fast.design/assets/fast-inline-logo.png",
+                src: "https://static.fast.design/assets/fast-inline-logo-light.png",
 
                 // FIXME: #3299 Docusaurus displays a blank page when clicking the logo link without workaround
                 target: "_blank",
diff --git a/sites/website/src/css/custom.css b/sites/website/src/css/custom.css
index 24e8a034b91..ae88a3893d9 100644
--- a/sites/website/src/css/custom.css
+++ b/sites/website/src/css/custom.css
@@ -24,10 +24,6 @@
   padding: 0 var(--ifm-pre-padding);
 }
 
-div.react-toggle {
-  display: none;
-}
-
 .example-dialog::part(control) {
   --dialog-width: 400px;
   --dialog-height: auto;