Added docs annoucement bar and updated colors

nlkitai · May 20, 2024 · 06f33d7 · 06f33d7
1 parent 3d3c19b
commit 06f33d7
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 19 deletions.
diff --git a/docs/docs/api/002-ui/001-ai-chat.mdx b/docs/docs/api/002-ui/001-ai-chat.mdx
@@ -17,8 +17,8 @@ import UsageReactJs from './_001-ai-chat/#react/usage.mdx';
 import ConfigJavascript from './_001-ai-chat/config/#js.mdx';
 import ConfigReactJs from './_001-ai-chat/config/#react.mdx';
 
-import AdapterDocJavascript from './_001-ai-chat/config/#react/adapter.mdx';
-import AdapterDocReactJs from './_001-ai-chat/config/#js/adapter.mdx';
+import AdapterDocJavascript from './_001-ai-chat/config/#js/adapter.mdx';
+import AdapterDocReactJs from './_001-ai-chat/config/#react/adapter.mdx';
 
 import PersonasDocJavascript from './_001-ai-chat/config/#js/personas.mdx';
 import PersonasDocReactJs from './_001-ai-chat/config/#react/personas.mdx';

diff --git a/docs/docusaurus.config.ts b/docs/docusaurus.config.ts
@@ -91,6 +91,19 @@ const config: Config = {
       respectPrefersColorScheme: false,
     },
     //
+    // Announcement bar
+    //
+    announcementBar: {
+      id: 'beta_docs',
+      backgroundColor: '#E25C20',
+      textColor: '#fff',
+      isCloseable: false,
+      content:
+        'This is the documentation for the <strong>upcoming v2 release</strong> of nlux. ' +
+        'It\'s still in draft and <strong>may contain errors.</strong> ' +
+        'Please use <strong>nlux.dev for the stable v1.x</strong> documentation.',
+    },
+    //
     // Navigation bar
     //
     navbar: {

diff --git a/docs/src/css/custom.css b/docs/src/css/custom.css
@@ -1,32 +1,33 @@
 /* Import the fonts */
 @import url('https://fonts.googleapis.com/css2?family=Manrope:[email protected]&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Inter:[email protected]&display=swap');
 
 /* You can override the default Infima variables here. */
 :root {
-  --ifm-color-primary: #d87f40;
-  --ifm-color-primary-dark: #d87f40;
-  --ifm-color-primary-darker: #d87f40;
-  --ifm-color-primary-darkest: #d87f40;
-  --ifm-color-primary-light: #d87f40;
-  --ifm-color-primary-lighter: #d87f40;
-  --ifm-color-primary-lightest: #d87f40;
-  --ifm-code-font-size: 95%;
+  --ifm-color-primary: #E25C20;
+  --ifm-color-primary-dark: #E25C20;
+  --ifm-color-primary-darker: #E25C20;
+  --ifm-color-primary-darkest: #E25C20;
+  --ifm-color-primary-light: #E25C20;
+  --ifm-color-primary-lighter: #E25C20;
+  --ifm-color-primary-lightest: #E25C20;
+  --ifm-code-font-size: 100%;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
 
-  --ifm-font-family-base: 'komet', sans-serif;
-  --ifm-font-family-monospace: 'novel-mono-pro', monospace;
+  --ifm-font-family-base: 'Inter', sans-serif;
+  --ifm-font-family-monospace: monospace;
   --ifm-font-family-title: 'Manrope', sans-serif;
 }
 
 /* For readability concerns, you should choose a lighter palette in dark mode. */
 [data-theme='dark'] {
-  --ifm-color-primary: #c29b25;
-  --ifm-color-primary-dark: #c29b25;
-  --ifm-color-primary-darker: #c29b25;
-  --ifm-color-primary-darkest: #c29b25;
-  --ifm-color-primary-light: #c29b25;
-  --ifm-color-primary-lighter: #c29b25;
-  --ifm-color-primary-lightest: #c29b25;
+  --ifm-color-primary: #F5BF60;
+  --ifm-color-primary-dark: #F5BF60;
+  --ifm-color-primary-darker: #F5BF60;
+  --ifm-color-primary-darkest: #F5BF60;
+  --ifm-color-primary-light: #F5BF60;
+  --ifm-color-primary-lighter: #F5BF60;
+  --ifm-color-primary-lightest: #F5BF60;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
 }