Support theme in announcement bar (#170)

* Support theme in announcement bar

* fix formatting

* endline

Author: ewgenius

spiceaidocs/.editorconfig

@@ -0,0 +1,2 @@
+[*.ts]
+quote_type = single

spiceaidocs/docusaurus.config.ts

@@ -58,8 +58,8 @@ const config: Config = {
     announcementBar: {
       content:
         'Spice.ai OSS v0.10 is now available! Rebuilt from the ground up in Rust! 🚀',
-      backgroundColor: '#fafbfc',
-      textColor: '#091E42',
+      backgroundColor: 'var(--announcement-bar-bg)',
+      textColor: 'var(--announcement-bar-text)',
       isCloseable: true,
     },
     navbar: {

spiceaidocs/src/css/custom.css

@@ -15,6 +15,9 @@
   --ifm-color-primary-lightest: #3cad6e;
   --ifm-code-font-size: 95%;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
+
+  --announcement-bar-bg: #fafbfc;
+  --announcement-bar-text: #091E42;
 }
 
 /* For readability concerns, you should choose a lighter palette in dark mode. */
@@ -27,6 +30,9 @@
   --ifm-color-primary-lighter: #32d8b4;
   --ifm-color-primary-lightest: #4fddbf;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
+
+  --announcement-bar-bg: #000;
+  --announcement-bar-text: #fff;
 }
 
 [data-theme='light'] .DocSearch {