diff --git a/app/components/architecture-visualisation-cytoscape/style.js b/app/components/architecture-visualisation-cytoscape/style.js index cf1c54b1697f95e5be68ad411e696a0d0e80a528..cd7a29f10e1bdfa7ddcfa102127f47e083ef1bd9 100644 --- a/app/components/architecture-visualisation-cytoscape/style.js +++ b/app/components/architecture-visualisation-cytoscape/style.js @@ -48,7 +48,7 @@ $node > node { /* compounds. "Nodes" in meta model. $ selects the parent node th [type="serviceInstance"] { background-color: ${variables.serviceColor}; color: ${variables.serviceTextColor}; - border-color: ${variables.serviceBordertColor}; + border-color: ${variables.serviceBorderColor}; border-style: solid; border-opacity: 1; font-weight: bold; diff --git a/app/components/architecture-visualisation-cytoscape/themes.js b/app/components/architecture-visualisation-cytoscape/themes.js index 9dccc0d06423c722514afd60890abb4995564eea..c98dc909a362216bb84a80388829bdfa5a2f0c01 100644 --- a/app/components/architecture-visualisation-cytoscape/themes.js +++ b/app/components/architecture-visualisation-cytoscape/themes.js @@ -6,8 +6,8 @@ export default { nodeTextColor : '#333399', nodeColor : 'white', nodeBorderColor : '#333399', - serviceTextColor : 'white', - serviceColor : '#333399', + serviceTextColor : '#333399', + serviceColor : 'white', serviceBorderColor : '#333399', arrowBorderColor : '#333399', arrowColor : '#333399', @@ -82,5 +82,19 @@ export default { arrowBorderColor : '#89888C', arrowColor : '#89888C', arrowLabelColor: '#403E21' + }, + 'explorviz' :{ + nodeGroupTextColor : 'black', + nodeGroupColor : '#c7c7c7', + nodeGroupBorderColor : '#c7c7c7', + nodeTextColor : 'black', + nodeColor : '#00bb41', + nodeBorderColor : '#00bb41', + serviceTextColor : 'white', + serviceColor : '#613eb4', + serviceBorderColor : '#613eb4', + arrowBorderColor : '#f2901c', + arrowColor : '#f2901c', + arrowLabelColor: 'black' } };