feat: change default black to off black

Related to https://github.com/bpmn-io/diagram-js/issues/571
This commit is contained in:
Philipp 2022-05-19 16:12:38 +02:00 committed by Niklas Kiefer
parent 4ccf488a9f
commit b3db78cbfe
3 changed files with 14 additions and 10 deletions

View File

@ -14,6 +14,8 @@ import {
// re-export getDi for compatibility
export { getDi };
export var black = 'hsl(225, 10%, 15%)';
// element utils //////////////////////
/**
@ -64,7 +66,7 @@ export function getFillColor(element, defaultColor) {
export function getStrokeColor(element, defaultColor) {
var di = getDi(element);
return di.get('color:border-color') || di.get('bioc:stroke') || defaultColor || 'black';
return di.get('color:border-color') || di.get('bioc:stroke') || defaultColor || black;
}
export function getLabelColor(element, defaultColor, defaultStrokeColor) {

View File

@ -57,6 +57,8 @@ import {
import Ids from 'ids';
import { black } from './BpmnRenderUtil';
var RENDERER_IDS = new Ids();
var TASK_BORDER_RADIUS = 10;
@ -85,7 +87,7 @@ export default function BpmnRenderer(
function addMarker(id, options) {
var attrs = assign({
fill: 'black',
fill: black,
strokeWidth: 1,
strokeLinecap: 'round',
strokeDasharray: 'none'
@ -264,7 +266,7 @@ export default function BpmnRenderer(
offset = offset || 0;
attrs = computeStyle(attrs, {
stroke: 'black',
stroke: black,
strokeWidth: 2,
fill: 'white'
});
@ -299,7 +301,7 @@ export default function BpmnRenderer(
offset = offset || 0;
attrs = computeStyle(attrs, {
stroke: 'black',
stroke: black,
strokeWidth: 2,
fill: 'white'
});
@ -332,7 +334,7 @@ export default function BpmnRenderer(
}).join(' ');
attrs = computeStyle(attrs, {
stroke: 'black',
stroke: black,
strokeWidth: 2,
fill: 'white'
});
@ -350,7 +352,7 @@ export default function BpmnRenderer(
function drawLine(parentGfx, waypoints, attrs) {
attrs = computeStyle(attrs, [ 'no-fill' ], {
stroke: 'black',
stroke: black,
strokeWidth: 2,
fill: 'none'
});
@ -366,7 +368,7 @@ export default function BpmnRenderer(
attrs = computeStyle(attrs, [ 'no-fill' ], {
strokeWidth: 2,
stroke: 'black'
stroke: black
});
var path = svgCreate('path');
@ -1471,7 +1473,7 @@ export default function BpmnRenderer(
if (di.messageVisibleKind === 'initiating') {
messageAttrs.fill = 'white';
messageAttrs.stroke = 'black';
messageAttrs.stroke = black;
} else {
messageAttrs.fill = '#888';
messageAttrs.stroke = 'white';
@ -1546,7 +1548,7 @@ export default function BpmnRenderer(
/* output arrow path */ drawPath(parentGfx, arrowPathData, {
strokeWidth: 1,
fill: 'black'
fill: black
});
return elementObject;

View File

@ -333,7 +333,7 @@ describe('draw - bpmn renderer', function() {
var svg = canvas._svg;
var markers = svg.querySelectorAll('marker');
expect(markers[0].id).to.match(/^sequenceflow-end-white-black-[A-Za-z0-9]+$/);
expect(markers[0].id).to.match(/^sequenceflow-end-white-hsl_225_10_15_-[A-Za-z0-9]+$/);
})();
});
});