@syncfusion/ej2-angular-documenteditor 20.4.54 → 21.1.35-ngcc

package/styles/document-editor-container/bootstrap.css

@@ -532,7 +532,7 @@
 }
 
 .e-de-statusbar-pageweb {
-  background-color: #f8f8f8;
+  background: #f8f8f8;
   border: 0;
   box-shadow: none;
   float: right;
@@ -562,12 +562,22 @@
   margin-top: -6px;
 }
 
+.e-listview .e-list-icon {
+  height: 24px;
+  width: 16px;
+  margin-right: 12px;
+}
+
+.e-de-listview-icon {
+  line-height: 22px;
+}
+
 .e-de-linespacing {
   margin-top: 6px;
 }
 
 .e-de-statusbar-zoom {
-  background-color: #f8f8f8;
+  background: #f8f8f8;
   border: 0;
   color: #333;
   float: right;
@@ -675,7 +685,7 @@
 
 .e-de-tool-ctnr-properties-pane,
 .e-de-ctnr-properties-pane {
-  background-color: #f8f8f8;
+  background: #f8f8f8;
   border-bottom: 1px solid #ccc;
   border-top: 1px solid #ccc;
 }
@@ -785,7 +795,7 @@
   margin: 0 5.5px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-start {
-  margin-left: 12px;
+  margin-left: 12px !important;
   margin-right: 6px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-middle {
@@ -801,20 +811,23 @@
 }
 
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn {
+  -ms-flex-direction: column;
+      flex-direction: column;
+  height: calc(100% - 10px);
   padding: 0 1px;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:focus {
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:active {
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:hover {
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text {
@@ -843,7 +856,7 @@
 }
 
 .e-de-ctnr-properties-pane-btn .e-btn {
-  background-color: #f8f8f8;
+  background: #f8f8f8;
   border-radius: 0;
   box-shadow: none;
   color: #317ab9;
@@ -885,6 +898,7 @@
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-btn-icon,
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon {
   padding: 0 !important;
+  min-height: 16px;
 }
 
 .e-de-hdr-ftr-frst-div {
@@ -1240,8 +1254,8 @@
   border: 1px solid #ccc;
   color: #333;
   height: 129px;
-  margin-left: 78px;
   width: 94px;
+  margin-left: 78px;
 }
 
 .e-de-toc-template1.e-de-rtl {
@@ -1296,7 +1310,7 @@
 }
 
 .e-de-status-bar {
-  background-color: #f8f8f8;
+  background: #f8f8f8;
   display: -ms-flexbox;
   display: flex;
   padding-top: 2.5px;
@@ -1429,8 +1443,8 @@
 }
 
 .e-de-grp-btn-ctnr .e-de-ctnr-group-btn > button {
-  height: 38px;
   width: 38px;
+  height: 38px;
 }
 
 .e-bigger .e-de-grp-btn-ctnr .e-de-ctnr-group-btn > button {
@@ -1442,6 +1456,15 @@
   width: 70px;
 }
 
+.e-rtl .e-listview .e-list-icon {
+  height: 24px;
+  width: 16px;
+  margin-left: 12px;
+}
+.e-rtl .e-de-listview-icon {
+  line-height: 22px;
+}
+
 .e-bigger .de-split-button > div:first-child {
   margin-right: 16px;
 }
@@ -1563,7 +1586,7 @@
   margin: 0 7.5px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-start {
-  margin-left: 16px;
+  margin-left: 16px !important;
   margin-right: 8px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-middle {
@@ -1611,7 +1634,7 @@
   width: 75px;
 }
 .e-bigger .e-de-ctnr-properties-pane-btn .e-btn {
-  background-color: #f8f8f8;
+  background: #f8f8f8;
   border-radius: 0;
   box-shadow: none;
   min-height: 100%;
@@ -1639,7 +1662,7 @@
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text {
   display: table;
-  font-size: 12px;
+  font-size: 12px !important;
   margin: 0 6px;
   padding: 0;
   white-space: normal;
@@ -1802,6 +1825,22 @@
   height: 0;
   line-height: 0;
 }
+.e-bigger .e-listview .e-list-icon {
+  height: 24px;
+  width: 16px;
+  margin-right: 16px;
+}
+.e-bigger .e-de-listview-icon {
+  line-height: 22px;
+}
+.e-bigger .e-rtl .e-listview .e-list-icon {
+  height: 24px;
+  width: 16px;
+  margin-left: 16px;
+}
+.e-bigger .e-rtl .e-de-listview-icon {
+  line-height: 22px;
+}
 
 .e-de-ctn .e-de-bzr-button {
   font-size: 12px;

package/styles/document-editor-container/bootstrap.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/bootstrap-definition.scss';
-@import '../document-editor/bootstrap-definition.scss';
-@import 'bootstrap-definition.scss';
-@import 'icons/bootstrap.scss';
-@import 'all.scss';
+@import 'ej2-documenteditor/styles/document-editor-container/bootstrap.scss';

package/styles/document-editor-container/bootstrap4.css

@@ -532,7 +532,7 @@
 }
 
 .e-de-statusbar-pageweb {
-  background-color: #f8f9fa;
+  background: #f8f9fa;
   border: 0;
   box-shadow: none;
   float: right;
@@ -562,12 +562,22 @@
   font-size: 18px;
 }
 
+.e-listview .e-list-icon {
+  height: 24px;
+  width: 16px;
+  margin-right: 14px;
+}
+
+.e-de-listview-icon {
+  line-height: 22px;
+}
+
 .e-de-linespacing {
   margin-top: 6px;
 }
 
 .e-de-statusbar-zoom {
-  background-color: #f8f9fa;
+  background: #f8f9fa;
   border: 0;
   color: #212529;
   float: right;
@@ -676,7 +686,7 @@
 
 .e-de-tool-ctnr-properties-pane,
 .e-de-ctnr-properties-pane {
-  background-color: #f8f9fa;
+  background: #f8f9fa;
   border-bottom: 1px solid #dee2e6;
   border-top: 1px solid #dee2e6;
 }
@@ -786,7 +796,7 @@
   margin: 0 5.5px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-start {
-  margin-left: 14px;
+  margin-left: 14px !important;
   margin-right: 7px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-middle {
@@ -802,37 +812,43 @@
 }
 
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn {
+  -ms-flex-direction: column;
+      flex-direction: column;
+  height: calc(100% - 10px);
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:focus {
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:active {
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:hover {
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn {
+  -ms-flex-direction: column;
+      flex-direction: column;
+  height: calc(100% - 10px);
   padding: 0 1px;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:focus {
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:active {
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:hover {
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-btn-icon {
@@ -904,7 +920,7 @@
 }
 
 .e-de-ctnr-group-btn .e-btn {
-  background-color: #fff;
+  background: #fff;
   border-color: #dee2e6;
 }
 .e-de-ctnr-group-btn .e-btn:focus {
@@ -1001,7 +1017,7 @@
 }
 
 .e-de-ctnr-properties-pane-btn .e-btn {
-  background-color: #f8f9fa;
+  background: #f8f9fa;
   border-radius: 0;
   box-shadow: none;
   color: #007bff;
@@ -1043,6 +1059,7 @@
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-btn-icon,
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon {
   padding: 0 !important;
+  min-height: 16px;
 }
 
 .e-de-hdr-ftr-frst-div {
@@ -1403,8 +1420,8 @@
   border: 1px solid #dee2e6;
   color: #212529;
   height: 129px;
-  margin-left: 78px;
   width: 94px;
+  margin-left: 78px;
 }
 
 .e-de-toc-template1.e-de-rtl {
@@ -1459,7 +1476,7 @@
 }
 
 .e-de-status-bar {
-  background-color: #f8f9fa;
+  background: #f8f9fa;
   display: -ms-flexbox;
   display: flex;
   padding-top: 2.5px;
@@ -1592,8 +1609,8 @@
 }
 
 .e-de-grp-btn-ctnr .e-de-ctnr-group-btn > button {
-  height: 38px;
   width: 38px;
+  height: 38px;
 }
 
 .e-bigger .e-de-grp-btn-ctnr .e-de-ctnr-group-btn > button {
@@ -1605,6 +1622,15 @@
   width: 70px;
 }
 
+.e-rtl .e-listview .e-list-icon {
+  height: 24px;
+  width: 16px;
+  margin-left: 14px;
+}
+.e-rtl .e-de-listview-icon {
+  line-height: 22px;
+}
+
 .e-bigger .de-split-button > div:first-child {
   margin-right: 0;
 }
@@ -1726,7 +1752,7 @@
   margin: 0 7.5px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-start {
-  margin-left: 16px;
+  margin-left: 16px !important;
   margin-right: 8px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-middle {
@@ -1743,22 +1769,22 @@
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn,
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control {
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:focus,
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:focus {
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:active,
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:active {
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:hover,
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn,
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control {
@@ -1794,7 +1820,7 @@
   width: 75px;
 }
 .e-bigger .e-de-ctnr-properties-pane-btn .e-btn {
-  background-color: #f8f9fa;
+  background: #f8f9fa;
   border-radius: 0;
   box-shadow: none;
   min-height: 100%;
@@ -1822,7 +1848,7 @@
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text {
   display: table;
-  font-size: 12px;
+  font-size: 12px !important;
   margin: 0 6px;
   padding: 0;
   white-space: normal;
@@ -1985,6 +2011,22 @@
   height: 0;
   line-height: 0;
 }
+.e-bigger .e-listview .e-list-icon {
+  height: 24px;
+  width: 16px;
+  margin-right: 16px;
+}
+.e-bigger .e-de-listview-icon {
+  line-height: 22px;
+}
+.e-bigger .e-rtl .e-listview .e-list-icon {
+  height: 24px;
+  width: 16px;
+  margin-left: 16px;
+}
+.e-bigger .e-rtl .e-de-listview-icon {
+  line-height: 22px;
+}
 
 .e-de-ctn .e-de-bzr-button {
   font-size: 12px;

package/styles/document-editor-container/bootstrap4.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/bootstrap4-definition.scss';
-@import '../document-editor/bootstrap4-definition.scss';
-@import 'bootstrap4-definition.scss';
-@import 'icons/bootstrap4.scss';
-@import 'all.scss';
+@import 'ej2-documenteditor/styles/document-editor-container/bootstrap4.scss';

package/styles/document-editor-container/bootstrap5-dark.css

@@ -558,7 +558,7 @@
 }
 
 .e-de-statusbar-pageweb {
-  background-color: #282d31;
+  background: #282d31;
   border: 0;
   box-shadow: none;
   float: right;
@@ -585,12 +585,22 @@
   font-size: 18px;
 }
 
+.e-listview .e-list-icon {
+  height: 24px;
+  width: 16px;
+  margin-right: 12px;
+}
+
+.e-de-listview-icon {
+  line-height: 22px;
+}
+
 .e-de-linespacing {
   margin-top: 8px;
 }
 
 .e-de-statusbar-zoom {
-  background-color: #282d31;
+  background: #282d31;
   border: 0;
   color: #ced4da;
   float: right;
@@ -727,7 +737,7 @@
 
 .e-de-tool-ctnr-properties-pane,
 .e-de-ctnr-properties-pane {
-  background-color: #282d31;
+  background: #282d31;
   border-bottom: 1px solid #444c54;
   border-top: 1px solid #444c54;
 }
@@ -874,7 +884,7 @@
   margin: 0 14px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-start {
-  margin-left: 8px;
+  margin-left: 8px !important;
   margin-right: 4px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-middle {
@@ -890,20 +900,23 @@
 }
 
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn {
+  -ms-flex-direction: column;
+      flex-direction: column;
+  height: calc(100% - 10px);
   padding: 0;
-  padding-bottom: 14px;
+  padding-bottom: 10px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:focus {
   padding: 0;
-  padding-bottom: 14px;
+  padding-bottom: 10px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:active {
   padding: 0;
-  padding-bottom: 14px;
+  padding-bottom: 10px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:hover {
   padding: 0;
-  padding-bottom: 14px;
+  padding-bottom: 10px;
 }
 
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text {
@@ -949,7 +962,7 @@
 }
 
 .e-de-ctnr-group-btn .e-btn {
-  background-color: #212529;
+  background: #212529;
   border-color: #444c54;
 }
 .e-de-ctnr-group-btn .e-btn:focus {
@@ -1042,7 +1055,7 @@
 }
 
 .e-de-ctnr-properties-pane-btn .e-btn {
-  background-color: #282d31;
+  background: #282d31;
   border-radius: 0;
   box-shadow: none;
   color: #0d6efd;
@@ -1084,6 +1097,7 @@
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-btn-icon,
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon {
   padding: 0 !important;
+  min-height: 16px;
 }
 
 .e-de-hdr-ftr-frst-div {
@@ -1192,7 +1206,7 @@
 }
 
 .e-bigger .e-de-panel-right-width {
-  width: 86px;
+  width: 96px;
 }
 .e-bigger .e-de-char-fmt-btn-left > button,
 .e-bigger .e-de-char-fmt-btn-right > button {
@@ -1447,8 +1461,8 @@
   border: 1px solid #444c54;
   color: #ced4da;
   height: 129px;
-  margin-left: 78px;
   width: 94px;
+  margin-left: 78px;
 }
 
 .e-de-toc-template1.e-de-rtl {
@@ -1503,7 +1517,7 @@
 }
 
 .e-de-status-bar {
-  background-color: #282d31;
+  background: #282d31;
   display: -ms-flexbox;
   display: flex;
   padding-top: 4px;
@@ -1636,8 +1650,8 @@
 }
 
 .e-de-grp-btn-ctnr .e-de-ctnr-group-btn > button {
-  height: 38px;
   width: 39px;
+  height: 38px;
 }
 
 .e-bigger .e-de-grp-btn-ctnr .e-de-ctnr-group-btn > button {
@@ -1649,6 +1663,15 @@
   width: 70px;
 }
 
+.e-rtl .e-listview .e-list-icon {
+  height: 24px;
+  width: 16px;
+  margin-left: 12px;
+}
+.e-rtl .e-de-listview-icon {
+  line-height: 22px;
+}
+
 .e-bigger .de-split-button > div:first-child {
   margin-right: 0;
 }
@@ -1773,7 +1796,7 @@
   margin: 0 16px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-start {
-  margin-left: 12px;
+  margin-left: 12px !important;
   margin-right: 6px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-middle {
@@ -1790,22 +1813,22 @@
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn,
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control {
   padding: 0;
-  padding-bottom: 14px;
+  padding-bottom: 10px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:focus,
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:focus {
   padding: 0;
-  padding-bottom: 14px;
+  padding-bottom: 10px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:active,
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:active {
   padding: 0;
-  padding-bottom: 14px;
+  padding-bottom: 10px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:hover,
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
   padding: 0;
-  padding-bottom: 14px;
+  padding-bottom: 10px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text {
   padding: 0 !important;
@@ -1821,7 +1844,7 @@
   width: 75px;
 }
 .e-bigger .e-de-ctnr-properties-pane-btn .e-btn {
-  background-color: #282d31;
+  background: #282d31;
   border-radius: 0;
   box-shadow: none;
   min-height: 100%;
@@ -2007,6 +2030,22 @@
   height: 0;
   line-height: 0.5;
 }
+.e-bigger .e-listview .e-list-icon {
+  height: 24px;
+  width: 16px;
+  margin-right: 16px;
+}
+.e-bigger .e-de-listview-icon {
+  line-height: 22px;
+}
+.e-bigger .e-rtl .e-listview .e-list-icon {
+  height: 24px;
+  width: 16px;
+  margin-left: 16px;
+}
+.e-bigger .e-rtl .e-de-listview-icon {
+  line-height: 22px;
+}
 
 .e-de-ctn .e-de-bzr-button {
   background: #282d31;

package/styles/document-editor-container/bootstrap5-dark.scss

@@ -1,5 +1 @@
-@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
-@import '../document-editor/bootstrap5-dark-definition.scss';
-@import 'bootstrap5-dark-definition.scss';
-@import 'icons/bootstrap5-dark.scss';
-@import 'all.scss';
+@import 'ej2-documenteditor/styles/document-editor-container/bootstrap5-dark.scss';