Respect preferred color scheme in docs (#1241)

docs/docusaurus.config.js

@@ -2,7 +2,7 @@ const lightCodeTheme = require('prism-react-renderer/themes/github');
 const darkCodeTheme = require('prism-react-renderer/themes/dracula');
 const path = require('path');
 
-/** @type {import('@docusaurus/types').DocusaurusConfig} */
+/** @type {import('@docusaurus/types').Config} */
 module.exports = {
   title: 'Woodpecker CI',
   tagline: 'Woodpecker is a simple CI engine with great extensibility.',
@@ -14,130 +14,135 @@ module.exports = {
   organizationName: 'woodpecker-ci',
   projectName: 'woodpecker-ci.github.io',
   trailingSlash: false,
-  themeConfig: {
+  themeConfig:
-    navbar: {
+    /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
-      title: 'Woodpecker',
+    ({
-      logo: {
+      navbar: {
-        alt: 'Woodpecker Logo',
+        title: 'Woodpecker',
-        src: 'img/logo.svg',
+        logo: {
+          alt: 'Woodpecker Logo',
+          src: 'img/logo.svg',
+        },
+        items: [
+          {
+            to: 'docs/intro',
+            activeBaseRegex: 'docs/(?!migrations|awesome)',
+            position: 'left',
+            label: 'Docs',
+          },
+          {
+            to: '/plugins',
+            position: 'left',
+            label: 'Plugins',
+          },
+          {
+            to: '/docs/migrations',
+            activeBaseRegex: 'docs/migrations',
+            position: 'left',
+            label: 'Migrations',
+          },
+          {
+            to: '/faq',
+            position: 'left',
+            label: 'FAQ',
+          },
+          {
+            to: '/docs/awesome',
+            position: 'left',
+            label: 'Awesome',
+          },
+          {
+            type: 'docsVersionDropdown',
+            position: 'right',
+          },
+          {
+            href: 'https://github.com/woodpecker-ci/woodpecker',
+            position: 'right',
+            className: 'header-github-link',
+            'aria-label': 'GitHub repository',
+          },
+          {
+            label: '🧡 Sponsor Us',
+            position: 'right',
+            href: 'https://opencollective.com/woodpecker-ci',
+          },
+        ],
       },
-      items: [
+      footer: {
-        {
+        style: 'dark',
-          to: 'docs/intro',
+        links: [
-          activeBaseRegex: 'docs/(?!migrations|awesome)',
+          {
-          position: 'left',
+            title: 'Docs',
-          label: 'Docs',
+            items: [
-        },
+              {
-        {
+                label: 'Usage',
-          to: '/plugins',
+                to: '/docs/usage/intro',
-          position: 'left',
+              },
-          label: 'Plugins',
+              {
-        },
+                label: 'Server setup',
-        {
+                to: '/docs/administration/setup',
-          to: '/docs/migrations',
+              },
-          activeBaseRegex: 'docs/migrations',
+              {
-          position: 'left',
+                label: 'FAQ',
-          label: 'Migrations',
+                to: '/faq',
-        },
+              },
-        {
+            ],
-          to: '/faq',
+          },
-          position: 'left',
+          {
-          label: 'FAQ',
+            title: 'Community',
-        },
+            items: [
-        {
+              {
-          to: '/docs/awesome',
+                label: 'Discord',
-          position: 'left',
+                href: 'https://discord.gg/fcMQqSMXJy',
-          label: 'Awesome',
+              },
-        },
+              {
-        {
+                label: 'Matrix',
-          type: 'docsVersionDropdown',
+                href: 'https://matrix.to/#/#woodpecker:matrix.org',
-          position: 'right',
+              },
-        },
+              {
-        {
+                label: 'Mastodon',
-          href: 'https://github.com/woodpecker-ci/woodpecker',
+                href: 'https://mastodon.technology/@WoodpeckerCI',
-          position: 'right',
+              },
-          className: 'header-github-link',
+            ],
-          'aria-label': 'GitHub repository',
+          },
-        },
+          {
-        {
+            title: 'More',
-          label: '🧡 Sponsor Us',
+            items: [
-          position: 'right',
+              {
-          href: 'https://opencollective.com/woodpecker-ci',
+                label: 'Translate',
-        },
+                href: 'https://translate.woodpecker-ci.org/engage/woodpecker-ci/',
-      ],
+              },
-    },
+              {
-    footer: {
+                label: 'GitHub',
-      style: 'dark',
+                href: 'https://github.com/woodpecker-ci/woodpecker',
-      links: [
+              },
-        {
+              {
-          title: 'Docs',
+                href: 'https://ci.woodpecker-ci.org/woodpecker-ci/woodpecker',
-          items: [
+                label: 'CI',
-            {
+              },
-              label: 'Usage',
+            ],
-              to: '/docs/usage/intro',
+          },
-            },
+        ],
-            {
+        copyright: `Copyright © ${new Date().getFullYear()} Woodpecker CI. Built with Docusaurus.`,
-              label: 'Server setup',
+      },
-              to: '/docs/administration/setup',
+      prism: {
-            },
+        theme: lightCodeTheme,
-            {
+        darkTheme: darkCodeTheme,
-              label: 'FAQ',
+      },
-              to: '/faq',
+      announcementBar: {
-            },
+        id: 'github-star',
-          ],
+        content: ` If you like Woodpecker-CI, <a href=https://github.com/woodpecker-ci/woodpecker rel="noopener noreferrer" target="_blank">give us a star on GitHub</a> ! ⭐️`,
-        },
+        backgroundColor: 'var(--ifm-color-primary)',
-        {
+        textColor: 'var(--ifm-color-gray-900)',
-          title: 'Community',
+      },
-          items: [
+      tableOfContents: {
-            {
+        minHeadingLevel: 2,
-              label: 'Discord',
+        maxHeadingLevel: 4,
-              href: 'https://discord.gg/fcMQqSMXJy',
+      },
-            },
+      colorMode: {
-            {
+        respectPrefersColorScheme: true,
-              label: 'Matrix',
+      },
-              href: 'https://matrix.to/#/#woodpecker:matrix.org',
+    }),
-            },
-            {
-              label: 'Mastodon',
-              href: 'https://mastodon.technology/@WoodpeckerCI',
-            },
-          ],
-        },
-        {
-          title: 'More',
-          items: [
-            {
-              label: 'Translate',
-              href: 'https://translate.woodpecker-ci.org/engage/woodpecker-ci/',
-            },
-            {
-              label: 'GitHub',
-              href: 'https://github.com/woodpecker-ci/woodpecker',
-            },
-            {
-              href: 'https://ci.woodpecker-ci.org/woodpecker-ci/woodpecker',
-              label: 'CI',
-            },
-          ],
-        },
-      ],
-      copyright: `Copyright © ${new Date().getFullYear()} Woodpecker CI. Built with Docusaurus.`,
-    },
-    prism: {
-      theme: lightCodeTheme,
-      darkTheme: darkCodeTheme,
-    },
-    announcementBar: {
-      id: 'github-star',
-      content: ` If you like Woodpecker-CI, <a href=https://github.com/woodpecker-ci/woodpecker rel="noopener noreferrer" target="_blank">give us a star on GitHub</a> ! ⭐️`,
-      backgroundColor: 'var(--ifm-color-primary)',
-      textColor: 'var(--ifm-color-gray-900)',
-    },
-    tableOfContents: {
-      minHeadingLevel: 2,
-      maxHeadingLevel: 4,
-    },
-  },
   plugins: [
     () => ({
       name: 'docusaurus-plugin-favicon',
@@ -177,7 +182,8 @@ module.exports = {
   presets: [
     [
       '@docusaurus/preset-classic',
-      {
+      /** @type {import('@docusaurus/preset-classic').Options} */
+      ({
         docs: {
           sidebarPath: require.resolve('./sidebars.js'),
           editUrl: 'https://github.com/woodpecker-ci/woodpecker/edit/master/docs/',
@@ -197,7 +203,7 @@ module.exports = {
         theme: {
           customCss: require.resolve('./src/css/custom.css'),
         },
-      },
+      }),
     ],
   ],
   webpack: {