Fixed dark mode

Fix search box laf
eidolon-ai · Aug 8, 2024 · fc978a4 · fc978a4
1 parent b7da32b
commit fc978a4
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 10 deletions.
diff --git a/webui/apps/docs/src/components/widgets/Header.astro b/webui/apps/docs/src/components/widgets/Header.astro
@@ -152,7 +152,7 @@ const githubText = `<div style="height: 24px; width: 24px">${githubIcon}</div>`
             ""
           )
         }
-        <div id="docsearchbtn" class="mr-2"/>
+        <div id="docsearchbtn" class="mr-2 bg-gray-50 dark:bg-gray-500 rounded-md hover:border-primary dark:hover:border-primary border-2 border-gray-100 dark:border-gray-400"/>
         <div style="display:flex; flex-direction: row; align-items: center; justify-content: center">
           {
             <Button href="https://github.com/eidolon-ai/eidolon" variant="link" class="py-2.5 px-2.0 font-semibold shadow-none hover:underline text-sm w-auto capitalize"

diff --git a/webui/apps/docs/src/components/widgets/search.css b/webui/apps/docs/src/components/widgets/search.css
@@ -1,9 +1,15 @@
 .DocSearch-Button {
-  --docsearch-searchbox-background: #fff;
-  border-radius: 6px;
-  border: 1px solid #eeeeee;
-  padding-right: 4px;
-  background: #f8f8f8;
+  background: transparent;
+  color: inherit;
+  margin: 0;
+  border: none;
+}
+
+.DocSearch-Button:hover {
+  background: transparent;
+  color: inherit;
+  border: none;
+  box-shadow: none;
 }
 
 .DocSearch-Button-Keys {

diff --git a/webui/apps/docs/src/pages/index.astro b/webui/apps/docs/src/pages/index.astro
@@ -53,7 +53,7 @@ const githubText = `<div style="height: 16px; width: 16px">${githubIcon}</div>&n
   <div class="mb-16"/>
 
   <ProductDescription
-    classes={{container: 'bg-gradient-to-b from-gray-100 to-white w-full'}}  
+    classes={{container: 'bg-gradient-to-b from-gray-100 to-white w-full dark:bg-none'}}  
     title="What is Eidolon?" 
     subtitle="Eidolon AI is the industry's first AI Agent Server for the Enterprise. An Open Source framework, we empower developers to rapidly build & deploy GenAI Apps, dramatically increasing developer productivity."
     itemSetup="Eidolon features 2 key capabilities:"
@@ -215,7 +215,7 @@ spec:
     </Fragment>
 
     <Fragment slot="bg">
-      <div class="absolute inset-0 dark:bg-blue-950 bg-gradient-to-b from-gray-100 to-white"></div>
+      <div class="absolute inset-0 dark:bg-blue-950 bg-gradient-to-b from-gray-100 to-white dark:bg-none"></div>
     </Fragment>
   </ContentWithTabs>
 
@@ -271,7 +271,7 @@ chatbot   3s`
     </Fragment>
 
     <Fragment slot="bg">
-      <div class="absolute inset-0 bg-gradient-to-b from-gray-100 to-white dark:bg-transparent"></div>
+      <div class="absolute inset-0 bg-gradient-to-b from-gray-100 to-white dark:bg-transparent dark:bg-none"></div>
     </Fragment>
   </ContentWithTabs>
   <hr/>
@@ -344,7 +344,7 @@ expect(response).toContain("supportive community")`,
     </Fragment>
 
     <Fragment slot="bg">
-      <div class="absolute inset-0 bg-gradient-to-b from-gray-100 to-white dark:bg-blue-950"></div>
+      <div class="absolute inset-0 bg-gradient-to-b from-gray-100 to-white dark:bg-none dark:bg-blue-950 "></div>
     </Fragment>
   </ContentWithTabs>