diff --git a/packages/web/src/modals/ChooseConnectionColorModal.svelte b/packages/web/src/modals/ChooseConnectionColorModal.svelte index c36d1f94..183138f2 100644 --- a/packages/web/src/modals/ChooseConnectionColorModal.svelte +++ b/packages/web/src/modals/ChooseConnectionColorModal.svelte @@ -7,6 +7,7 @@ export let conid; export let database; export let header; + export let text; const initialColor = useConnectionColor({ conid, database }, null, null, false, false); @@ -16,6 +17,10 @@ {header} +
+ {text} +
+ { diff --git a/packages/web/src/widgets/StatusBar.svelte b/packages/web/src/widgets/StatusBar.svelte index 86e3b135..bfd8b357 100644 --- a/packages/web/src/widgets/StatusBar.svelte +++ b/packages/web/src/widgets/StatusBar.svelte @@ -81,7 +81,11 @@ class="item clickable" title="Database color. Overrides connection color" on:click={() => { - showModal(ChooseConnectionColorModal, { ...dbid, header: 'Choose database color' }); + showModal(ChooseConnectionColorModal, { + ...dbid, + header: 'Choose database color', + text: 'This color override connection color for specific database.', + }); }} >
@@ -100,7 +104,11 @@ class="item clickable" title="Connection color. Can be overriden by database color" on:click={() => { - showModal(ChooseConnectionColorModal, { conid: dbid.conid, header: 'Choose connection color' }); + showModal(ChooseConnectionColorModal, { + conid: dbid.conid, + header: 'Choose connection color', + text: 'This color serves as default color for all databases in this connection.', + }); }} >