styling

docusaurus.config.js

@@ -65,12 +65,12 @@ const config = {
     /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
     ({
       // Replace with your project's social card
-      image: "img/docusaurus-social-card.jpg",
+      // image: "img/docusaurus-social-card.jpg",
       navbar: {
         title: "Open WebUI",
         logo: {
-          alt: "My Site Logo",
           src: "img/logo.png",
+          srcDark: "img/logo-dark.png",
         },
         items: [
           // {
@@ -87,49 +87,49 @@ const config = {
         ],
       },
       footer: {
-        style: "dark",
+        logo: {
-        // links: [
+          src: "img/logo-dark.png",
-        //   {
+          height: 100,
-        //     title: "Docs",
+        },
-        //     items: [
+        style: "light",
-        //       {
+        links: [
-        //         label: "Tutorial",
+          {
-        //         to: "/docs/intro",
+            title: "Docs",
-        //       },
+            items: [
-        //     ],
+              {
-        //   },
+                label: "Getting Started",
-        //   {
+                to: "getting-started",
-        //     title: "Community",
+              },
-        //     items: [
+            ],
-        //       {
+          },
-        //         label: "Stack Overflow",
+          {
-        //         href: "https://stackoverflow.com/questions/tagged/docusaurus",
+            title: "Community",
-        //       },
+            items: [
-        //       {
+              {
-        //         label: "Discord",
+                label: "GitHub",
-        //         href: "https://discordapp.com/invite/docusaurus",
+                href: "https://github.com/open-webui/open-webui",
-        //       },
+              },
-        //       {
+              {
-        //         label: "Twitter",
+                label: "Discord",
-        //         href: "https://twitter.com/docusaurus",
+                href: "https://discord.gg/5rJgQTnV4s",
-        //       },
+              },
-        //     ],
+              {
-        //   },
+                label: "Twitter",
-        //   {
+                href: "https://twitter.com/OpenWebUI",
-        //     title: "More",
+              },
-        //     items: [
+            ],
-        //       {
+          },
-        //         label: "Blog",
+          {
-        //         to: "/blog",
+            title: "More",
-        //       },
+            items: [
-        //       {
+              {
-        //         label: "GitHub",
+                label: "About",
-        //         href: "https://github.com/facebook/docusaurus",
+                to: "https://openwebui.com",
-        //       },
+              },
-        //     ],
+            ],
-        //   },
+          },
-        // ],
+        ],
-        copyright: `Copyright © ${new Date().getFullYear()} OpenWebUI`,
+        // copyright: `Copyright © ${new Date().getFullYear()} OpenWebUI`,
       },
       prism: {
         theme: prismThemes.github,

src/css/custom.css

@@ -4,6 +4,7 @@
  * work well for content-centric websites.
  */
 
+@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap");
 
@@ -414,7 +415,7 @@ article p a {
 }
 
 :root {
-  --ifm-font-family-base: "Inter";
+  --ifm-font-family-base: "Manrope", "Inter";
 }
 
 /* Header Dropdown Menu */