Приводил к стилу consta UI

src/diagram.css

@@ -48,8 +48,6 @@
   width: 100%;
   height: 100%;
   padding: 6px 10px;
-  border: 1px solid #555;
-  border-radius: 6px;
   background: canvas;
   color: canvastext;
   font-size: 12px;
@@ -61,7 +59,6 @@
 }
 
 .diagram-node__label {
-  color: white;
   white-space: pre-wrap;
   overflow-wrap: break-word;
 }
@@ -90,9 +87,7 @@
   transform: translateX(-50%);
   margin-top: 4px;
   max-width: 120px;
-  font-size: 11px;
   text-align: center;
-  color: canvastext;
   white-space: pre-wrap;
 }
 
@@ -101,26 +96,6 @@
   border-radius: 50%;
 }
 
-.diagram-node--startEvent {
-  border-width: 1px;
-}
-
-.diagram-node--endEvent {
-  border-width: 3px;
-}
-
-.diagram-node--intermediateEvent {
-  border-width: 1px;
-}
-
-.diagram-node--intermediateEvent::after {
-  content: '';
-  position: absolute;
-  inset: 3px;
-  border: 1px solid #555;
-  border-radius: 50%;
-}
-
 .diagram-node--gateway-outer {
   position: relative;
   width: 100%;
@@ -134,8 +109,6 @@
 .diagram-node--diamond-bg {
   position: absolute;
   inset: 0;
-  border: 1px solid #555;
-  box-sizing: border-box;
   clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
 }
 
@@ -201,6 +174,30 @@
   gap: 4px;
 }
 
+.node-inspector__presets {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+}
+
+.node-inspector__preset {
+  width: 22px;
+  height: 22px;
+  padding: 0;
+  border: 1px solid color-mix(in srgb, canvastext 25%, transparent);
+  border-radius: 50%;
+  cursor: pointer;
+}
+
+.node-inspector__preset--active {
+  outline: 2px solid canvastext;
+  outline-offset: 2px;
+}
+
+.node-inspector__color-trigger {
+  align-self: flex-start;
+}
+
 .node-inspector__label,
 .node-inspector__description {
   white-space: pre-wrap;