fix bugs

dist/index.js

@@ -1352,8 +1352,7 @@
       );
       this.encryptionKeyInput.callSubscriptions();
     };
-    setColor = (newColor) => {
+    applyColor = (newColor) => {
-      this.color.value = newColor;
       this.chatViewModel.setColor(newColor);
     };
     remove = () => {
@@ -1386,7 +1385,7 @@
         () => this.encryptionKeyInput.value == this.chatViewModel.chatModel.info.encryptionKey
       );
       this.color.subscribe((newColor) => {
-        this.setColor(newColor);
+        this.applyColor(newColor);
       });
     }
   };
@@ -1423,6 +1422,9 @@
       );
       this.taskPageViewModel.updateBoard(newBoardInfoFileContent);
     };
+    applyColor = (newColor) => {
+      this.taskPageViewModel.chatViewModel.setDisplayedColor(newColor);
+    };
     // load
     loadListRelevantData = () => {
       this.name.value = this.boardInfo.name;
@@ -1439,6 +1441,9 @@
         [this.taskPageViewModel.selectedBoard],
         () => this.taskPageViewModel.selectedBoard.value == this
       );
+      this.color.subscribeSilent((newColor) => {
+        this.applyColor(newColor);
+      });
     }
   };
 
@@ -1534,9 +1539,12 @@
       this.taskPageViewModel.closeBoard();
     };
     setColor = (color) => {
-      this.displayedColor.value = color;
+      this.setDisplayedColor(color);
       this.chatModel.setColor(color);
     };
+    setDisplayedColor = (color) => {
+      this.displayedColor.value = color;
+    };
     resetColor = () => {
       this.displayedColor.value = this.settingsPageViewModel.color.value;
     };
@@ -2049,7 +2057,7 @@
         "on:enter": boardViewModel.saveSettings,
         "bind:value": boardViewModel.name
       }
-    )))), /* @__PURE__ */ createElement("button", { "on:click": boardViewModel.hideSettings }, translations.general.closeButton, /* @__PURE__ */ createElement("span", { class: "icon" }, "close"))));
+    ))), ColorPicker(boardViewModel.color)), /* @__PURE__ */ createElement("button", { "on:click": boardViewModel.hideSettings }, translations.general.closeButton, /* @__PURE__ */ createElement("span", { class: "icon" }, "close"))));
   }
 
   // src/View/ChatPages/boardPage.tsx

src/View/Modals/boardSettingsModal.tsx

@@ -1,6 +1,7 @@
 import * as React from "bloatless-react";
 
 import BoardViewModel from "../../ViewModel/Pages/boardViewModel";
+import { ColorPicker } from "../Components/colorPicker";
 import { translations } from "../translations";
 
 export function BoardSettingsModal(boardViewModel: BoardViewModel) {
@@ -20,6 +21,8 @@ export function BoardSettingsModal(boardViewModel: BoardViewModel) {
               ></input>
             </div>
           </label>
+
+          {ColorPicker(boardViewModel.color)}
         </main>
         <button on:click={boardViewModel.hideSettings}>
           {translations.general.closeButton}

src/ViewModel/Chat/chatViewModel.ts

@@ -39,12 +39,16 @@ export default class ChatViewModel {
 
   closeSubPages = (): void => {
     this.taskPageViewModel.closeBoard();
-  }
+  };
 
   setColor = (color: Color): void => {
-    this.displayedColor.value = color;
+    this.setDisplayedColor(color);
     this.chatModel.setColor(color);
-  }
+  };
+
+  setDisplayedColor = (color: Color): void => {
+    this.displayedColor.value = color;
+  };
 
   resetColor = (): void => {
     this.displayedColor.value = this.settingsPageViewModel.color.value;

src/ViewModel/Pages/boardViewModel.ts

@@ -46,6 +46,10 @@ export default class BoardViewModel {
     this.taskPageViewModel.updateBoard(newBoardInfoFileContent);
   };
 
+  applyColor = (newColor: Color): void => {
+    this.taskPageViewModel.chatViewModel.setDisplayedColor(newColor);
+  };
+
   // load
   loadListRelevantData = (): void => {
     this.name.value = this.boardInfo.name;
@@ -68,5 +72,9 @@ export default class BoardViewModel {
       [this.taskPageViewModel.selectedBoard],
       () => this.taskPageViewModel.selectedBoard.value == this
     );
+
+    this.color.subscribeSilent((newColor) => {
+      this.applyColor(newColor);
+    });
   }
 }

src/ViewModel/Pages/settingsPageViewModel.ts

@@ -71,8 +71,7 @@ export default class SettingsPageViewModel {
     this.encryptionKeyInput.callSubscriptions();
   };
 
-  setColor = (newColor: Color): void => {
+  applyColor = (newColor: Color): void => {
-    this.color.value = newColor;
     this.chatViewModel.setColor(newColor);
   };
 
@@ -121,7 +120,7 @@ export default class SettingsPageViewModel {
     );
 
     this.color.subscribe((newColor) => {
-      this.setColor(newColor);
+      this.applyColor(newColor);
     });
   }
 }