fix(svg): stroke color grey when field is dark

* works also for pean/ counter-ermine, etc. Closes #6
blemoine · Mar 30, 2020 · f832b2e · f832b2e
1 parent 2d38962
commit f832b2e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/app/from-blason/__snapshots__/CoatsOfArmsDisplay.spec.tsx.snap b/src/app/from-blason/__snapshots__/CoatsOfArmsDisplay.spec.tsx.snap
@@ -1366,7 +1366,7 @@ exports[`CoatsOfArms should render 'Azure, two crosses moline counter ermine' 1`
         onClick={[Function]}
         onMouseDown={[Function]}
         onMouseUp={[Function]}
-        stroke="#000"
+        stroke="#777"
         strokeWidth={1}
         style={
           Object {
@@ -1380,7 +1380,7 @@ exports[`CoatsOfArms should render 'Azure, two crosses moline counter ermine' 1`
         onClick={[Function]}
         onMouseDown={[Function]}
         onMouseUp={[Function]}
-        stroke="#000"
+        stroke="#777"
         strokeWidth={1}
         style={
           Object {

diff --git a/src/app/from-blason/blason.helpers.ts b/src/app/from-blason/blason.helpers.ts
@@ -1,5 +1,5 @@
 import { Blason, SimpleBlason } from '../model/blason';
-import { areTinctureEquals, Furs, Tincture } from '../model/tincture';
+import { areTinctureEquals, Furs, isFur, Tincture } from '../model/tincture';
 import { cannotHappen } from '../../utils/cannot-happen';
 import { Charge } from '../model/charge';
 import { Field } from '../model/field';
@@ -98,5 +98,8 @@ export function isThereFur(blason: Blason, fur: Furs): boolean {
 }
 
 export function getStrokeColor(tincture: Tincture): string {
+  if (isFur(tincture)) {
+    return getStrokeColor(tincture.field);
+  }
   return tincture.name === 'sable' ? '#777' : '#000';
 }