Add type to controls and change colour types

src/types/Drawing.ts

@@ -1,4 +1,5 @@
 import Vector2 from "../helpers/Vector2";
+import { Color } from "../helpers/colors";
 
 export type DrawingToolType =
   | "brush"
@@ -11,7 +12,7 @@ export type DrawingToolType =
 
 export type DrawingToolSettings = {
   type: DrawingToolType;
-  color: string;
+  color: Color;
   useBlending: boolean;
 };
 

src/types/Fog.ts

@@ -1,4 +1,5 @@
 import Vector2 from "../helpers/Vector2";
+import { Color } from "../helpers/colors";
 
 export type FogToolType =
   | "polygon"
@@ -20,7 +21,7 @@ export type FogData = {
 };
 
 export type Fog = {
-  color: string;
+  color: Color;
   data: FogData;
   id: string;
   strokeWidth: number;

src/types/Note.ts

@@ -1,6 +1,8 @@
+import { Color } from "../helpers/colors";
+
 export type Note = {
   id: string;
-  color: string;
+  color: Color;
   lastModified: number;
   lastModifiedBy: string;
   locked: boolean;

src/types/Pointer.ts

@@ -1,12 +1,13 @@
 import Vector2 from "../helpers/Vector2";
+import { Color } from "../helpers/colors";
 
 export type PointerToolSettings = {
-  color: string;
+  color: Color;
 };
 
 export type PointerState = {
   position: Vector2;
   visible: boolean;
   id: string;
-  color: string;
+  color: Color;
 };