Начал переводить на consta UI

src/diagram.css

@@ -16,20 +16,6 @@
   max-width: 280px;
 }
 
-.diagram-toolbar button {
-  font: inherit;
-  padding: 6px 10px;
-  border: 1px solid #999;
-  border-radius: 4px;
-  background: canvas;
-  color: canvastext;
-  cursor: pointer;
-}
-
-.diagram-toolbar button:hover {
-  background: color-mix(in srgb, canvastext 8%, canvas);
-}
-
 /*
  * opacity/pointer-events, not display:none — hiding via display collapses the
  * handle to 0x0, and xyflow computes edge paths from the handle's actual
@@ -57,56 +43,6 @@
   z-index: 1000;
 }
 
-.diagram-mode-toggle {
-  display: flex;
-  border: 1px solid #999;
-  border-radius: 4px;
-  overflow: hidden;
-}
-
-.diagram-mode-toggle button {
-  font: inherit;
-  padding: 6px 10px;
-  border: none;
-  background: canvas;
-  color: canvastext;
-  cursor: pointer;
-}
-
-.diagram-mode-toggle button:disabled {
-  background: color-mix(in srgb, canvastext 12%, canvas);
-  font-weight: 600;
-  cursor: default;
-}
-
-.diagram-mode-toggle button:first-child {
-  border-right: 1px solid #999;
-}
-
-.diagram-breadcrumbs {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  font-size: 12px;
-}
-
-.diagram-breadcrumbs button {
-  font: inherit;
-  padding: 2px 6px;
-  border: none;
-  background: none;
-  color: inherit;
-  cursor: pointer;
-  text-decoration: underline;
-}
-
-.diagram-breadcrumbs button:disabled {
-  text-decoration: none;
-  cursor: default;
-  opacity: 0.9;
-  font-weight: 600;
-}
-
 .diagram-node {
   position: relative;
   width: 100%;
@@ -125,6 +61,7 @@
 }
 
 .diagram-node__label {
+  color: white;
   white-space: pre-wrap;
   overflow-wrap: break-word;
 }
@@ -205,6 +142,7 @@
 .diagram-node__icon {
   position: relative;
   display: inline-block;
+  color: white;
   font-size: 18px;
   font-weight: 700;
   line-height: 1;
@@ -257,89 +195,14 @@
   gap: 8px;
 }
 
-.node-inspector__toolbar button {
-  font: inherit;
-  padding: 6px 10px;
-  border: 1px solid #999;
-  border-radius: 4px;
-  background: canvas;
-  color: canvastext;
-  cursor: pointer;
-}
-
-.node-inspector__toolbar button:hover {
-  background: color-mix(in srgb, canvastext 8%, canvas);
-}
-
-.node-inspector__type {
-  font-weight: 600;
-}
-
-.node-inspector__id {
-  font-size: 11px;
-  opacity: 0.6;
-}
-
 .node-inspector__field {
   display: flex;
   flex-direction: column;
   gap: 4px;
-  font-size: 12px;
-}
-
-.node-inspector__field input,
-.node-inspector__field textarea,
-.node-inspector__field select {
-  font: inherit;
-  padding: 6px 8px;
-  border: 1px solid #999;
-  border-radius: 4px;
-  background: canvas;
-  color: canvastext;
-}
-
-.node-inspector__field--color {
-  flex-direction: row;
-  align-items: center;
-  gap: 8px;
-}
-
-.node-inspector__field--color input[type='color'] {
-  width: 36px;
-  height: 28px;
-  padding: 2px;
-  cursor: pointer;
-}
-
-.node-inspector__action {
-  font: inherit;
-  padding: 8px 10px;
-  border: 1px solid #999;
-  border-radius: 4px;
-  background: canvas;
-  color: canvastext;
-  cursor: pointer;
-  align-self: flex-start;
-}
-
-.node-inspector__action:hover {
-  background: color-mix(in srgb, canvastext 8%, canvas);
-}
-
-.node-inspector__hint {
-  font-size: 11px;
-  opacity: 0.7;
-}
-
-.node-inspector__label {
-  margin: 0;
-  font-size: 15px;
-  white-space: pre-wrap;
 }
 
+.node-inspector__label,
 .node-inspector__description {
-  margin: 0;
-  font-size: 13px;
   white-space: pre-wrap;
 }