Fix stroke color placeholder

Author: dev7355608

module.json

@@ -9,7 +9,7 @@
       "email": "dev7355608@gmail.com"
     }
   ],
-  "version": "2.0.4",
+  "version": "2.0.5",
   "compatibility": {
     "minimum": "10.276",
     "verified": "10.291",
@@ -29,8 +29,8 @@
   },
   "url": "https://github.com/dev7355608/advanced-drawing-tools",
   "manifest": "https://raw.githubusercontent.com/dev7355608/advanced-drawing-tools/main/module.json",
-  "download": "https://github.com/dev7355608/advanced-drawing-tools/releases/download/v2.0.4/module.zip",
-  "changelog": "https://github.com/dev7355608/advanced-drawing-tools/releases/tag/v2.0.4",
+  "download": "https://github.com/dev7355608/advanced-drawing-tools/releases/download/v2.0.5/module.zip",
+  "changelog": "https://github.com/dev7355608/advanced-drawing-tools/releases/tag/v2.0.5",
   "bugs": "https://github.com/dev7355608/advanced-drawing-tools/issues",
   "readme": "https://raw.githubusercontent.com/dev7355608/advanced-drawing-tools/main/README.md",
   "license": "https://raw.githubusercontent.com/dev7355608/advanced-drawing-tools/main/LICENSE"

scripts/config.js

@@ -321,7 +321,7 @@ Hooks.on("renderDrawingConfig", (app, html) => {
         </div>
     `);
 
-    const updateStrokeColorPlaceholder = () => {
+    const updateStrokeColorPlaceholder = (event) => {
         let textColor;
 
         if (event?.target.type === "color") {
@@ -330,10 +330,10 @@ Hooks.on("renderDrawingConfig", (app, html) => {
             textColor = html.find(`input[name="textColor"]`).val();
         }
 
-        html.find(`input[name="flags.advanced-drawing-tools.textStyle.stroke"],input[data-edit="flags.advanced-drawing-tools.textStyle.stroke"]`).attr(
-            "placeholder",
-            Color.from(textColor || "#FFFFFF").hsv[2] > 0.6 ? "#000000" : "#FFFFFF"
-        );
+        const strokeColor = Color.from(textColor || "#ffffff").hsv[2] > 0.6 ? "#000000" : "#ffffff";
+
+        html.find(`input[name="flags.advanced-drawing-tools.textStyle.stroke"]`).attr("placeholder", strokeColor);
+        html.find(`input[data-edit="flags.advanced-drawing-tools.textStyle.stroke"]`).val(strokeColor);
     };
 
     updateStrokeColorPlaceholder();

scripts/text.js

@@ -95,7 +95,7 @@ Hooks.on("refreshDrawing", drawing => {
         dropShadowBlur: ts?.dropShadowBlur ?? Math.max(Math.round(document.fontSize / 16), 2),
         dropShadowColor: ts?.dropShadowColor || "#000000",
         dropShadowDistance: ts?.dropShadowDistance ?? 0,
-        fill: ts?.fill?.length ? [document.textColor || "#FFFFFF"].concat(ts.fill.map(c => c || "#FFFFFF")) : document.textColor || "#FFFFFF",
+        fill: ts?.fill?.length ? [document.textColor || "#ffffff"].concat(ts.fill.map(c => c || "#ffffff")) : document.textColor || "#ffffff",
         fillGradientStops: ts?.fillGradientStops ?? [],
         fillGradientType: ts?.fillGradientType ?? PIXI.TEXT_GRADIENT.LINEAR_VERTICAL,
         fontStyle: ts?.fontStyle || "normal",
@@ -104,7 +104,7 @@ Hooks.on("refreshDrawing", drawing => {
         leading: ts?.leading ?? 0,
         letterSpacing: ts?.letterSpacing ?? 0,
         lineJoin: "round",
-        stroke: ts?.stroke || (Color.from(document.textColor || "#FFFFFF").hsv[2] > 0.6 ? 0x000000 : 0xFFFFFF),
+        stroke: ts?.stroke || (Color.from(document.textColor || "#ffffff").hsv[2] > 0.6 ? 0x000000 : 0xFFFFFF),
         strokeThickness: ts?.strokeThickness ?? Math.max(Math.round(document.fontSize / 32), 2),
         wordWrapWidth: calculateValue(ts?.wordWrapWidth, document.shape.width) ?? document.shape.width
     });