Fix dark mode

langchain-ai · Oct 17, 2023 · d2b9570 · d2b9570
1 parent fd8cfc3
commit d2b9570
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 3 deletions.
diff --git a/langserve/playground/package.json b/langserve/playground/package.json
@@ -23,6 +23,7 @@
     "dayjs": "^1.11.10",
     "fast-json-patch": "^3.1.1",
     "json-schema-defaults": "^0.4.0",
+    "lz-string": "^1.5.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

diff --git a/langserve/playground/src/App.css b/langserve/playground/src/App.css
@@ -3,6 +3,12 @@
 @tailwind utilities;
 
 @layer base {
+  input,
+  textarea,
+  select {
+    background: transparent;
+  }
+
   /* clash between MUI and Tailwind */
   input:focus,
   textarea:focus,
@@ -12,7 +18,7 @@
   }
 
   body {
-    @apply bg-gradient-to-b from-[#F9FAFB] to-[#EFF8FF] min-h-[100dvh];
+    @apply bg-gradient-to-b from-[#F9FAFB] to-[#EFF8FF] min-h-[100dvh] dark:from-[#0C111C] dark:to-[#0C111C];
   }
 
   #root {

diff --git a/langserve/playground/src/App.tsx b/langserve/playground/src/App.tsx
@@ -131,7 +131,7 @@ function App() {
   const { startStream, stopStream, latest } = useStreamLog();
 
   return schemas.config && schemas.input ? (
-    <div className="flex flex-col gap-4">
+    <div className="flex flex-col gap-4 text-ls-black">
       <h1 className="text-2xl font-medium">Playground</h1>
       <div className="p-4 border border-divider-700 flex flex-col gap-3 rounded-xl bg-background">
         <h2 className="text-xl font-medium">Configure</h2>
@@ -197,7 +197,7 @@ function App() {
           }
         >
           {stopStream ? (
-            <span>Stop</span>
+            <span className="text-white">Stop</span>
           ) : (
             <img src={SendIcon} alt="Start" className="text-white" />
           )}

diff --git a/langserve/playground/yarn.lock b/langserve/playground/yarn.lock
@@ -1786,6 +1786,11 @@ lru-cache@^6.0.0:
   dependencies:
     yallist "^4.0.0"
 
+lz-string@^1.5.0:
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/lz-string/-/lz-string-1.5.0.tgz#c1ab50f77887b712621201ba9fd4e3a6ed099941"
+  integrity sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==
+
 merge2@^1.3.0, merge2@^1.4.1:
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"