Make stroke thinner for layers where the typical geometry is small.

1 files changed, 4 insertions, 4 deletions

diff --git a/main.js b/main.js
index 4113d6f..4211896 100644
--- a/main.js
+++ b/main.js
@@ -2285,7 +2285,7 @@ const layers = {
             color: context.createPattern(patternCanvas, 'repeat'),
           }),
           stroke: width === 0 ? undefined : new Stroke({
-            width: z < 2 ? 1 : z < 4 ? 2 : z <= 5 ? 4 : 8,
+            width: z < 4 ? .5 : z <= 5 ? 1 : 2,
             color: [134, 90, 71, 1],
           }),
         });
@@ -2338,7 +2338,7 @@ const layers = {
             color: context.createPattern(patternCanvas, 'repeat'),
           }),
           stroke: width === 0 ? undefined : new Stroke({
-            width: z < 2 ? 1 : z < 4 ? 2 : z <= 5 ? 4 : 8,
+            width: z < 4 ? .5 : z <= 5 ? 1 : 2,
             color: [255, 95, 0, 1],
           }),
         });
@@ -2848,7 +2848,7 @@ const layers = {
             color: context.createPattern(patternCanvas, 'repeat'),
           }),
           stroke: width === 0 ? undefined : new Stroke({
-            width: z < 2 ? 1 : z < 4 ? 2 : z <= 5 ? 4 : 8,
+            width: z < 4 ? .5 : z <= 5 ? 1 : 2,
             color: [255, 0, 197, 1],
           }),
         });
@@ -2902,7 +2902,7 @@ const layers = {
             color: context.createPattern(patternCanvas, 'repeat'),
           }),
           stroke: width === 0 ? undefined : new Stroke({
-            width: z < 2 ? 1 : z < 4 ? 2 : z <= 5 ? 4 : 8,
+            width: z < 4 ? .5 : z <= 5 ? 1 : 2,
             color: [255, 0, 197, 1],
           }),
         });