@syncfusion/ej2-angular-diagrams 20.2.49-ngcc → 20.2.49

package/styles/diagram/_definition.scss

@@ -0,0 +1,77 @@
+// $diagram-endpoint-handle-color: #046ae5 ;
+// $diagram-endpoint-handle-connected-border: #0f0;
+// $diagram-endpoint-handle-connected-color: #0f0;;
+// $diagram-resize-handle-color: #046ae5 ;
+// $diagram-resize-handle-stroke: #046ae5 ;
+// $diagram-resize-handle-disable-color: #aaa;
+// $diagram-resize-handle-disable-stroke: #aaa;
+// $diagram-border-stroke-disabled: #aaa;
+// $diagram-rotate-handle-color: #046ae5 ;
+// $diagram-helper-stroke: #0e7490;
+// $diagram-border-stroke: #000;
+// $diagram-highlighter-stroke: #6a5acd ;
+// $diagram-selected-region-stroke: #046ae5;
+// $diagram-pivot-line-stroke: #ff8c00;
+// $diagram-text-edit-color: #f00;
+// $diagram-text-edit-selection-color: #fff;
+// $diagram-text-edit-selection-background: #aaa;
+// $diagram-text-edit-background: #ff0;
+// $diagram-symbolpalette-hover: #f00;
+// $diagram-symbolpalette-selected: #f00;
+// $diagram-symbolpalette-shape-radius: 00px;
+// $diagram-tooltip: none;
+// $diagram-ruler-color: #979797 ;
+// $diagram-ruler-font: Roboto-Regular;
+// $diagram-ruler-font-size: 10px;
+// $diagram-bezier-handle-color: #f00;
+// $diagram-bezier-line-color: #00f;
+// $diagram-ruler-marker-stroke: #0f0;
+// $diagram-ruler-marker-background-color: #ffa500;
+// $diagram-ruler-label-fill: #f00;
+// $diagram-ruler-tick-stroke: #0f0;
+// $diagram-background-color: #fff;
+// $diagram-editbox-background: #fff;
+// $diagram-editbox-font-color: #000;
+// $diagram-border-strokes: #000;
+// $diagram-lane-border-strokes: #0078ff;
+
+.e-icons {
+  font-family: 'e-icons';
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal;
+  line-height: 1;
+  text-transform: none;
+}
+
+@include export-module('diagram-definition-icons') {
+  .e-diagram-menu {
+    .e-bringforward::before { content: '\e574'; }
+    .e-bringfront::before { content: '\e575'; }
+    .e-sendback::before { content: '\e576'; }
+    .e-sendbackward::before { content: '\e577'; }
+    .e-delete::before { content: '\e578'; }
+    .e-ungroup::before { content: '\e579'; }
+    .e-group::before { content: '\e57a'; }
+    .e-undo::before { content: '\e57c'; }
+    .e-cut::before { content: '\e57d'; }
+    .e-save::before { content: '\e57e'; }
+    .e-paste::before { content: '\e57f'; }
+    .e-copy::before { content: '\e580'; }
+    .e-redo::before { content: '\e581'; }
+    .e-zoomin::before { content: '\e582'; }
+    .e-italic::before { content: '\e583'; }
+    .e-close::before { content: '\e584'; }
+    .e-pan::before { content: '\e585'; }
+    .e-bold::before { content: '\e586'; }
+    .e-underline::before { content: '\e587'; }
+    .e-zoomout::before { content: '\e588'; }
+    .e-export::before { content: '\e589'; }
+    .e-print::before { content: '\e58a'; }
+    .e-order::before { content: '\e58b'; }
+  }
+
+  .e-symbolpalette {
+    .e-clear-searchtext::before { content: '\e58c'; }
+  }
+}

package/styles/diagram/_fabric-dark-definition.scss

@@ -0,0 +1,99 @@
+@import 'definition.scss';
+
+$skin-name: 'fabric-dark';
+$diagram-endpoint-handle-color: $theme-primary-font;
+$diagram-endpoint-handle-connected-border: $theme-primary-font;
+$diagram-endpoint-handle-connected-color: $theme-primary;
+
+
+$diagram-resize-handle-color: $theme-primary;
+$diagram-resize-handle-stroke: $theme-primary;
+$diagram-border-stroke: $theme-primary;
+
+$diagram-resize-handle-disable-color: $neutral-tertiary;
+$diagram-resize-handle-disable-stroke: $theme-primary-font;
+$diagram-border-stroke-disabled: $neutral-secondary-alt;
+
+$diagram-rotate-handle-color: $theme-primary;
+
+$diagram-bezier-handle-color:  $theme-primary-font;
+$diagram-bezier-line-color: $theme-primary;
+
+$diagram-highlighter-stroke: $theme-primary;
+$diagram-selected-region-stroke: $theme-primary;
+$diagram-pivot-line-stroke: $theme-primary;
+
+
+$diagram-text-edit-selection-color: $theme-primary-font;
+$diagram-text-edit-selection-background: $theme-primary;
+
+$diagram-helper-stroke: $theme-primary;
+
+$diagram-symbolpalette-hover: $neutral-secondary-alt;
+$diagram-symbolpalette-shape-radius: 4px;
+$diagram-symbolpalette-selected: #4a4848;
+
+$diagram-tooltip: none;
+
+$diagram-ruler-color: $neutral-tertiary;
+$diagram-ruler-font-size: 10px;
+$diagram-ruler-marker-stroke: $theme-primary;
+$diagram-ruler-marker-background-color: $neutral-lighter;
+$diagram-ruler-label-fill:  $neutral-secondary;
+$diagram-ruler-tick-stroke: $neutral-tertiary;
+
+$diagram-background-color: $theme-primary-font;
+
+$palette-background-color: $neutral-secondary;
+
+$diagram-editbox-background: $theme-primary-font;
+$diagram-editbox-fontcolor: $theme-light-font;
+$diagram-border-stroke-width: 2;
+$diagram-lane-border-stroke-width: 2;
+$diagram-highlighter-border-stroke-width: 2;
+$diagram-border-strokes: $theme-primary;
+$diagram-lane-border-strokes: $theme-primary;
+
+$diagram-multiselect-stroke: $diagram-resize-handle-stroke;
+
+.e-icons {
+  font-family: 'e-icons';
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal;
+  line-height: 1;
+  text-transform: none;
+}
+
+
+@include export-module('diagram-fabric-icons') {
+  .e-diagram-menu {
+    .e-bringforward::before { content: '\e5a1'; }
+    .e-bringfront::before { content: '\e5a2'; }
+    .e-sendback::before { content: '\e5a3'; }
+    .e-sendbackward::before { content: '\e5a4'; }
+    .e-delete::before { content: '\ebf5'; }
+    .e-ungroup::before { content: '\e5a6'; }
+    .e-group::before { content: '\e5a7'; }
+    .e-undo::before { content: '\e341'; }
+    .e-redo::before { content: '\e354'; }
+    .e-copy::before { content: '\e33d'; }
+    .e-cut::before { content: '\e33b'; }
+    .e-save::before { content: '\e954'; }
+    .e-paste::before { content: '\e355'; }
+    .e-zoomin::before { content: '\e349'; }
+    .e-italic::before { content: '\e35a'; }
+    .e-close::before { content: '\e60a'; }
+    .e-pan::before { content: '\ebf3'; }
+    .e-bold::before { content: '\eb77'; }
+    .e-underline::before { content: '\ebf0'; }
+    .e-zoomout::before { content: '\e351'; }
+    .e-export::before { content: '\e70f'; }
+    .e-print::before { content: '\e34b'; }
+    .e-order::before { content: '\e4a4'; }
+  }
+
+  .e-symbolpalette {
+    .e-clear-searchtext::before { content: '\e60a'; }
+  }
+}

package/styles/diagram/_fabric-definition.scss

@@ -0,0 +1,99 @@
+@import 'definition.scss';
+
+$skin-name: 'fabric';
+$diagram-endpoint-handle-color: $theme-primary-font;
+$diagram-endpoint-handle-connected-border: $theme-primary-font;
+$diagram-endpoint-handle-connected-color: $theme-primary;
+
+
+$diagram-resize-handle-color: $theme-primary;
+$diagram-resize-handle-stroke: $theme-primary;
+$diagram-border-stroke: $theme-primary;
+
+$diagram-resize-handle-disable-color: $neutral-tertiary;
+$diagram-resize-handle-disable-stroke: $theme-primary-font;
+$diagram-border-stroke-disabled: $neutral-tertiary;
+
+$diagram-rotate-handle-color: $theme-primary;
+
+$diagram-bezier-handle-color:  $theme-primary-font;
+$diagram-bezier-line-color: $theme-primary;
+
+$diagram-highlighter-stroke: $theme-primary;
+$diagram-selected-region-stroke: $theme-primary;
+$diagram-pivot-line-stroke: $theme-primary;
+
+$diagram-helper-stroke: $theme-primary;
+
+
+$diagram-text-edit-selection-color: $theme-primary-font;
+$diagram-text-edit-selection-background: $theme-primary;
+
+$diagram-symbolpalette-hover: $neutral-light;
+$diagram-symbolpalette-shape-radius: 4px;
+$diagram-symbolpalette-selected: $neutral-tertiary-alt;
+
+$diagram-tooltip: none;
+
+$palette-background-color: #fff;
+
+$diagram-ruler-color: $neutral-tertiary;
+$diagram-ruler-font-size: 10px;
+$diagram-ruler-marker-stroke: $theme-primary;
+$diagram-ruler-marker-background-color: $neutral-lighter-alt;
+$diagram-ruler-label-fill:  $neutral-secondary-alt;
+$diagram-ruler-tick-stroke: $neutral-tertiary-alt;
+
+$diagram-background-color: $theme-primary-font;
+
+$diagram-editbox-background: $theme-primary-font;
+$diagram-editbox-fontcolor: $neutral-black;
+$diagram-border-stroke-width: 2;
+$diagram-lane-border-stroke-width: 2;
+$diagram-highlighter-border-stroke-width: 2;
+$diagram-border-strokes: $theme-primary;
+$diagram-lane-border-strokes: $theme-primary;
+
+$diagram-multiselect-stroke: $diagram-resize-handle-stroke;
+
+.e-icons {
+  font-family: 'e-icons';
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal;
+  line-height: 1;
+  text-transform: none;
+}
+
+
+@include export-module('diagram-fabric-icons') {
+  .e-diagram-menu {
+    .e-bringforward::before { content: '\e5a1'; }
+    .e-bringfront::before { content: '\e5a2'; }
+    .e-sendback::before { content: '\e5a3'; }
+    .e-sendbackward::before { content: '\e5a4'; }
+    .e-delete::before { content: '\ebf5'; }
+    .e-ungroup::before { content: '\e5a6'; }
+    .e-group::before { content: '\e5a7'; }
+    .e-undo::before { content: '\e341'; }
+    .e-redo::before { content: '\e354'; }
+    .e-copy::before { content: '\e33d'; }
+    .e-cut::before { content: '\e33b'; }
+    .e-save::before { content: '\e954'; }
+    .e-paste::before { content: '\e355'; }
+    .e-zoomin::before { content: '\e349'; }
+    .e-italic::before { content: '\e35a'; }
+    .e-close::before { content: '\e60a'; }
+    .e-pan::before { content: '\ebf3'; }
+    .e-bold::before { content: '\eb77'; }
+    .e-underline::before { content: '\ebf0'; }
+    .e-zoomout::before { content: '\e351'; }
+    .e-export::before { content: '\e70f'; }
+    .e-print::before { content: '\e34b'; }
+    .e-order::before { content: '\e4a4'; }
+  }
+
+  .e-symbolpalette {
+    .e-clear-searchtext::before { content: '\e60a'; }
+  }
+}

package/styles/diagram/_fluent-dark-definition.scss

@@ -0,0 +1 @@
+@import './fluent-definition.scss';

package/styles/diagram/_fluent-definition.scss

@@ -0,0 +1,99 @@
+@import 'definition.scss';
+
+$skin-name: 'FluentUI';
+//layout variables
+$diagram-border-stroke-width: 2;
+$diagram-lane-border-stroke-width: 2;
+$diagram-highlighter-border-stroke-width: 2;
+$diagram-symbolpalette-shape-radius: 00px;
+$diagram-tooltip: none;
+//normal
+$diagram-endpoint-handle-color: $white;
+$diagram-endpoint-handle-connected-border: $white;
+
+$diagram-resize-handle-disable-color: $content-bg-color-alt5;
+$diagram-border-stroke-disabled: $content-bg-color-alt5;
+$diagram-resize-handle-disable-stroke: $white;
+$diagram-rotate-handle-color: $primary;
+$diagram-bezier-handle-color: $white;
+
+$diagram-symbolpalette-hover: $diagram-palette-hover-background;
+$diagram-symbolpalette-selected: $diagram-palette-hover-background;
+
+$diagram-ruler-color: $content-text-color-alt2;
+$diagram-ruler-font-size: $text-xxs;
+$diagram-ruler-marker-background-color: $content-bg-color-alt1;
+$diagram-ruler-label-fill: $content-text-color-alt3;
+$diagram-ruler-tick-stroke: $border-dark;
+
+$palette-background-color: $diagram-palette-background;
+
+$diagram-background-color: $white;
+$diagram-editbox-fontcolor: $black;
+//end normal
+//primary
+$diagram-endpoint-handle-connected-color: $primary;
+
+$diagram-resize-handle-color: $primary;
+$diagram-resize-handle-stroke: $primary;
+
+$diagram-border-stroke: $primary;
+$diagram-bezier-line-color: $primary;
+
+$diagram-highlighter-stroke: $primary;
+$diagram-selected-region-stroke: $primary;
+$diagram-pivot-line-stroke: $primary;
+$diagram-ruler-marker-stroke: $primary;
+
+$diagram-helper-stroke: $primary;
+
+$diagram-text-edit-selection-background: $primary;
+$diagram-editbox-background: $primary-text-color;
+
+$diagram-border-strokes: $primary;
+$diagram-lane-border-strokes: $primary;
+$diagram-text-edit-selection-color: $primary-text-color;
+
+$diagram-multiselect-stroke: $diagram-resize-handle-stroke;
+//end primary
+
+.e-icons {
+  font-family: 'e-icons';
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal;
+  line-height: 1;
+  text-transform: none;
+}
+
+@include export-module('diagram-bootstrap-icons') {
+  .e-diagram-menu {
+    .e-bringforward::before { content: '\e7f2'; }
+    .e-bringfront::before { content: '\e7f0'; }
+    .e-sendback::before { content: '\e7ef'; }
+    .e-sendbackward::before { content: '\e7f1'; }
+    .e-delete::before { content: '\e75b'; }
+    .e-ungroup::before { content: '\e737'; }
+    .e-group::before { content: '\e78b'; }
+    .e-undo::before { content: '\e7b5'; }
+    .e-redo::before { content: '\e7b6'; }
+    .e-copy::before { content: '\e7b3'; }
+    .e-cut::before { content: '\e7b2'; }
+    .e-save::before { content: '\e7bf'; }
+    .e-paste::before { content: '\e7b4'; }
+    .e-zoomin::before { content: '\e7ab'; }
+    .e-italic::before { content: '\e7a6'; }
+    .e-close::before { content: '\e74f'; }
+    .e-pan::before { content: '\e7c6'; }
+    .e-bold::before { content: '\e7a5'; }
+    .e-underline::before { content: '\e7a7'; }
+    .e-zoomout::before { content: '\e7ac'; }
+    .e-export::before { content: '\e711'; }
+    .e-print::before { content: '\e7bd'; }
+    .e-order::before { content: '\e7f3'; }
+}
+
+  .e-symbolpalette {
+    .e-clear-searchtext::before { content: '\e754'; }
+}
+}

package/styles/diagram/_fusionnew-definition.scss

@@ -0,0 +1,99 @@
+@import 'definition.scss';
+
+$skin-name: 'bootstrap5';
+//layout variables
+$diagram-border-stroke-width: 2;
+$diagram-lane-border-stroke-width: 2;
+$diagram-highlighter-border-stroke-width: 2;
+$diagram-symbolpalette-shape-radius: 00px;
+$diagram-tooltip: none;
+//normal
+$diagram-endpoint-handle-color: $white;
+$diagram-endpoint-handle-connected-border: $white;
+
+$diagram-resize-handle-disable-color: $content-bg-color-alt5;
+$diagram-border-stroke-disabled: $content-bg-color-alt5;
+$diagram-resize-handle-disable-stroke: $white;
+$diagram-rotate-handle-color: $primary;
+$diagram-bezier-handle-color: $white;
+
+$diagram-symbolpalette-hover: $diagram-palette-hover-background;
+$diagram-symbolpalette-selected: $diagram-palette-hover-background;
+
+$diagram-ruler-color: $content-text-color-alt2;
+$diagram-ruler-font-size: $text-xxs;
+$diagram-ruler-marker-background-color: $content-bg-color-alt1;
+$diagram-ruler-label-fill: $content-text-color-alt2;
+$diagram-ruler-tick-stroke: $series-3;
+
+$palette-background-color: $diagram-palette-background;
+
+$diagram-background-color: $white;
+$diagram-editbox-fontcolor: $black;
+//end normal
+//primary
+$diagram-endpoint-handle-connected-color: $primary;
+
+$diagram-resize-handle-color: $primary;
+$diagram-resize-handle-stroke: $primary;
+
+$diagram-border-stroke: $primary;
+$diagram-bezier-line-color: $primary;
+
+$diagram-highlighter-stroke: $primary;
+$diagram-selected-region-stroke: $primary;
+$diagram-pivot-line-stroke: $primary;
+$diagram-ruler-marker-stroke: $primary;
+
+$diagram-helper-stroke: $primary;
+
+$diagram-text-edit-selection-background: $primary;
+$diagram-editbox-background: $primary-text-color;
+
+$diagram-border-strokes: $primary;
+$diagram-lane-border-strokes: $primary;
+$diagram-text-edit-selection-color: $primary-text-color;
+
+$diagram-multiselect-stroke: $diagram-resize-handle-stroke;
+//end primary
+
+.e-icons {
+  font-family: 'e-icons';
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal;
+  line-height: 1;
+  text-transform: none;
+}
+
+@include export-module('diagram-bootstrap-icons') {
+  .e-diagram-menu {
+    .e-bringforward::before { content: '\e72f'; }
+    .e-bringfront::before { content: '\e840'; }
+    .e-sendback::before { content: '\e78a'; }
+    .e-sendbackward::before { content: '\e7ed'; }
+    .e-delete::before { content: '\e94a'; }
+    .e-ungroup::before { content: '\e749'; }
+    .e-group::before { content: '\e7f4'; }
+    .e-undo::before { content: '\e713'; }
+    .e-redo::before { content: '\e755'; }
+    .e-copy::before { content: '\e77c'; }
+    .e-cut::before { content: '\e7fb'; }
+    .e-save::before { content: '\e7c8'; }
+    .e-paste::before { content: '\e70b'; }
+    .e-zoomin::before { content: '\e795'; }
+    .e-italic::before { content: '\e75a'; }
+    .e-close::before { content: '\e7e7'; }
+    .e-pan::before { content: '\e7b1'; }
+    .e-bold::before { content: '\e737'; }
+    .e-underline::before { content: '\e82f'; }
+    .e-zoomout::before { content: '\e825'; }
+    .e-export::before { content: '\e72e'; }
+    .e-print::before { content: '\e75d'; }
+    .e-order::before { content: '\e809'; }
+}
+
+  .e-symbolpalette {
+    .e-clear-searchtext::before { content: '\e754'; }
+}
+}

package/styles/diagram/_highcontrast-definition.scss

@@ -0,0 +1,106 @@
+@import 'definition.scss';
+
+$skin-name: 'highcontrast';
+$hc-theme-primary: #ffd939;
+$hc-theme-dark-font: #fff;
+$hc-theme-dark: rgb(0, 90, 158);
+$hc-neutral-tertiary: rgb(166, 166, 166);
+$hc-grey-dark-font: #fff;
+$hc-neutral-light: rgb(234, 234, 234);
+$hc-theme-light: rgb(199, 224, 244);
+$hc-theme-secondary: #2b88d8;
+$hc-neutral-secondary-alt: #767676;
+
+$diagram-endpoint-handle-color: $content-font;
+$diagram-endpoint-handle-connected-border: $content-font;
+$diagram-endpoint-handle-connected-color: $selection-bg;
+
+$diagram-resize-handle-color: $selection-bg;
+$diagram-resize-handle-stroke: $selection-bg;
+$diagram-border-stroke: $selection-bg;
+
+$diagram-resize-handle-disable-color: $disable;
+$diagram-resize-handle-disable-stroke: $disable;
+$diagram-border-stroke-disabled: $disable;
+
+$diagram-rotate-handle-color: $selection-bg;
+
+$diagram-bezier-handle-color: $content-font;
+$diagram-bezier-line-color: $selection-bg;
+
+$diagram-highlighter-stroke: $selection-bg;
+$diagram-selected-region-stroke: $selection-bg;
+$diagram-pivot-line-stroke: $selection-bg;
+
+$diagram-helper-stroke: $selection-bg;
+
+$diagram-text-edit-selection-color: $selection-font;
+$diagram-text-edit-selection-background: $selection-bg;
+
+$diagram-symbolpalette-hover: $bg-base-0;
+$diagram-symbolpalette-shape-radius: 00px;
+$diagram-symbolpalette-selected: $selection-bg;
+
+$diagram-tooltip: none;
+
+$diagram-ruler-color: $border-fg-alt;
+$diagram-ruler-font-size: 10px;
+$diagram-ruler-marker-stroke: $hc-theme-primary;
+$diagram-ruler-marker-background-color: $bg-base-0;
+$diagram-ruler-label-fill:  $content-font;
+$diagram-ruler-tick-stroke: $content-font;
+
+$palette-background-color: darken($bg-base-100, 20%);
+
+$diagram-background-color: #fff;
+
+$diagram-editbox-background: #fff;
+$diagram-editbox-fontcolor: $selection-font;
+$diagram-border-stroke-width: 2;
+$diagram-lane-border-stroke-width: 2;
+$diagram-highlighter-border-stroke-width: 2;
+$diagram-border-strokes: $selection-bg;
+$diagram-lane-border-strokes: #0078ff;
+
+$diagram-multiselect-stroke: $diagram-resize-handle-stroke;
+
+.e-icons {
+  font-family: 'e-icons';
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal;
+  line-height: 1;
+  text-transform: none;
+}
+
+@include export-module('diagram-highcontrast-icons') {
+  .e-diagram-menu {
+    .e-bringforward::before { content: '\e5a1'; }
+    .e-bringfront::before { content: '\e5a2'; }
+    .e-sendback::before { content: '\e5a3'; }
+    .e-sendbackward::before { content: '\e5a4'; }
+    .e-delete::before { content: '\eb00'; }
+    .e-ungroup::before { content: '\e5a6'; }
+    .e-group::before { content: '\e5a7'; }
+    .e-undo::before { content: '\e341'; }
+    .e-cut::before { content: '\e33b'; }
+    .e-save::before { content: '\e954'; }
+    .e-paste::before { content: '\e355'; }
+    .e-copy::before { content: '\e33d'; }
+    .e-redo::before { content: '\e354'; }
+    .e-zoomin::before { content: '\e349'; }
+    .e-italic::before { content: '\e35a'; }
+    .e-close::before { content: '\e7fc'; }
+    .e-pan::before { content: '\ebf3'; }
+    .e-bold::before { content: '\eb77'; }
+    .e-underline::before { content: '\e343'; }
+    .e-zoomout::before { content: '\e351'; }
+    .e-export::before { content: '\e70f'; }
+    .e-print::before { content: '\e34b'; }
+    .e-order::before { content: '\e4a4'; }
+  }
+
+  .e-symbolpalette {
+    .e-clear-searchtext::before { content: '\e7fc'; }
+  }
+}

package/styles/diagram/_highcontrast-light-definition.scss

@@ -0,0 +1,105 @@
+@import 'definition.scss';
+
+$hc-theme-primary: rgb(0, 120, 215);
+$hc-theme-dark-font: #fff;
+$hc-theme-dark: rgb(0, 90, 158);
+$hc-neutral-tertiary: rgb(166, 166, 166);
+$hc-grey-dark-font: #fff;
+$hc-neutral-light: rgb(234, 234, 234);
+$hc-theme-light: rgb(199, 224, 244);
+$hc-theme-secondary: #2b88d8;
+$hc-neutral-secondary-alt: #767676;
+
+$diagram-endpoint-handle-color: $hc-theme-primary;
+$diagram-endpoint-handle-connected-border: $hc-theme-primary;
+$diagram-endpoint-handle-connected-color: $hc-theme-dark-font;
+
+$diagram-resize-handle-color: $hc-theme-primary;
+$diagram-resize-handle-stroke: $hc-theme-dark-font;
+$diagram-border-stroke: $hc-theme-dark;
+
+$palette-background-color: #fff;
+
+$diagram-resize-handle-disable-color: $hc-neutral-tertiary;
+$diagram-resize-handle-disable-stroke: $hc-grey-dark-font;
+$diagram-border-stroke-disabled: $hc-neutral-tertiary;
+
+$diagram-rotate-handle-color: #000;
+
+$diagram-bezier-handle-color: $hc-theme-dark;
+$diagram-bezier-line-color: $hc-theme-dark;
+
+$diagram-highlighter-stroke: $hc-theme-dark;
+$diagram-selected-region-stroke: $hc-theme-primary;
+$diagram-pivot-line-stroke: $hc-theme-primary;
+
+$diagram-helper-stroke: $hc-theme-dark;
+
+$diagram-text-edit-selection-color: $hc-theme-dark-font;
+$diagram-text-edit-selection-background: $hc-theme-primary;
+
+$diagram-symbolpalette-hover: #685708;
+$diagram-symbolpalette-shape-radius: 4px;
+$diagram-symbolpalette-selected: $hc-theme-light;
+
+$diagram-tooltip: none;
+
+$diagram-ruler-color: $hc-neutral-tertiary;
+$diagram-ruler-font-size: 10px;
+$diagram-ruler-marker-stroke: $hc-theme-primary;
+$diagram-ruler-marker-background-color: $hc-grey-dark-font;
+$diagram-ruler-label-fill:  $hc-neutral-tertiary;
+$diagram-ruler-tick-stroke: $hc-neutral-secondary-alt;
+
+$diagram-background-color: #fff;
+
+$diagram-editbox-background: #fff;
+$diagram-editbox-fontcolor: #000;
+$diagram-border-stroke-width: 2;
+$diagram-lane-border-stroke-width: 2;
+$diagram-highlighter-border-stroke-width: 2;
+$diagram-border-strokes: $hc-theme-dark;
+$diagram-lane-border-strokes: #0078ff;
+
+$diagram-multiselect-stroke: $diagram-resize-handle-stroke;
+
+.e-icons {
+  font-family: 'e-icons';
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal;
+  line-height: 1;
+  text-transform: none;
+}
+
+@include export-module('diagram-highcontrast-icons') {
+  .e-diagram-menu {
+    .e-bringforward::before { content: '\e5a1'; }
+    .e-bringfront::before { content: '\e5a2'; }
+    .e-sendback::before { content: '\e5a3'; }
+    .e-sendbackward::before { content: '\e5a4'; }
+    .e-delete::before { content: '\eb00'; }
+    .e-ungroup::before { content: '\e5a6'; }
+    .e-group::before { content: '\e5a7'; }
+    .e-undo::before { content: '\e341'; }
+    .e-cut::before { content: '\e33b'; }
+    .e-save::before { content: '\e954'; }
+    .e-paste::before { content: '\e355'; }
+    .e-copy::before { content: '\e33d'; }
+    .e-redo::before { content: '\e354'; }
+    .e-zoomin::before { content: '\e349'; }
+    .e-italic::before { content: '\e35a'; }
+    .e-close::before { content: '\e7fc'; }
+    .e-pan::before { content: '\ebf3'; }
+    .e-bold::before { content: '\eb77'; }
+    .e-underline::before { content: '\e343'; }
+    .e-zoomout::before { content: '\e351'; }
+    .e-export::before { content: '\e70f'; }
+    .e-print::before { content: '\e34b'; }
+    .e-order::before { content: '\e4a4'; }
+  }
+
+  .e-symbolpalette {
+    .e-clear-searchtext::before { content: '\e7fc'; }
+  }
+}