fix: styling

src/lib/components/workspace/Knowledge/KnowledgeBase.svelte

@@ -626,7 +626,7 @@
 
 						<div class="self-center">
 							<button
-								class="bg-gray-50 hover:bg-gray-100 text-black transition px-2 py-1 rounded-full flex gap-1 items-center"
+								class="bg-gray-50 hover:bg-gray-100 text-black dark:bg-gray-850 dark:hover:bg-gray-800 dark:text-white transition px-2 py-1 rounded-full flex gap-1 items-center"
 								type="button"
 								on:click={() => {
 									showAccessControlModal = true;

src/lib/components/workspace/Prompts/PromptEditor.svelte

@@ -98,7 +98,7 @@
 
 						<div>
 							<button
-								class="bg-gray-50 hover:bg-gray-100 text-black transition px-2 py-1 rounded-full flex gap-1 items-center"
+								class="bg-gray-50 hover:bg-gray-100 text-black dark:bg-gray-850 dark:hover:bg-gray-800 dark:text-white transition px-2 py-1 rounded-full flex gap-1 items-center"
 								type="button"
 								on:click={() => {
 									showAccessControlModal = true;

src/lib/components/workspace/Tools/ToolkitEditor.svelte

@@ -225,7 +225,7 @@ class Tools:
 
 						<div>
 							<button
-								class="bg-gray-50 hover:bg-gray-100 text-black transition px-2 py-1 rounded-full flex gap-1 items-center"
+								class="bg-gray-50 hover:bg-gray-100 text-black dark:bg-gray-850 dark:hover:bg-gray-800 dark:text-white transition px-2 py-1 rounded-full flex gap-1 items-center"
 								type="button"
 								on:click={() => {
 									showAccessControlModal = true;

src/lib/components/workspace/common/AccessControlModal.svelte

@@ -36,7 +36,7 @@
 			</button>
 		</div>
 
-		<div class="w-full px-5 pb-4">
+		<div class="w-full px-5 pb-4 dark:text-white">
 			<AccessControl bind:accessControl {onChange} />
 		</div>
 	</div>