elink-star
/
open-webui
8
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

去掉深色模式样式

master
mk 1 year ago
parent
7745a2980c
commit
95a04b2d65
44 changed files with 71 additions and 71 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      src/lib/components/AddConnectionModal.svelte
  2. 4
      src/lib/components/admin/Evaluations/Feedbacks.svelte
  3. 2
      src/lib/components/admin/Evaluations/Leaderboard.svelte
  4. 6
      src/lib/components/admin/Settings/Audio.svelte
  5. 12
      src/lib/components/admin/Settings/CodeExecution.svelte
  6. 6
      src/lib/components/admin/Settings/Connections/OllamaConnection.svelte
  7. 4
      src/lib/components/admin/Settings/Connections/OpenAIConnection.svelte
  8. 6
      src/lib/components/admin/Settings/Documents.svelte
  9. 2
      src/lib/components/admin/Settings/General.svelte
  10. 2
      src/lib/components/admin/Settings/Images.svelte
  11. 2
      src/lib/components/admin/Settings/WebSearch.svelte
  12. 2
      src/lib/components/admin/Users/Groups.svelte
  13. 4
      src/lib/components/admin/Users/UserList.svelte
  14. 2
      src/lib/components/admin/Users/UserList/UserChatsModal.svelte
  15. 2
      src/lib/components/channel/Messages/Message.svelte
  16. 2
      src/lib/components/chat/MessageInput.svelte
  17. 6
      src/lib/components/chat/MessageInput/CallOverlay.svelte
  18. 2
      src/lib/components/chat/MessageInput/CallOverlay/VideoInputMenu.svelte
  19. 2
      src/lib/components/chat/MessageInput/Commands.svelte
  20. 2
      src/lib/components/chat/MessageInput/Commands/Knowledge.svelte
  21. 2
      src/lib/components/chat/MessageInput/Commands/Models.svelte
  22. 4
      src/lib/components/chat/MessageInput/Commands/Prompts.svelte
  23. 6
      src/lib/components/chat/Messages/Citations.svelte
  24. 2
      src/lib/components/chat/Messages/Markdown/MarkdownTokens.svelte
  25. 2
      src/lib/components/chat/Messages/ResponseMessage.svelte
  26. 2
      src/lib/components/chat/Messages/UserMessage.svelte
  27. 4
      src/lib/components/chat/Overview/Node.svelte
  28. 8
      src/lib/components/chat/Settings/Audio.svelte
  29. 4
      src/lib/components/chat/Settings/Connections/Connection.svelte
  30. 4
      src/lib/components/chat/Settings/General.svelte
  31. 2
      src/lib/components/common/Banner.svelte
  32. 2
      src/lib/components/common/ConfirmDialog.svelte
  33. 2
      src/lib/components/common/Drawer.svelte
  34. 2
      src/lib/components/common/Modal.svelte
  35. 2
      src/lib/components/common/Selector.svelte
  36. 2
      src/lib/components/layout/Overlay/AccountPending.svelte
  37. 2
      src/lib/components/layout/Sidebar/ArchivedChatsModal.svelte
  38. 2
      src/lib/components/layout/Sidebar/ChannelItem.svelte
  39. 4
      src/lib/components/layout/Sidebar/ChatItem.svelte
  40. 4
      src/lib/components/layout/Sidebar/SearchInput.svelte
  41. 2
      src/lib/components/playground/Chat.svelte
  42. 2
      src/lib/components/workspace/Knowledge/KnowledgeBase/AddTextContentModal.svelte
  43. 2
      src/routes/(app)/+layout.svelte
  44. 2
      src/routes/s/[id]/+page.svelte

2
src/lib/components/AddConnectionModal.svelte
View File

@ -181,7 +181,7 @@
<Tooltip content="Verify Connection" className="self-end -mb-1">
<button
class="self-center p-1 bg-transparent hover:bg-gray-100 dark:bg-gray-900 dark:hover:bg-gray-850 rounded-lg transition"
class="self-center p-1 bg-transparent hover:bg-gray-100 dark:hover:bg-gray-850 rounded-lg transition"
on:click={() => {
verifyHandler();
}}

4
src/lib/components/admin/Evaluations/Feedbacks.svelte
View File

@ -119,7 +119,7 @@
<div>
<Tooltip content={$i18n.t('Export')}>
<button
class=" p-2 rounded-xl hover:bg-gray-100 dark:bg-gray-900 dark:hover:bg-gray-850 transition font-medium text-sm flex items-center space-x-1"
class=" p-2 rounded-xl hover:bg-gray-100 dark:hover:bg-gray-850 transition font-medium text-sm flex items-center space-x-1"
on:click={() => {
exportHandler();
}}
@ -167,7 +167,7 @@
</thead>
<tbody class="">
{#each paginatedFeedbacks as feedback (feedback.id)}
<tr class="bg-white dark:bg-gray-900 dark:border-gray-850 text-xs">
<tr class="bg-white dark:border-gray-850 text-xs">
<td class=" py-0.5 text-right font-semibold">
<div class="flex justify-center">
<Tooltip content={feedback?.user?.name}>

2
src/lib/components/admin/Evaluations/Leaderboard.svelte
View File

@ -343,7 +343,7 @@
</thead>
<tbody class="">
{#each rankedModels as model, modelIdx (model.id)}
<tr class="bg-white dark:bg-gray-900 dark:border-gray-850 text-xs group">
<tr class="bg-white dark:border-gray-850 text-xs group">
<td class="px-3 py-1.5 text-left font-medium text-gray-900 dark:text-white w-fit">
<div class=" line-clamp-1">
{model?.rating !== '-' ? modelIdx + 1 : '-'}

6
src/lib/components/admin/Settings/Audio.svelte
View File

@ -172,7 +172,7 @@
<div class=" self-center text-xs font-medium">{$i18n.t('Speech-to-Text Engine')}</div>
<div class="flex items-center relative">
<select
class="dark:bg-gray-900 cursor-pointer w-fit pr-8 rounded-sm px-2 p-1 text-xs bg-transparent outline-hidden text-right"
class=" cursor-pointer w-fit pr-8 rounded-sm px-2 p-1 text-xs bg-transparent outline-hidden text-right"
bind:value={STT_ENGINE}
placeholder="Select an engine"
>
@ -342,7 +342,7 @@
<div class=" self-center text-xs font-medium">{$i18n.t('Text-to-Speech Engine')}</div>
<div class="flex items-center relative">
<select
class=" dark:bg-gray-900 w-fit pr-8 cursor-pointer rounded-sm px-2 p-1 text-xs bg-transparent outline-hidden text-right"
class=" w-fit pr-8 cursor-pointer rounded-sm px-2 p-1 text-xs bg-transparent outline-hidden text-right"
bind:value={TTS_ENGINE}
placeholder="Select a mode"
on:change={async (e) => {
@ -609,7 +609,7 @@
<div class="self-center text-xs font-medium">{$i18n.t('Response splitting')}</div>
<div class="flex items-center relative">
<select
class="dark:bg-gray-900 w-fit pr-8 cursor-pointer rounded-sm px-2 p-1 text-xs bg-transparent outline-hidden text-right"
class=" w-fit pr-8 cursor-pointer rounded-sm px-2 p-1 text-xs bg-transparent outline-hidden text-right"
aria-label="Select how to split message text for TTS requests"
bind:value={TTS_SPLIT_ON}
>

12
src/lib/components/admin/Settings/CodeExecution.svelte
View File

@ -50,7 +50,7 @@
<div class=" self-center text-xs font-medium">{$i18n.t('Code Execution Engine')}</div>
<div class="flex items-center relative">
<select
class="dark:bg-gray-900 w-fit pr-8 rounded-sm px-2 p-1 text-xs bg-transparent outline-hidden text-right"
class=" w-fit pr-8 rounded-sm px-2 p-1 text-xs bg-transparent outline-hidden text-right"
bind:value={config.CODE_EXECUTION_ENGINE}
placeholder={$i18n.t('Select a engine')}
required
@ -99,7 +99,7 @@
<div>
<select
class="dark:bg-gray-900 w-fit pr-8 rounded-sm px-2 p-1 text-xs bg-transparent outline-hidden text-left"
class=" w-fit pr-8 rounded-sm px-2 p-1 text-xs bg-transparent outline-hidden text-left"
bind:value={config.CODE_EXECUTION_JUPYTER_AUTH}
placeholder={$i18n.t('Select an auth method')}
>
@ -141,7 +141,7 @@
<div class="">
<Tooltip content={$i18n.t('Enter timeout in seconds')}>
<input
class="dark:bg-gray-900 w-fit rounded-sm px-2 p-1 text-xs bg-transparent outline-hidden text-right"
class=" w-fit rounded-sm px-2 p-1 text-xs bg-transparent outline-hidden text-right"
type="number"
bind:value={config.CODE_EXECUTION_JUPYTER_TIMEOUT}
placeholder={$i18n.t('e.g. 60')}
@ -176,7 +176,7 @@
</div>
<div class="flex items-center relative">
<select
class="dark:bg-gray-900 w-fit pr-8 rounded-sm px-2 p-1 text-xs bg-transparent outline-hidden text-right"
class=" w-fit pr-8 rounded-sm px-2 p-1 text-xs bg-transparent outline-hidden text-right"
bind:value={config.CODE_INTERPRETER_ENGINE}
placeholder={$i18n.t('Select a engine')}
required
@ -225,7 +225,7 @@
<div>
<select
class="dark:bg-gray-900 w-fit pr-8 rounded-sm px-2 p-1 text-xs bg-transparent outline-hidden text-left"
class=" w-fit pr-8 rounded-sm px-2 p-1 text-xs bg-transparent outline-hidden text-left"
bind:value={config.CODE_INTERPRETER_JUPYTER_AUTH}
placeholder={$i18n.t('Select an auth method')}
>
@ -267,7 +267,7 @@
<div class="">
<Tooltip content={$i18n.t('Enter timeout in seconds')}>
<input
class="dark:bg-gray-900 w-fit rounded-sm px-2 p-1 text-xs bg-transparent outline-hidden text-right"
class=" w-fit rounded-sm px-2 p-1 text-xs bg-transparent outline-hidden text-right"
type="number"
bind:value={config.CODE_INTERPRETER_JUPYTER_TIMEOUT}
placeholder={$i18n.t('e.g. 60')}

6
src/lib/components/admin/Settings/Connections/OllamaConnection.svelte
View File

@ -51,7 +51,7 @@
>
{#if !(config?.enable ?? true)}
<div
class="absolute top-0 bottom-0 left-0 right-0 opacity-60 bg-white dark:bg-gray-900 z-10"
class="absolute top-0 bottom-0 left-0 right-0 opacity-60 bg-white z-10"
></div>
{/if}
@ -65,7 +65,7 @@
<div class="flex gap-1">
<Tooltip content={$i18n.t('Manage')} className="self-start">
<button
class="self-center p-1 bg-transparent hover:bg-gray-100 dark:bg-gray-900 dark:hover:bg-gray-850 rounded-lg transition"
class="self-center p-1 bg-transparent hover:bg-gray-100 dark:hover:bg-gray-850 rounded-lg transition"
on:click={() => {
showManageModal = true;
}}
@ -77,7 +77,7 @@
<Tooltip content={$i18n.t('Configure')} className="self-start">
<button
class="self-center p-1 bg-transparent hover:bg-gray-100 dark:bg-gray-900 dark:hover:bg-gray-850 rounded-lg transition"
class="self-center p-1 bg-transparent hover:bg-gray-100 dark:hover:bg-gray-850 rounded-lg transition"
on:click={() => {
showConfigModal = true;
}}

4
src/lib/components/admin/Settings/Connections/OpenAIConnection.svelte
View File

@ -48,7 +48,7 @@
>
{#if !(config?.enable ?? true)}
<div
class="absolute top-0 bottom-0 left-0 right-0 opacity-60 bg-white dark:bg-gray-900 z-10"
class="absolute top-0 bottom-0 left-0 right-0 opacity-60 bg-white z-10"
></div>
{/if}
<div class="flex w-full">
@ -95,7 +95,7 @@
<div class="flex gap-1">
<Tooltip content={$i18n.t('Configure')} className="self-start">
<button
class="self-center p-1 bg-transparent hover:bg-gray-100 dark:bg-gray-900 dark:hover:bg-gray-850 rounded-lg transition"
class="self-center p-1 bg-transparent hover:bg-gray-100 dark:hover:bg-gray-850 rounded-lg transition"
on:click={() => {
showConfigModal = true;
}}

6
src/lib/components/admin/Settings/Documents.svelte
View File

@ -300,7 +300,7 @@
<div class=" self-center text-xs font-medium">{$i18n.t('Embedding Model Engine')}</div>
<div class="flex items-center relative">
<select
class="dark:bg-gray-900 w-fit pr-8 rounded-sm px-2 p-1 text-xs bg-transparent outline-hidden text-right"
class=" w-fit pr-8 rounded-sm px-2 p-1 text-xs bg-transparent outline-hidden text-right"
bind:value={embeddingEngine}
placeholder="Select an embedding model engine"
on:change={(e) => {
@ -581,7 +581,7 @@
<div class="self-center text-xs font-medium">{$i18n.t('Engine')}</div>
<div class="flex items-center relative">
<select
class="dark:bg-gray-900 w-fit pr-8 rounded-sm px-2 text-xs bg-transparent outline-hidden text-right"
class=" w-fit pr-8 rounded-sm px-2 text-xs bg-transparent outline-hidden text-right"
bind:value={contentExtractionEngine}
on:change={(e) => {
showTikaServerUrl = e.target.value === 'tika';
@ -693,7 +693,7 @@
<div class="self-center text-xs font-medium">{$i18n.t('Text Splitter')}</div>
<div class="flex items-center relative">
<select
class="dark:bg-gray-900 w-fit pr-8 rounded-sm px-2 text-xs bg-transparent outline-hidden text-right"
class=" w-fit pr-8 rounded-sm px-2 text-xs bg-transparent outline-hidden text-right"
bind:value={textSplitter}
>
<option value="">{$i18n.t('Default')} ({$i18n.t('Character')})</option>

2
src/lib/components/admin/Settings/General.svelte
View File

@ -249,7 +249,7 @@
<div class=" self-center text-xs font-medium">{$i18n.t('Default User Role')}</div>
<div class="flex items-center relative">
<select
class="dark:bg-gray-900 w-fit pr-8 rounded-sm px-2 text-xs bg-transparent outline-hidden text-right"
class=" w-fit pr-8 rounded-sm px-2 text-xs bg-transparent outline-hidden text-right"
bind:value={adminConfig.DEFAULT_USER_ROLE}
placeholder="Select a role"
>

2
src/lib/components/admin/Settings/Images.svelte
View File

@ -287,7 +287,7 @@
<div class=" self-center text-xs font-medium">{$i18n.t('Image Generation Engine')}</div>
<div class="flex items-center relative">
<select
class=" dark:bg-gray-900 w-fit pr-8 cursor-pointer rounded-sm px-2 p-1 text-xs bg-transparent outline-hidden text-right"
class=" w-fit pr-8 cursor-pointer rounded-sm px-2 p-1 text-xs bg-transparent outline-hidden text-right"
bind:value={config.engine}
placeholder={$i18n.t('Select Engine')}
on:change={async () => {

2
src/lib/components/admin/Settings/WebSearch.svelte
View File

@ -104,7 +104,7 @@
<div class=" self-center text-xs font-medium">{$i18n.t('Web Search Engine')}</div>
<div class="flex items-center relative">
<select
class="dark:bg-gray-900 w-fit pr-8 rounded-sm px-2 p-1 text-xs bg-transparent outline-hidden text-right"
class=" w-fit pr-8 rounded-sm px-2 p-1 text-xs bg-transparent outline-hidden text-right"
bind:value={webConfig.search.engine}
placeholder={$i18n.t('Select a engine')}
required

2
src/lib/components/admin/Users/Groups.svelte
View File

@ -149,7 +149,7 @@
<div>
<Tooltip content={$i18n.t('Create Group')}>
<button
class=" p-2 rounded-xl hover:bg-gray-100 dark:bg-gray-900 dark:hover:bg-gray-850 transition font-medium text-sm flex items-center space-x-1"
class=" p-2 rounded-xl hover:bg-gray-100 dark:hover:bg-gray-850 transition font-medium text-sm flex items-center space-x-1"
on:click={() => {
showCreateGroupModal = !showCreateGroupModal;
}}

4
src/lib/components/admin/Users/UserList.svelte
View File

@ -159,7 +159,7 @@
<div>
<Tooltip content={$i18n.t('Add User')}>
<button
class=" p-2 rounded-xl hover:bg-gray-100 dark:bg-gray-900 dark:hover:bg-gray-850 transition font-medium text-sm flex items-center space-x-1"
class=" p-2 rounded-xl hover:bg-gray-100 dark:hover:bg-gray-850 transition font-medium text-sm flex items-center space-x-1"
on:click={() => {
showAddUserModal = !showAddUserModal;
}}
@ -327,7 +327,7 @@
</thead>
<tbody class="">
{#each filteredUsers as user, userIdx}
<tr class="bg-white dark:bg-gray-900 dark:border-gray-850 text-xs">
<tr class="bg-white dark:border-gray-850 text-xs">
<td class="px-3 py-1 min-w-[7rem] w-28">
<button
class=" translate-y-0.5"

2
src/lib/components/admin/Users/UserList/UserChatsModal.svelte
View File

@ -120,7 +120,7 @@
}) as chat, idx}
<tr
class="bg-transparent {idx !== chats.length - 1 &&
'border-b'} dark:bg-gray-900 dark:border-gray-850 text-xs"
'border-b'} dark:border-gray-850 text-xs"
>
<td class="px-3 py-1">
<a href="/s/{chat.id}" target="_blank">

2
src/lib/components/channel/Messages/Message.svelte
View File

@ -225,7 +225,7 @@
<div class="flex space-x-1.5">
<button
id="close-edit-message-button"
class="px-4 py-2 bg-white dark:bg-gray-900 hover:bg-gray-100 text-gray-800 dark:text-gray-100 transition rounded-3xl"
class="px-4 py-2 bg-white hover:bg-gray-100 text-gray-800 dark:text-gray-100 transition rounded-3xl"
on:click={() => {
edit = false;
editedContent = null;

2
src/lib/components/chat/MessageInput.svelte
View File

@ -532,7 +532,7 @@
</div>
</div>
<div class="{transparentBackground ? 'bg-transparent' : 'bg-white dark:bg-gray-900'} ">
<div class="{transparentBackground ? 'bg-transparent' : 'bg-white '} ">
<div
class="{($settings?.widescreenMode ?? null)
? 'max-w-full'

6
src/lib/components/chat/MessageInput/CallOverlay.svelte
View File

@ -893,7 +893,7 @@
await startVideoStream();
}}
>
<button class=" p-3 rounded-full bg-gray-50 dark:bg-gray-900" type="button">
<button class=" p-3 rounded-full bg-gray-50 " type="button">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
@ -911,7 +911,7 @@
{:else}
<Tooltip content={$i18n.t('Camera')}>
<button
class=" p-3 rounded-full bg-gray-50 dark:bg-gray-900"
class=" p-3 rounded-full bg-gray-50 "
type="button"
on:click={async () => {
await navigator.mediaDevices.getUserMedia({ video: true });
@ -965,7 +965,7 @@
<div>
<button
class=" p-3 rounded-full bg-gray-50 dark:bg-gray-900"
class=" p-3 rounded-full bg-gray-50 "
on:click={async () => {
await stopAudioStream();
await stopVideoStream();

2
src/lib/components/chat/MessageInput/CallOverlay/VideoInputMenu.svelte
View File

@ -26,7 +26,7 @@
<div slot="content">
<DropdownMenu.Content
class="w-full max-w-[180px] rounded-lg px-1 py-1.5 border border-gray-300/30 dark:border-gray-700/50 z-9999 bg-white dark:bg-gray-900 dark:text-white shadow-xs"
class="w-full max-w-[180px] rounded-lg px-1 py-1.5 border border-gray-300/30 dark:border-gray-700/50 z-9999 bg-white dark:text-white shadow-xs"
sideOffset={6}
side="top"
align="start"

2
src/lib/components/chat/MessageInput/Commands.svelte
View File

@ -114,7 +114,7 @@
>
<div class="flex w-full rounded-xl border border-gray-100 dark:border-gray-850">
<div
class="max-h-60 flex flex-col w-full rounded-xl bg-white dark:bg-gray-900 dark:text-gray-100"
class="max-h-60 flex flex-col w-full rounded-xl bg-white dark:text-gray-100"
>
<Spinner />
</div>

2
src/lib/components/chat/MessageInput/Commands/Knowledge.svelte
View File

@ -163,7 +163,7 @@
>
<div class="flex w-full rounded-xl border border-gray-100 dark:border-gray-850">
<div
class="max-h-60 flex flex-col w-full rounded-xl bg-white dark:bg-gray-900 dark:text-gray-100"
class="max-h-60 flex flex-col w-full rounded-xl bg-white dark:text-gray-100"
>
<div class="m-1 overflow-y-auto p-1 rounded-r-xl space-y-0.5 scrollbar-hidden">
{#each filteredItems as item, idx}

2
src/lib/components/chat/MessageInput/Commands/Models.svelte
View File

@ -72,7 +72,7 @@
>
<div class="flex w-full rounded-xl border border-gray-100 dark:border-gray-850">
<div
class="max-h-60 flex flex-col w-full rounded-xl bg-white dark:bg-gray-900 dark:text-gray-100"
class="max-h-60 flex flex-col w-full rounded-xl bg-white dark:text-gray-100"
>
<div class="m-1 overflow-y-auto p-1 rounded-r-lg space-y-0.5 scrollbar-hidden">
{#each filteredItems as model, modelIdx}

4
src/lib/components/chat/MessageInput/Commands/Prompts.svelte
View File

@ -141,7 +141,7 @@
>
<div class="flex w-full rounded-xl border border-gray-100 dark:border-gray-850">
<div
class="max-h-60 flex flex-col w-full rounded-xl bg-white dark:bg-gray-900 dark:text-gray-100"
class="max-h-60 flex flex-col w-full rounded-xl bg-white dark:text-gray-100"
>
<div class="m-1 overflow-y-auto p-1 space-y-0.5 scrollbar-hidden">
{#each filteredPrompts as prompt, promptIdx}
@ -170,7 +170,7 @@
</div>
<div
class=" px-2 pt-0.5 pb-1 text-xs text-gray-600 dark:text-gray-100 bg-white dark:bg-gray-900 rounded-b-xl flex items-center space-x-1"
class=" px-2 pt-0.5 pb-1 text-xs text-gray-600 dark:text-gray-100 bg-white rounded-b-xl flex items-center space-x-1"
>
<div>
<svg

6
src/lib/components/chat/Messages/Citations.svelte
View File

@ -102,7 +102,7 @@
{#each citations as citation, idx}
<button
id={`source-${id}-${idx}`}
class="no-toggle outline-hidden flex dark:text-gray-300 p-1 bg-white dark:bg-gray-900 rounded-xl max-w-96"
class="no-toggle outline-hidden flex dark:text-gray-300 p-1 bg-white rounded-xl max-w-96"
on:click={() => {
showCitationModal = true;
selectedCitation = citation;
@ -141,7 +141,7 @@
<div class="flex text-xs font-medium items-center">
{#each citations.slice(0, 2) as citation, idx}
<button
class="no-toggle outline-hidden flex dark:text-gray-300 p-1 bg-gray-50 hover:bg-gray-100 dark:bg-gray-900 dark:hover:bg-gray-850 transition rounded-xl max-w-96"
class="no-toggle outline-hidden flex dark:text-gray-300 p-1 bg-gray-50 hover:bg-gray-100 dark:hover:bg-gray-850 transition rounded-xl max-w-96"
on:click={() => {
showCitationModal = true;
selectedCitation = citation;
@ -181,7 +181,7 @@
{#each citations as citation, idx}
<button
id={`source-${id}-${idx}`}
class="no-toggle outline-hidden flex dark:text-gray-300 p-1 bg-gray-50 hover:bg-gray-100 dark:bg-gray-900 dark:hover:bg-gray-850 transition rounded-xl max-w-96"
class="no-toggle outline-hidden flex dark:text-gray-300 p-1 bg-gray-50 hover:bg-gray-100 dark:hover:bg-gray-850 transition rounded-xl max-w-96"
on:click={() => {
showCitationModal = true;
selectedCitation = citation;

2
src/lib/components/chat/Messages/Markdown/MarkdownTokens.svelte
View File

@ -133,7 +133,7 @@
</thead>
<tbody>
{#each token.rows as row, rowIdx}
<tr class="bg-white dark:bg-gray-900 dark:border-gray-850 text-xs">
<tr class="bg-white dark:border-gray-850 text-xs">
{#each row ?? [] as cell, cellIdx}
<td
class="px-3! py-1.5! text-gray-900 dark:text-white w-max border border-gray-100 dark:border-gray-850"

2
src/lib/components/chat/Messages/ResponseMessage.svelte
View File

@ -675,7 +675,7 @@
<div class="flex space-x-1.5">
<button
id="close-edit-message-button"
class="px-4 py-2 bg-white dark:bg-gray-900 hover:bg-gray-100 text-gray-800 dark:text-gray-100 transition rounded-3xl"
class="px-4 py-2 bg-white hover:bg-gray-100 text-gray-800 dark:text-gray-100 transition rounded-3xl"
on:click={() => {
cancelEditMessage();
}}

2
src/lib/components/chat/Messages/UserMessage.svelte
View File

@ -201,7 +201,7 @@
<div class="flex space-x-1.5">
<button
id="close-edit-message-button"
class="px-4 py-2 bg-white dark:bg-gray-900 hover:bg-gray-100 text-gray-800 dark:text-gray-100 transition rounded-3xl"
class="px-4 py-2 bg-white hover:bg-gray-100 text-gray-800 dark:text-gray-100 transition rounded-3xl"
on:click={() => {
cancelEditMessage();
}}

4
src/lib/components/chat/Overview/Node.svelte
View File

@ -77,6 +77,6 @@
</div>
{/if}
</Tooltip>
<Handle type="target" position={Position.Top} class="w-2 rounded-full dark:bg-gray-900" />
<Handle type="source" position={Position.Bottom} class="w-2 rounded-full dark:bg-gray-900" />
<Handle type="target" position={Position.Top} class="w-2 rounded-full " />
<Handle type="source" position={Position.Bottom} class="w-2 rounded-full " />
</div>

8
src/lib/components/chat/Settings/Audio.svelte
View File

@ -181,7 +181,7 @@
<div class=" self-center text-xs font-medium">{$i18n.t('Speech-to-Text Engine')}</div>
<div class="flex items-center relative">
<select
class="dark:bg-gray-900 w-fit pr-8 rounded-sm px-2 p-1 text-xs bg-transparent outline-hidden text-right"
class=" w-fit pr-8 rounded-sm px-2 p-1 text-xs bg-transparent outline-hidden text-right"
bind:value={STTEngine}
placeholder="Select an engine"
>
@ -220,7 +220,7 @@
<div class=" self-center text-xs font-medium">{$i18n.t('Text-to-Speech Engine')}</div>
<div class="flex items-center relative">
<select
class="dark:bg-gray-900 w-fit pr-8 rounded-sm px-2 p-1 text-xs bg-transparent outline-hidden text-right"
class=" w-fit pr-8 rounded-sm px-2 p-1 text-xs bg-transparent outline-hidden text-right"
bind:value={TTSEngine}
placeholder="Select an engine"
>
@ -235,7 +235,7 @@
<div class=" self-center text-xs font-medium">{$i18n.t('Kokoro.js Dtype')}</div>
<div class="flex items-center relative">
<select
class="dark:bg-gray-900 w-fit pr-8 rounded-sm px-2 p-1 text-xs bg-transparent outline-hidden text-right"
class=" w-fit pr-8 rounded-sm px-2 p-1 text-xs bg-transparent outline-hidden text-right"
bind:value={TTSEngineConfig.dtype}
placeholder="Select dtype"
>
@ -272,7 +272,7 @@
<div class="flex items-center relative">
<select
class="dark:bg-gray-900 w-fit pr-8 rounded-sm px-2 p-1 text-xs bg-transparent outline-hidden text-right"
class=" w-fit pr-8 rounded-sm px-2 p-1 text-xs bg-transparent outline-hidden text-right"
bind:value={playbackRate}
>
{#each speedOptions as option}

4
src/lib/components/chat/Settings/Connections/Connection.svelte
View File

@ -47,7 +47,7 @@
>
{#if !(config?.enable ?? true)}
<div
class="absolute top-0 bottom-0 left-0 right-0 opacity-60 bg-white dark:bg-gray-900 z-10"
class="absolute top-0 bottom-0 left-0 right-0 opacity-60 bg-white z-10"
></div>
{/if}
<div class="flex w-full">
@ -71,7 +71,7 @@
<div class="flex gap-1">
<Tooltip content={$i18n.t('Configure')} className="self-start">
<button
class="self-center p-1 bg-transparent hover:bg-gray-100 dark:bg-gray-900 dark:hover:bg-gray-850 rounded-lg transition"
class="self-center p-1 bg-transparent hover:bg-gray-100 dark:hover:bg-gray-850 rounded-lg transition"
on:click={() => {
showConfigModal = true;
}}

4
src/lib/components/chat/Settings/General.svelte
View File

@ -171,7 +171,7 @@
<div class=" self-center text-xs font-medium">{$i18n.t('Theme')}</div>
<div class="flex items-center relative">
<select
class=" dark:bg-gray-900 w-fit pr-8 rounded-sm py-2 px-2 text-xs bg-transparent outline-hidden text-right"
class=" w-fit pr-8 rounded-sm py-2 px-2 text-xs bg-transparent outline-hidden text-right"
bind:value={selectedTheme}
placeholder="Select a theme"
on:change={() => themeChangeHandler(selectedTheme)}
@ -191,7 +191,7 @@
<div class=" self-center text-xs font-medium">{$i18n.t('Language')}</div>
<div class="flex items-center relative">
<select
class=" dark:bg-gray-900 w-fit pr-8 rounded-sm py-2 px-2 text-xs bg-transparent outline-hidden text-right"
class=" w-fit pr-8 rounded-sm py-2 px-2 text-xs bg-transparent outline-hidden text-right"
bind:value={lang}
placeholder="Select a language"
on:change={(e) => {

2
src/lib/components/common/Banner.svelte
View File

@ -41,7 +41,7 @@
{#if !dismissed}
{#if mounted}
<div
class=" top-0 left-0 right-0 p-2 mx-4 px-3 flex justify-center items-center relative rounded-xl border border-gray-100 dark:border-gray-850 text-gray-800 dark:text-gary-100 bg-white dark:bg-gray-900 backdrop-blur-xl z-30"
class=" top-0 left-0 right-0 p-2 mx-4 px-3 flex justify-center items-center relative rounded-xl border border-gray-100 dark:border-gray-850 text-gray-800 dark:text-gary-100 bg-white backdrop-blur-xl z-30"
transition:fade={{ delay: 100, duration: 300 }}
>
<div class=" flex flex-col md:flex-row md:items-center flex-1 text-sm w-fit gap-1.5">

2
src/lib/components/common/ConfirmDialog.svelte
View File

@ -99,7 +99,7 @@
<textarea
bind:value={inputValue}
placeholder={inputPlaceholder ? inputPlaceholder : $i18n.t('Enter your message')}
class="w-full mt-2 rounded-lg px-4 py-2 text-sm dark:text-gray-300 dark:bg-gray-900 outline-hidden resize-none"
class="w-full mt-2 rounded-lg px-4 py-2 text-sm dark:text-gray-300 outline-hidden resize-none"
rows="3"
required
/>

2
src/lib/components/common/Drawer.svelte
View File

@ -67,7 +67,7 @@
}}
>
<div
class=" mt-auto w-full bg-gray-50 dark:bg-gray-900 dark:text-gray-100 {className} max-h-[100dvh] overflow-y-auto scrollbar-hidden"
class=" mt-auto w-full bg-gray-50 dark:text-gray-100 {className} max-h-[100dvh] overflow-y-auto scrollbar-hidden"
on:mousedown={(e) => {
e.stopPropagation();
}}

2
src/lib/components/common/Modal.svelte
View File

@ -7,7 +7,7 @@
export let show = true;
export let size = 'md';
export let containerClassName = 'p-3';
export let className = 'bg-gray-50 dark:bg-gray-900 rounded-2xl';
export let className = 'bg-gray-50 rounded-2xl';
let modalElement = null;
let mounted = false;

2
src/lib/components/common/Selector.svelte
View File

@ -48,7 +48,7 @@
<ChevronDown className="absolute end-2 top-1/2 -translate-y-[45%] size-3.5" strokeWidth="2.5" />
</Select.Trigger>
<Select.Content
class="w-full rounded-lg bg-white dark:bg-gray-900 dark:text-white shadow-lg border border-gray-300/30 dark:border-gray-700/40 outline-hidden"
class="w-full rounded-lg bg-white dark:text-white shadow-lg border border-gray-300/30 dark:border-gray-700/40 outline-hidden"
transition={flyAndScale}
sideOffset={4}
>

2
src/lib/components/layout/Overlay/AccountPending.svelte
View File

@ -16,7 +16,7 @@
<div class="fixed w-full h-full flex z-999">
<div
class="absolute w-full h-full backdrop-blur-lg bg-white/10 dark:bg-gray-900/50 flex justify-center"
class="absolute w-full h-full backdrop-blur-lg bg-white/10 /50 flex justify-center"
>
<div class="m-auto pb-10 flex flex-col justify-center">
<div class="max-w-md">

2
src/lib/components/layout/Sidebar/ArchivedChatsModal.svelte
View File

@ -150,7 +150,7 @@
.includes(searchValue.toLowerCase())) as chat, idx}
<tr
class="bg-transparent {idx !== chats.length - 1 &&
'border-b'} dark:bg-gray-900 dark:border-gray-850 text-xs"
'border-b'} dark:border-gray-850 text-xs"
>
<td class="px-3 py-1 w-2/3">
<a href="/c/{chat.id}" target="_blank">

2
src/lib/components/layout/Sidebar/ChannelItem.svelte
View File

@ -45,7 +45,7 @@
bind:this={itemElement}
class=" w-full {className} rounded-lg flex relative group hover:bg-gray-100 dark:hover:bg-gray-900 {$page
.url.pathname === `/channels/${channel.id}`
? 'bg-gray-100 dark:bg-gray-900'
? 'bg-gray-100 '
: ''} px-2.5 py-1"
>
<a

4
src/lib/components/layout/Sidebar/ChatItem.svelte
View File

@ -232,7 +232,7 @@
<div
class=" w-full flex justify-between rounded-lg px-[11px] py-[6px] {id === $chatId ||
confirmEdit
? 'bg-gray-200 dark:bg-gray-900'
? 'bg-gray-200 '
: selected
? 'bg-gray-100 dark:bg-gray-950'
: 'group-hover:bg-gray-100 dark:group-hover:bg-gray-950'} whitespace-nowrap text-ellipsis"
@ -248,7 +248,7 @@
<a
class=" w-full flex justify-between rounded-lg px-[11px] py-[6px] {id === $chatId ||
confirmEdit
? 'bg-gray-200 dark:bg-gray-900'
? 'bg-gray-200 '
: selected
? 'bg-gray-100 dark:bg-gray-950'
: ' group-hover:bg-gray-100 dark:group-hover:bg-gray-950'} whitespace-nowrap text-ellipsis"

4
src/lib/components/layout/Sidebar/SearchInput.svelte
View File

@ -163,7 +163,7 @@
<button
class=" px-1.5 py-0.5 flex gap-1 hover:bg-gray-100 dark:hover:bg-gray-900 w-full rounded {selectedIdx ===
tagIdx
? 'bg-gray-100 dark:bg-gray-900'
? 'bg-gray-100 '
: ''}"
id="search-tag-{tagIdx}"
on:click|stopPropagation={async () => {
@ -197,7 +197,7 @@
<button
class=" px-1.5 py-0.5 flex gap-1 hover:bg-gray-100 dark:hover:bg-gray-900 w-full rounded {selectedIdx ===
optionIdx
? 'bg-gray-100 dark:bg-gray-900'
? 'bg-gray-100 '
: ''}"
id="search-option-{optionIdx}"
on:click|stopPropagation={async () => {

2
src/lib/components/playground/Chat.svelte
View File

@ -211,7 +211,7 @@
<div class=" flex flex-col justify-between w-full overflow-y-auto h-full">
<div class="mx-auto w-full md:px-0 h-full relative">
<Sidebar bind:show={showSettings} className=" bg-white dark:bg-gray-900" width="300px">
<Sidebar bind:show={showSettings} className=" bg-white " width="300px">
<div class="flex flex-col px-5 py-3 text-sm">
<div class="flex justify-between items-center mb-2">
<div class=" font-medium text-base">Settings</div>

2
src/lib/components/workspace/Knowledge/KnowledgeBase/AddTextContentModal.svelte
View File

@ -20,7 +20,7 @@
let voiceInput = false;
</script>
<Modal size="full" containerClassName="" className="h-full bg-white dark:bg-gray-900" bind:show>
<Modal size="full" containerClassName="" className="h-full bg-white " bind:show>
<div class="absolute top-0 right-0 p-5">
<button
class="self-center dark:text-white"

2
src/routes/(app)/+layout.svelte
View File

@ -246,7 +246,7 @@
{:else if localDBChats.length > 0}
<div class="fixed w-full h-full flex z-50">
<div
class="absolute w-full h-full backdrop-blur-md bg-white/20 dark:bg-gray-900/50 flex justify-center"
class="absolute w-full h-full backdrop-blur-md bg-white/20 /50 flex justify-center"
>
<div class="m-auto pb-44 flex flex-col justify-center">
<div class="max-w-md">

2
src/routes/s/[id]/+page.svelte
View File

@ -133,7 +133,7 @@
{#if loaded}
<div
class="h-screen max-h-[100dvh] w-full flex flex-col text-gray-700 dark:text-gray-100 bg-white dark:bg-gray-900"
class="h-screen max-h-[100dvh] w-full flex flex-col text-gray-700 dark:text-gray-100 bg-white "
>
<div class="flex flex-col flex-auto justify-center relative">
<div class=" flex flex-col w-full flex-auto overflow-auto h-0" id="messages-container">

Write Preview
Loading…
Cancel
Save