.bf-app {
  /* Цвет заднего фона диаграммы */
  --diagram-area-background: transparent;
  /* Цвет сетки диаграммы */
  --diagram-area-lines: var(--opacity-separator);

  /* Цвет заднего фона узла (в обычном состоянии) */
  --diagram-node-background: var(--functional-popup-bg);
  /* Цвет заднего фона треугольника стрелки и крестика на стрелке */
  --diagram-connect-background: var(--functional-popup-bg);

  /* Цвет текста названия узла */
  --diagram-node-text-primary: var(--opacity-text);
  /* Цвет дополнительного текста узла */
  --diagram-node-text-secondary: var(--opacity-text_secondary);
  /* Цвет текста заметки */
  --diagram-note-text: var(--opacity-text);

  /* Цвет стрелки */
  --diagram-arrow: var(--neutral-5);
  /* Цвет стрелки при наведении */
  --diagram-arrow-hover: var(--primary-default);

  /* Цвет крестика на стрелке */
  --diagram-remove-connection: var(--primary-default);
}