diff --git a/frontend/index.css b/frontend/index.css
new file mode 100644
index 0000000..1bee9c0
--- /dev/null
+++ b/frontend/index.css
@@ -0,0 +1,4 @@
+body {
+  background-color: black;
+  color: white;
+}
diff --git a/frontend/index.html b/frontend/index.html
index 9cb5e60..9fffb7b 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -4,6 +4,7 @@
 <head>
     <meta charset="UTF-8" />
     <meta content="width=device-width, initial-scale=1.0" name="viewport" />
+    <link href="./index.css" rel="stylesheet" />
     <title>yellowjacket</title>
 </head>
 <script src="/index.ts" type="module"></script>
diff --git a/frontend/package.json.md5 b/frontend/package.json.md5
index 18a63a5..ff4b82a 100755
--- a/frontend/package.json.md5
+++ b/frontend/package.json.md5
@@ -1 +1 @@
-a08fc53bd03e73d3ce16aefd412e00b2
\ No newline at end of file
+ca82a2e81936c5ea9427701a4c3665d9
\ No newline at end of file
diff --git a/frontend/src/pages/config/config.css b/frontend/src/pages/config/config.css
new file mode 100644
index 0000000..1bee9c0
--- /dev/null
+++ b/frontend/src/pages/config/config.css
@@ -0,0 +1,4 @@
+body {
+  background-color: black;
+  color: white;
+}
diff --git a/frontend/src/pages/config/config.html b/frontend/src/pages/config/config.html
index 889f8db..afcbc3f 100644
--- a/frontend/src/pages/config/config.html
+++ b/frontend/src/pages/config/config.html
@@ -9,6 +9,7 @@
 
     <meta charset="UTF-8" />
     <meta content="width=device-width, initial-scale=1.0" name="viewport" />
+    <link href="./config.css" rel="stylesheet" />
     <title>yellowjacket - config</title>
 </head>
 <script src="./config.ts" type="module"></script>
@@ -46,7 +47,7 @@
     </header>
     <hr />
     <main class="container">
-        <library-picker></library-picker>
+        <library-picker currentLibraryDirectoryText="hello world" ></library-picker>
     </main>
 </body>
 
