texts

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 @@
 <ModalBase {...$$restProps}>
   <svelte:fragment slot="header">{header}</svelte:fragment>
 
+  <div class="m-2">
+    {text}
+  </div>
+
   <ColorSelector
     {value}
     on:change={e => {

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.',
+            });
           }}
         >
           <div style={$databaseButtonBackground} class="colorbox">
@@ -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.',
+            });
           }}
         >
           <div style={$connectionButtonBackground} class="colorbox">