@syncfusion/blazor-themes 24.1.47 → 24.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (145) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +164 -22
  2. package/SCSS-Themes/bootstrap.scss +164 -22
  3. package/SCSS-Themes/bootstrap4.scss +164 -22
  4. package/SCSS-Themes/bootstrap5-dark.scss +164 -24
  5. package/SCSS-Themes/bootstrap5.scss +164 -24
  6. package/SCSS-Themes/calendars/calendar/bootstrap-dark.scss +37 -3
  7. package/SCSS-Themes/calendars/calendar/bootstrap.scss +37 -3
  8. package/SCSS-Themes/calendars/calendar/bootstrap4.scss +37 -3
  9. package/SCSS-Themes/calendars/calendar/bootstrap5-dark.scss +36 -4
  10. package/SCSS-Themes/calendars/calendar/bootstrap5.scss +36 -4
  11. package/SCSS-Themes/calendars/calendar/fabric-dark.scss +37 -3
  12. package/SCSS-Themes/calendars/calendar/fabric.scss +38 -4
  13. package/SCSS-Themes/calendars/calendar/fluent-dark.scss +38 -4
  14. package/SCSS-Themes/calendars/calendar/fluent.scss +38 -4
  15. package/SCSS-Themes/calendars/calendar/highcontrast.scss +38 -4
  16. package/SCSS-Themes/calendars/calendar/material-dark.scss +38 -4
  17. package/SCSS-Themes/calendars/calendar/material.scss +38 -4
  18. package/SCSS-Themes/calendars/calendar/material3-dark.scss +38 -4
  19. package/SCSS-Themes/calendars/calendar/material3.scss +38 -4
  20. package/SCSS-Themes/calendars/calendar/tailwind-dark.scss +37 -4
  21. package/SCSS-Themes/calendars/calendar/tailwind.scss +37 -4
  22. package/SCSS-Themes/fabric-dark.scss +164 -22
  23. package/SCSS-Themes/fabric.scss +165 -23
  24. package/SCSS-Themes/fluent-dark.scss +166 -24
  25. package/SCSS-Themes/fluent.scss +166 -24
  26. package/SCSS-Themes/gantt/gantt/bootstrap-dark.scss +1 -1
  27. package/SCSS-Themes/gantt/gantt/bootstrap.scss +1 -1
  28. package/SCSS-Themes/gantt/gantt/bootstrap4.scss +1 -1
  29. package/SCSS-Themes/gantt/gantt/bootstrap5-dark.scss +1 -1
  30. package/SCSS-Themes/gantt/gantt/bootstrap5.scss +1 -1
  31. package/SCSS-Themes/gantt/gantt/fabric-dark.scss +1 -1
  32. package/SCSS-Themes/gantt/gantt/fabric.scss +1 -1
  33. package/SCSS-Themes/gantt/gantt/fluent-dark.scss +1 -1
  34. package/SCSS-Themes/gantt/gantt/fluent.scss +1 -1
  35. package/SCSS-Themes/gantt/gantt/highcontrast.scss +1 -1
  36. package/SCSS-Themes/gantt/gantt/material-dark.scss +1 -1
  37. package/SCSS-Themes/gantt/gantt/material.scss +1 -1
  38. package/SCSS-Themes/gantt/gantt/material3-dark.scss +1 -1
  39. package/SCSS-Themes/gantt/gantt/material3.scss +1 -1
  40. package/SCSS-Themes/gantt/gantt/tailwind-dark.scss +1 -1
  41. package/SCSS-Themes/gantt/gantt/tailwind.scss +1 -1
  42. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +17 -0
  43. package/SCSS-Themes/grids/grid/bootstrap.scss +17 -0
  44. package/SCSS-Themes/grids/grid/bootstrap4.scss +17 -0
  45. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +17 -0
  46. package/SCSS-Themes/grids/grid/bootstrap5.scss +17 -0
  47. package/SCSS-Themes/grids/grid/fabric-dark.scss +17 -0
  48. package/SCSS-Themes/grids/grid/fabric.scss +17 -0
  49. package/SCSS-Themes/grids/grid/fluent-dark.scss +17 -0
  50. package/SCSS-Themes/grids/grid/fluent.scss +17 -0
  51. package/SCSS-Themes/grids/grid/highcontrast.scss +17 -0
  52. package/SCSS-Themes/grids/grid/material-dark.scss +17 -0
  53. package/SCSS-Themes/grids/grid/material.scss +17 -0
  54. package/SCSS-Themes/grids/grid/material3-dark.scss +17 -0
  55. package/SCSS-Themes/grids/grid/material3.scss +17 -0
  56. package/SCSS-Themes/grids/grid/tailwind-dark.scss +17 -0
  57. package/SCSS-Themes/grids/grid/tailwind.scss +17 -0
  58. package/SCSS-Themes/highcontrast.scss +165 -23
  59. package/SCSS-Themes/image-editor/image-editor/bootstrap-dark.scss +33 -2
  60. package/SCSS-Themes/image-editor/image-editor/bootstrap.scss +33 -2
  61. package/SCSS-Themes/image-editor/image-editor/bootstrap4.scss +33 -2
  62. package/SCSS-Themes/image-editor/image-editor/bootstrap5-dark.scss +33 -2
  63. package/SCSS-Themes/image-editor/image-editor/bootstrap5.scss +33 -2
  64. package/SCSS-Themes/image-editor/image-editor/fabric-dark.scss +33 -2
  65. package/SCSS-Themes/image-editor/image-editor/fabric.scss +33 -2
  66. package/SCSS-Themes/image-editor/image-editor/fluent-dark.scss +33 -2
  67. package/SCSS-Themes/image-editor/image-editor/fluent.scss +33 -2
  68. package/SCSS-Themes/image-editor/image-editor/highcontrast.scss +33 -2
  69. package/SCSS-Themes/image-editor/image-editor/material-dark.scss +33 -2
  70. package/SCSS-Themes/image-editor/image-editor/material.scss +33 -2
  71. package/SCSS-Themes/image-editor/image-editor/material3-dark.scss +35 -4
  72. package/SCSS-Themes/image-editor/image-editor/material3.scss +35 -4
  73. package/SCSS-Themes/image-editor/image-editor/tailwind-dark.scss +33 -2
  74. package/SCSS-Themes/image-editor/image-editor/tailwind.scss +33 -2
  75. package/SCSS-Themes/material-dark.scss +165 -23
  76. package/SCSS-Themes/material.scss +165 -24
  77. package/SCSS-Themes/material3-dark.scss +174 -32
  78. package/SCSS-Themes/material3.scss +174 -32
  79. package/SCSS-Themes/navigations/menu/bootstrap-dark.scss +0 -1
  80. package/SCSS-Themes/navigations/menu/bootstrap.scss +0 -1
  81. package/SCSS-Themes/navigations/menu/bootstrap4.scss +0 -1
  82. package/SCSS-Themes/navigations/menu/bootstrap5-dark.scss +0 -1
  83. package/SCSS-Themes/navigations/menu/bootstrap5.scss +0 -1
  84. package/SCSS-Themes/navigations/menu/fabric-dark.scss +0 -1
  85. package/SCSS-Themes/navigations/menu/fabric.scss +0 -1
  86. package/SCSS-Themes/navigations/menu/fluent-dark.scss +0 -1
  87. package/SCSS-Themes/navigations/menu/fluent.scss +0 -1
  88. package/SCSS-Themes/navigations/menu/highcontrast.scss +0 -1
  89. package/SCSS-Themes/navigations/menu/material-dark.scss +0 -1
  90. package/SCSS-Themes/navigations/menu/material.scss +0 -1
  91. package/SCSS-Themes/navigations/menu/material3-dark.scss +0 -1
  92. package/SCSS-Themes/navigations/menu/material3.scss +0 -1
  93. package/SCSS-Themes/navigations/menu/tailwind-dark.scss +0 -1
  94. package/SCSS-Themes/navigations/menu/tailwind.scss +0 -1
  95. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap-dark.scss +25 -3
  96. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap.scss +25 -3
  97. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap4.scss +25 -3
  98. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5-dark.scss +26 -4
  99. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5.scss +26 -4
  100. package/SCSS-Themes/pdfviewer/pdfviewer/fabric-dark.scss +25 -3
  101. package/SCSS-Themes/pdfviewer/pdfviewer/fabric.scss +25 -3
  102. package/SCSS-Themes/pdfviewer/pdfviewer/fluent-dark.scss +26 -4
  103. package/SCSS-Themes/pdfviewer/pdfviewer/fluent.scss +26 -4
  104. package/SCSS-Themes/pdfviewer/pdfviewer/highcontrast.scss +25 -3
  105. package/SCSS-Themes/pdfviewer/pdfviewer/material-dark.scss +25 -3
  106. package/SCSS-Themes/pdfviewer/pdfviewer/material.scss +25 -3
  107. package/SCSS-Themes/pdfviewer/pdfviewer/material3-dark.scss +25 -3
  108. package/SCSS-Themes/pdfviewer/pdfviewer/material3.scss +25 -3
  109. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind-dark.scss +26 -4
  110. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind.scss +26 -4
  111. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap-dark.scss +45 -6
  112. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap.scss +45 -6
  113. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap4.scss +45 -6
  114. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5-dark.scss +45 -6
  115. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5.scss +45 -6
  116. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric-dark.scss +45 -6
  117. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric.scss +45 -6
  118. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent-dark.scss +45 -6
  119. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent.scss +45 -6
  120. package/SCSS-Themes/richtexteditor/rich-text-editor/highcontrast.scss +45 -6
  121. package/SCSS-Themes/richtexteditor/rich-text-editor/material-dark.scss +45 -6
  122. package/SCSS-Themes/richtexteditor/rich-text-editor/material.scss +45 -7
  123. package/SCSS-Themes/richtexteditor/rich-text-editor/material3-dark.scss +52 -13
  124. package/SCSS-Themes/richtexteditor/rich-text-editor/material3.scss +52 -13
  125. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind-dark.scss +45 -6
  126. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind.scss +45 -6
  127. package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap-dark.scss +6 -6
  128. package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap.scss +6 -6
  129. package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap4.scss +6 -6
  130. package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap5-dark.scss +6 -6
  131. package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap5.scss +6 -6
  132. package/SCSS-Themes/splitbuttons/drop-down-button/fabric-dark.scss +6 -6
  133. package/SCSS-Themes/splitbuttons/drop-down-button/fabric.scss +6 -6
  134. package/SCSS-Themes/splitbuttons/drop-down-button/fluent-dark.scss +6 -6
  135. package/SCSS-Themes/splitbuttons/drop-down-button/fluent.scss +6 -6
  136. package/SCSS-Themes/splitbuttons/drop-down-button/highcontrast.scss +6 -6
  137. package/SCSS-Themes/splitbuttons/drop-down-button/material-dark.scss +6 -6
  138. package/SCSS-Themes/splitbuttons/drop-down-button/material.scss +6 -6
  139. package/SCSS-Themes/splitbuttons/drop-down-button/material3-dark.scss +6 -6
  140. package/SCSS-Themes/splitbuttons/drop-down-button/material3.scss +6 -6
  141. package/SCSS-Themes/splitbuttons/drop-down-button/tailwind-dark.scss +6 -6
  142. package/SCSS-Themes/splitbuttons/drop-down-button/tailwind.scss +6 -6
  143. package/SCSS-Themes/tailwind-dark.scss +165 -24
  144. package/SCSS-Themes/tailwind.scss +165 -24
  145. package/package.json +1 -1
@@ -180,7 +180,7 @@ $pv-corrupted-dialog-pop-content-padding-top: 6.9px !default;
180
180
  $pv-corrupted-dialog-pop-content-padding-bottom: 15px !default;
181
181
  $pv-password-dialog-pop-content-padding-bottom: 11px !default;
182
182
  $pv-toolbar-total-page-number-color: $content-text-color !default;
183
- $pv-toolbar-total-page-number-font-size: 13px !default;
183
+ $pv-toolbar-total-page-number-font-size: 14px !default;
184
184
  $pv-corrupted-notification-background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjM1cHgiIGhlaWdodD0iMzFweCIgdmlld0JveD0iMCAwIDM1IDMxIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTEuMiAoNTc1MTkpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPg0KICAgIDx0aXRsZT5Hcm91cCAzPC90aXRsZT4NCiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4NCiAgICA8ZGVmcz48L2RlZnM+DQogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+DQogICAgICAgIDxnIGlkPSJDb3JydXB0ZWQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01MTQuMDAwMDAwLCAtMzUzLjAwMDAwMCkiPg0KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTE5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0OTQuMDAwMDAwLCAyODUuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIwLjAwMDAwMCwgNjguMTg0NDc0KSI+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNS4yMjM0NzA4LDEwLjM1NzYwMjYgTDEyLjY1MzYzNywyMy40MDU1MTA2IEwxNC4xMzIwOTA1LDI2Ljk5MTI0OTUgTDE5LjM2MTc3ODksMjYuOTkxMjQ5NSBDMjAuNDQwMjUwNywxNy44NjA2NDE1IDIwLjY5MzgwOTcsMTIuMzE2MDkyNSAyMC4xMjI0NTU4LDEwLjM1NzYwMjYgQzE5LjU1MTEwMTksOC4zOTkxMTI3NCAxNy45MTgxMDY5LDguMzk5MTEyNzQgMTUuMjIzNDcwOCwxMC4zNTc2MDI2IFoiIGlkPSJQYXRoLTExIiBmaWxsPSIjMEUwRTBFIj48L3BhdGg+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0zMS42MjM4MDkxLDMwLjM4NzQxMDEgQzMzLjgyOTUxMDUsMzAuMzg3NDEwMSAzNC43MjA5MTk0LDI4LjgzODYyNDQgMzMuNjExOTMzMiwyNi45MjMxMDI4IEwxOS4yODk5MDMsMi4xODUwNTA2OCBDMTguMTgyMjEyMiwwLjI3MTc2NjU5NSAxNi4zODc1ODYsMC4yNjk1MjkwNjkgMTUuMjc4NTk5OCwyLjE4NTA1MDY4IEwwLjk1NjU2OTY4NSwyNi45MjMxMDI4IEMtMC4xNTExMjExMDMsMjguODM2Mzg2OCAwLjc0NDI0ODg4MiwzMC4zODc0MTAxIDIuOTQ0NjkzNzksMzAuMzg3NDEwMSBMMzEuNjIzODA5MSwzMC4zODc0MTAxIFogTTE1LjYxNzU4NDgsMjYuMzg3NDEwMSBMMTUuNjE3NTg0OCwyMy4wNTQwNzY3IEwxOC45NTA5MTgxLDIzLjA1NDA3NjcgTDE4Ljk1MDkxODEsMjYuMzg3NDEwMSBMMTUuNjE3NTg0OCwyNi4zODc0MTAxIFogTTE1LjYxNzU4NDgsMjAuNzIwNzQzNCBMMTUuNjE3NTg0OCwxMC4wNTQwNzY3IEwxOC45NTA5MTgxLDEwLjA1NDA3NjcgTDE4Ljk1MDkxODEsMjAuNzIwNzQzNCBMMTUuNjE3NTg0OCwyMC43MjA3NDM0IFoiIGlkPSJTaGFwZSIgZmlsbD0iI0VGQzAwMiI+PC9wYXRoPg0KICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgIDwvZz4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==') !default;
185
185
  $pv-corrupted-notification-background-repeat: no-repeat !default;
186
186
  $pv-corrupted-notification-background-size: 36.7px 31.7px !default;
@@ -1859,6 +1859,9 @@ $pv-comment-text-cursor-color: $black !default;
1859
1859
  @if $skin-name == 'bootstrap4' {
1860
1860
  color: $pv-thumbnail-border-selection-font-color;
1861
1861
  }
1862
+ @if $skin-name == 'bootstrap5' {
1863
+ color: $white;
1864
+ }
1862
1865
  line-height: $pv-thumbnail-view-button-selection-line-height;
1863
1866
  padding: $pv-thumbnail-view-button-selection-padding;
1864
1867
  }
@@ -1871,6 +1874,9 @@ $pv-comment-text-cursor-color: $black !default;
1871
1874
  @if $skin-name == 'bootstrap4' {
1872
1875
  color: $pv-thumbnail-border-selection-font-color;
1873
1876
  }
1877
+ @if $skin-name == 'bootstrap5' {
1878
+ color: $white;
1879
+ }
1874
1880
  line-height: $pv-thumbnail-view-button-selection-line-height;
1875
1881
  padding: $pv-thumbnail-view-button-selection-padding;
1876
1882
  }
@@ -2254,6 +2260,8 @@ $pv-comment-text-cursor-color: $black !default;
2254
2260
 
2255
2261
  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
2256
2262
  .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
2263
+ .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
2264
+ .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
2257
2265
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover,
2258
2266
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover .e-caret,
2259
2267
  .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
@@ -2264,7 +2272,6 @@ $pv-comment-text-cursor-color: $black !default;
2264
2272
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
2265
2273
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
2266
2274
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
2267
- .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2268
2275
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
2269
2276
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
2270
2277
  .e-pv-shapes-toolbar .e-pv-tbar-btn:focus,
@@ -2283,9 +2290,10 @@ $pv-comment-text-cursor-color: $black !default;
2283
2290
  color: $pv-item-selection-color;
2284
2291
  }
2285
2292
  }
2286
-
2293
+
2287
2294
  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2288
- .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus
2295
+ .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2296
+ .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2289
2297
  {
2290
2298
  @if $skin-name == 'bootstrap4' {
2291
2299
  color: $pv-icon-color-hover;
@@ -2519,6 +2527,10 @@ $pv-comment-text-cursor-color: $black !default;
2519
2527
  background-color: $pv-item-selection-background-color;
2520
2528
  color: $pv-item-selection-color;
2521
2529
  }
2530
+ @if $skin-name == 'bootstrap5' {
2531
+ background-color: $pv-item-selection-background-color;
2532
+ color: $pv-item-selection-color;
2533
+ }
2522
2534
  }
2523
2535
 
2524
2536
  .e-pv-search-btn.e-btn:disabled {
@@ -5602,6 +5614,16 @@ $pv-comment-text-cursor-color: $black !default;
5602
5614
  color: $pv-stamp-icon-color;
5603
5615
  }
5604
5616
  }
5617
+
5618
+ .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus,
5619
+ .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus .e-caret {
5620
+ @if ($skin-name == 'bootstrap4') {
5621
+ color: $pv-prop-win-drop-down-color-hover;
5622
+ }
5623
+ @if ($skin-name == 'bootstrap5') {
5624
+ color: $white;
5625
+ }
5626
+ }
5605
5627
 
5606
5628
  .e-dialog.e-pv-signature-dialog-height {
5607
5629
  height: $pv-signature-dialog-height;
@@ -1857,6 +1857,9 @@ $pv-eye-icon-margin-top: 3px !default;
1857
1857
  @if $skin-name == 'bootstrap4' {
1858
1858
  color: $pv-thumbnail-border-selection-font-color;
1859
1859
  }
1860
+ @if $skin-name == 'bootstrap5' {
1861
+ color: $white;
1862
+ }
1860
1863
  line-height: $pv-thumbnail-view-button-selection-line-height;
1861
1864
  padding: $pv-thumbnail-view-button-selection-padding;
1862
1865
  }
@@ -1869,6 +1872,9 @@ $pv-eye-icon-margin-top: 3px !default;
1869
1872
  @if $skin-name == 'bootstrap4' {
1870
1873
  color: $pv-thumbnail-border-selection-font-color;
1871
1874
  }
1875
+ @if $skin-name == 'bootstrap5' {
1876
+ color: $white;
1877
+ }
1872
1878
  line-height: $pv-thumbnail-view-button-selection-line-height;
1873
1879
  padding: $pv-thumbnail-view-button-selection-padding;
1874
1880
  }
@@ -2252,6 +2258,8 @@ $pv-eye-icon-margin-top: 3px !default;
2252
2258
 
2253
2259
  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
2254
2260
  .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
2261
+ .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
2262
+ .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
2255
2263
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover,
2256
2264
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover .e-caret,
2257
2265
  .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
@@ -2262,7 +2270,6 @@ $pv-eye-icon-margin-top: 3px !default;
2262
2270
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
2263
2271
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
2264
2272
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
2265
- .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2266
2273
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
2267
2274
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
2268
2275
  .e-pv-shapes-toolbar .e-pv-tbar-btn:focus,
@@ -2281,9 +2288,10 @@ $pv-eye-icon-margin-top: 3px !default;
2281
2288
  color: $pv-item-selection-color;
2282
2289
  }
2283
2290
  }
2284
-
2291
+
2285
2292
  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2286
- .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus
2293
+ .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2294
+ .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2287
2295
  {
2288
2296
  @if $skin-name == 'bootstrap4' {
2289
2297
  color: $pv-icon-color-hover;
@@ -2517,6 +2525,10 @@ $pv-eye-icon-margin-top: 3px !default;
2517
2525
  background-color: $pv-item-selection-background-color;
2518
2526
  color: $pv-item-selection-color;
2519
2527
  }
2528
+ @if $skin-name == 'bootstrap5' {
2529
+ background-color: $pv-item-selection-background-color;
2530
+ color: $pv-item-selection-color;
2531
+ }
2520
2532
  }
2521
2533
 
2522
2534
  .e-pv-search-btn.e-btn:disabled {
@@ -5600,6 +5612,16 @@ $pv-eye-icon-margin-top: 3px !default;
5600
5612
  color: $pv-stamp-icon-color;
5601
5613
  }
5602
5614
  }
5615
+
5616
+ .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus,
5617
+ .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus .e-caret {
5618
+ @if ($skin-name == 'bootstrap4') {
5619
+ color: $pv-prop-win-drop-down-color-hover;
5620
+ }
5621
+ @if ($skin-name == 'bootstrap5') {
5622
+ color: $white;
5623
+ }
5624
+ }
5603
5625
 
5604
5626
  .e-dialog.e-pv-signature-dialog-height {
5605
5627
  height: $pv-signature-dialog-height;
@@ -1856,6 +1856,9 @@ $pv-eye-icon-margin-top: 3px !default;
1856
1856
  @if $skin-name == 'bootstrap4' {
1857
1857
  color: $pv-thumbnail-border-selection-font-color;
1858
1858
  }
1859
+ @if $skin-name == 'bootstrap5' {
1860
+ color: $white;
1861
+ }
1859
1862
  line-height: $pv-thumbnail-view-button-selection-line-height;
1860
1863
  padding: $pv-thumbnail-view-button-selection-padding;
1861
1864
  }
@@ -1868,6 +1871,9 @@ $pv-eye-icon-margin-top: 3px !default;
1868
1871
  @if $skin-name == 'bootstrap4' {
1869
1872
  color: $pv-thumbnail-border-selection-font-color;
1870
1873
  }
1874
+ @if $skin-name == 'bootstrap5' {
1875
+ color: $white;
1876
+ }
1871
1877
  line-height: $pv-thumbnail-view-button-selection-line-height;
1872
1878
  padding: $pv-thumbnail-view-button-selection-padding;
1873
1879
  }
@@ -2251,6 +2257,8 @@ $pv-eye-icon-margin-top: 3px !default;
2251
2257
 
2252
2258
  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
2253
2259
  .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
2260
+ .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
2261
+ .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
2254
2262
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover,
2255
2263
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover .e-caret,
2256
2264
  .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
@@ -2261,7 +2269,6 @@ $pv-eye-icon-margin-top: 3px !default;
2261
2269
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
2262
2270
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
2263
2271
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
2264
- .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2265
2272
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
2266
2273
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
2267
2274
  .e-pv-shapes-toolbar .e-pv-tbar-btn:focus,
@@ -2280,9 +2287,10 @@ $pv-eye-icon-margin-top: 3px !default;
2280
2287
  color: $pv-item-selection-color;
2281
2288
  }
2282
2289
  }
2283
-
2290
+
2284
2291
  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2285
- .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus
2292
+ .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2293
+ .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2286
2294
  {
2287
2295
  @if $skin-name == 'bootstrap4' {
2288
2296
  color: $pv-icon-color-hover;
@@ -2516,6 +2524,10 @@ $pv-eye-icon-margin-top: 3px !default;
2516
2524
  background-color: $pv-item-selection-background-color;
2517
2525
  color: $pv-item-selection-color;
2518
2526
  }
2527
+ @if $skin-name == 'bootstrap5' {
2528
+ background-color: $pv-item-selection-background-color;
2529
+ color: $pv-item-selection-color;
2530
+ }
2519
2531
  }
2520
2532
 
2521
2533
  .e-pv-search-btn.e-btn:disabled {
@@ -5599,6 +5611,16 @@ $pv-eye-icon-margin-top: 3px !default;
5599
5611
  color: $pv-stamp-icon-color;
5600
5612
  }
5601
5613
  }
5614
+
5615
+ .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus,
5616
+ .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus .e-caret {
5617
+ @if ($skin-name == 'bootstrap4') {
5618
+ color: $pv-prop-win-drop-down-color-hover;
5619
+ }
5620
+ @if ($skin-name == 'bootstrap5') {
5621
+ color: $white;
5622
+ }
5623
+ }
5602
5624
 
5603
5625
  .e-dialog.e-pv-signature-dialog-height {
5604
5626
  height: $pv-signature-dialog-height;
@@ -1854,6 +1854,9 @@ $pv-eye-icon-margin-top: 3px !default;
1854
1854
  @if $skin-name == 'bootstrap4' {
1855
1855
  color: $pv-thumbnail-border-selection-font-color;
1856
1856
  }
1857
+ @if $skin-name == 'bootstrap5' {
1858
+ color: $white;
1859
+ }
1857
1860
  line-height: $pv-thumbnail-view-button-selection-line-height;
1858
1861
  padding: $pv-thumbnail-view-button-selection-padding;
1859
1862
  }
@@ -1866,6 +1869,9 @@ $pv-eye-icon-margin-top: 3px !default;
1866
1869
  @if $skin-name == 'bootstrap4' {
1867
1870
  color: $pv-thumbnail-border-selection-font-color;
1868
1871
  }
1872
+ @if $skin-name == 'bootstrap5' {
1873
+ color: $white;
1874
+ }
1869
1875
  line-height: $pv-thumbnail-view-button-selection-line-height;
1870
1876
  padding: $pv-thumbnail-view-button-selection-padding;
1871
1877
  }
@@ -2249,6 +2255,8 @@ $pv-eye-icon-margin-top: 3px !default;
2249
2255
 
2250
2256
  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
2251
2257
  .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
2258
+ .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
2259
+ .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
2252
2260
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover,
2253
2261
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover .e-caret,
2254
2262
  .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
@@ -2259,7 +2267,6 @@ $pv-eye-icon-margin-top: 3px !default;
2259
2267
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
2260
2268
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
2261
2269
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
2262
- .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2263
2270
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
2264
2271
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
2265
2272
  .e-pv-shapes-toolbar .e-pv-tbar-btn:focus,
@@ -2278,9 +2285,10 @@ $pv-eye-icon-margin-top: 3px !default;
2278
2285
  color: $pv-item-selection-color;
2279
2286
  }
2280
2287
  }
2281
-
2288
+
2282
2289
  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2283
- .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus
2290
+ .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2291
+ .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2284
2292
  {
2285
2293
  @if $skin-name == 'bootstrap4' {
2286
2294
  color: $pv-icon-color-hover;
@@ -2514,6 +2522,10 @@ $pv-eye-icon-margin-top: 3px !default;
2514
2522
  background-color: $pv-item-selection-background-color;
2515
2523
  color: $pv-item-selection-color;
2516
2524
  }
2525
+ @if $skin-name == 'bootstrap5' {
2526
+ background-color: $pv-item-selection-background-color;
2527
+ color: $pv-item-selection-color;
2528
+ }
2517
2529
  }
2518
2530
 
2519
2531
  .e-pv-search-btn.e-btn:disabled {
@@ -5597,6 +5609,16 @@ $pv-eye-icon-margin-top: 3px !default;
5597
5609
  color: $pv-stamp-icon-color;
5598
5610
  }
5599
5611
  }
5612
+
5613
+ .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus,
5614
+ .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus .e-caret {
5615
+ @if ($skin-name == 'bootstrap4') {
5616
+ color: $pv-prop-win-drop-down-color-hover;
5617
+ }
5618
+ @if ($skin-name == 'bootstrap5') {
5619
+ color: $white;
5620
+ }
5621
+ }
5600
5622
 
5601
5623
  .e-dialog.e-pv-signature-dialog-height {
5602
5624
  height: $pv-signature-dialog-height;
@@ -1860,6 +1860,9 @@ $pv-search-btn-width-big: 32px !default;
1860
1860
  @if $skin-name == 'bootstrap4' {
1861
1861
  color: $pv-thumbnail-border-selection-font-color;
1862
1862
  }
1863
+ @if $skin-name == 'bootstrap5' {
1864
+ color: $white;
1865
+ }
1863
1866
  line-height: $pv-thumbnail-view-button-selection-line-height;
1864
1867
  padding: $pv-thumbnail-view-button-selection-padding;
1865
1868
  }
@@ -1872,6 +1875,9 @@ $pv-search-btn-width-big: 32px !default;
1872
1875
  @if $skin-name == 'bootstrap4' {
1873
1876
  color: $pv-thumbnail-border-selection-font-color;
1874
1877
  }
1878
+ @if $skin-name == 'bootstrap5' {
1879
+ color: $white;
1880
+ }
1875
1881
  line-height: $pv-thumbnail-view-button-selection-line-height;
1876
1882
  padding: $pv-thumbnail-view-button-selection-padding;
1877
1883
  }
@@ -2255,6 +2261,8 @@ $pv-search-btn-width-big: 32px !default;
2255
2261
 
2256
2262
  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
2257
2263
  .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
2264
+ .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
2265
+ .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
2258
2266
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover,
2259
2267
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover .e-caret,
2260
2268
  .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
@@ -2265,7 +2273,6 @@ $pv-search-btn-width-big: 32px !default;
2265
2273
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
2266
2274
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
2267
2275
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
2268
- .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2269
2276
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
2270
2277
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
2271
2278
  .e-pv-shapes-toolbar .e-pv-tbar-btn:focus,
@@ -2284,9 +2291,10 @@ $pv-search-btn-width-big: 32px !default;
2284
2291
  color: $pv-item-selection-color;
2285
2292
  }
2286
2293
  }
2287
-
2294
+
2288
2295
  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2289
- .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus
2296
+ .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2297
+ .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2290
2298
  {
2291
2299
  @if $skin-name == 'bootstrap4' {
2292
2300
  color: $pv-icon-color-hover;
@@ -2520,6 +2528,10 @@ $pv-search-btn-width-big: 32px !default;
2520
2528
  background-color: $pv-item-selection-background-color;
2521
2529
  color: $pv-item-selection-color;
2522
2530
  }
2531
+ @if $skin-name == 'bootstrap5' {
2532
+ background-color: $pv-item-selection-background-color;
2533
+ color: $pv-item-selection-color;
2534
+ }
2523
2535
  }
2524
2536
 
2525
2537
  .e-pv-search-btn.e-btn:disabled {
@@ -5603,6 +5615,16 @@ $pv-search-btn-width-big: 32px !default;
5603
5615
  color: $pv-stamp-icon-color;
5604
5616
  }
5605
5617
  }
5618
+
5619
+ .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus,
5620
+ .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus .e-caret {
5621
+ @if ($skin-name == 'bootstrap4') {
5622
+ color: $pv-prop-win-drop-down-color-hover;
5623
+ }
5624
+ @if ($skin-name == 'bootstrap5') {
5625
+ color: $white;
5626
+ }
5627
+ }
5606
5628
 
5607
5629
  .e-dialog.e-pv-signature-dialog-height {
5608
5630
  height: $pv-signature-dialog-height;
@@ -1860,6 +1860,9 @@ $pv-search-btn-width-big: 32px !default;
1860
1860
  @if $skin-name == 'bootstrap4' {
1861
1861
  color: $pv-thumbnail-border-selection-font-color;
1862
1862
  }
1863
+ @if $skin-name == 'bootstrap5' {
1864
+ color: $white;
1865
+ }
1863
1866
  line-height: $pv-thumbnail-view-button-selection-line-height;
1864
1867
  padding: $pv-thumbnail-view-button-selection-padding;
1865
1868
  }
@@ -1872,6 +1875,9 @@ $pv-search-btn-width-big: 32px !default;
1872
1875
  @if $skin-name == 'bootstrap4' {
1873
1876
  color: $pv-thumbnail-border-selection-font-color;
1874
1877
  }
1878
+ @if $skin-name == 'bootstrap5' {
1879
+ color: $white;
1880
+ }
1875
1881
  line-height: $pv-thumbnail-view-button-selection-line-height;
1876
1882
  padding: $pv-thumbnail-view-button-selection-padding;
1877
1883
  }
@@ -2255,6 +2261,8 @@ $pv-search-btn-width-big: 32px !default;
2255
2261
 
2256
2262
  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
2257
2263
  .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
2264
+ .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
2265
+ .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
2258
2266
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover,
2259
2267
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover .e-caret,
2260
2268
  .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
@@ -2265,7 +2273,6 @@ $pv-search-btn-width-big: 32px !default;
2265
2273
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
2266
2274
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
2267
2275
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
2268
- .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2269
2276
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
2270
2277
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
2271
2278
  .e-pv-shapes-toolbar .e-pv-tbar-btn:focus,
@@ -2284,9 +2291,10 @@ $pv-search-btn-width-big: 32px !default;
2284
2291
  color: $pv-item-selection-color;
2285
2292
  }
2286
2293
  }
2287
-
2294
+
2288
2295
  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2289
- .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus
2296
+ .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2297
+ .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2290
2298
  {
2291
2299
  @if $skin-name == 'bootstrap4' {
2292
2300
  color: $pv-icon-color-hover;
@@ -2520,6 +2528,10 @@ $pv-search-btn-width-big: 32px !default;
2520
2528
  background-color: $pv-item-selection-background-color;
2521
2529
  color: $pv-item-selection-color;
2522
2530
  }
2531
+ @if $skin-name == 'bootstrap5' {
2532
+ background-color: $pv-item-selection-background-color;
2533
+ color: $pv-item-selection-color;
2534
+ }
2523
2535
  }
2524
2536
 
2525
2537
  .e-pv-search-btn.e-btn:disabled {
@@ -5603,6 +5615,16 @@ $pv-search-btn-width-big: 32px !default;
5603
5615
  color: $pv-stamp-icon-color;
5604
5616
  }
5605
5617
  }
5618
+
5619
+ .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus,
5620
+ .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus .e-caret {
5621
+ @if ($skin-name == 'bootstrap4') {
5622
+ color: $pv-prop-win-drop-down-color-hover;
5623
+ }
5624
+ @if ($skin-name == 'bootstrap5') {
5625
+ color: $white;
5626
+ }
5627
+ }
5606
5628
 
5607
5629
  .e-dialog.e-pv-signature-dialog-height {
5608
5630
  height: $pv-signature-dialog-height;
@@ -154,7 +154,7 @@ $pv-dialog-pop-close-icon-padding-top: 6px !default;
154
154
  $pv-corrupted-dialog-pop-content-padding-top: 6.9px !default;
155
155
  $pv-corrupted-dialog-pop-content-padding-bottom: 15px !default;
156
156
  $pv-password-dialog-pop-content-padding-bottom: 11px !default;
157
- $pv-toolbar-total-page-number-font-size: 13px !default;
157
+ $pv-toolbar-total-page-number-font-size: 14px !default;
158
158
  $pv-corrupted-notification-background-size: 36.7px 31.7px !default;
159
159
  $pv-corrupted-notification-height: 31.7px !default;
160
160
  $pv-sidebar-container-top: 56px !default;
@@ -1861,6 +1861,9 @@ $pv-eye-icon-margin-top: 3px !default;
1861
1861
  @if $skin-name == 'bootstrap4' {
1862
1862
  color: $pv-thumbnail-border-selection-font-color;
1863
1863
  }
1864
+ @if $skin-name == 'bootstrap5' {
1865
+ color: $white;
1866
+ }
1864
1867
  line-height: $pv-thumbnail-view-button-selection-line-height;
1865
1868
  padding: $pv-thumbnail-view-button-selection-padding;
1866
1869
  }
@@ -1873,6 +1876,9 @@ $pv-eye-icon-margin-top: 3px !default;
1873
1876
  @if $skin-name == 'bootstrap4' {
1874
1877
  color: $pv-thumbnail-border-selection-font-color;
1875
1878
  }
1879
+ @if $skin-name == 'bootstrap5' {
1880
+ color: $white;
1881
+ }
1876
1882
  line-height: $pv-thumbnail-view-button-selection-line-height;
1877
1883
  padding: $pv-thumbnail-view-button-selection-padding;
1878
1884
  }
@@ -2256,6 +2262,8 @@ $pv-eye-icon-margin-top: 3px !default;
2256
2262
 
2257
2263
  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
2258
2264
  .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
2265
+ .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
2266
+ .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
2259
2267
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover,
2260
2268
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover .e-caret,
2261
2269
  .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
@@ -2266,7 +2274,6 @@ $pv-eye-icon-margin-top: 3px !default;
2266
2274
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
2267
2275
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
2268
2276
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
2269
- .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2270
2277
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
2271
2278
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
2272
2279
  .e-pv-shapes-toolbar .e-pv-tbar-btn:focus,
@@ -2285,9 +2292,10 @@ $pv-eye-icon-margin-top: 3px !default;
2285
2292
  color: $pv-item-selection-color;
2286
2293
  }
2287
2294
  }
2288
-
2295
+
2289
2296
  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2290
- .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus
2297
+ .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2298
+ .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2291
2299
  {
2292
2300
  @if $skin-name == 'bootstrap4' {
2293
2301
  color: $pv-icon-color-hover;
@@ -2521,6 +2529,10 @@ $pv-eye-icon-margin-top: 3px !default;
2521
2529
  background-color: $pv-item-selection-background-color;
2522
2530
  color: $pv-item-selection-color;
2523
2531
  }
2532
+ @if $skin-name == 'bootstrap5' {
2533
+ background-color: $pv-item-selection-background-color;
2534
+ color: $pv-item-selection-color;
2535
+ }
2524
2536
  }
2525
2537
 
2526
2538
  .e-pv-search-btn.e-btn:disabled {
@@ -5604,6 +5616,16 @@ $pv-eye-icon-margin-top: 3px !default;
5604
5616
  color: $pv-stamp-icon-color;
5605
5617
  }
5606
5618
  }
5619
+
5620
+ .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus,
5621
+ .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus .e-caret {
5622
+ @if ($skin-name == 'bootstrap4') {
5623
+ color: $pv-prop-win-drop-down-color-hover;
5624
+ }
5625
+ @if ($skin-name == 'bootstrap5') {
5626
+ color: $white;
5627
+ }
5628
+ }
5607
5629
 
5608
5630
  .e-dialog.e-pv-signature-dialog-height {
5609
5631
  height: $pv-signature-dialog-height;
@@ -154,7 +154,7 @@ $pv-dialog-pop-close-icon-padding-top: 6px !default;
154
154
  $pv-corrupted-dialog-pop-content-padding-top: 6.9px !default;
155
155
  $pv-corrupted-dialog-pop-content-padding-bottom: 15px !default;
156
156
  $pv-password-dialog-pop-content-padding-bottom: 11px !default;
157
- $pv-toolbar-total-page-number-font-size: 13px !default;
157
+ $pv-toolbar-total-page-number-font-size: 14px !default;
158
158
  $pv-corrupted-notification-background-size: 36.7px 31.7px !default;
159
159
  $pv-corrupted-notification-height: 31.7px !default;
160
160
  $pv-sidebar-container-top: 56px !default;
@@ -1861,6 +1861,9 @@ $pv-eye-icon-margin-top: 3px !default;
1861
1861
  @if $skin-name == 'bootstrap4' {
1862
1862
  color: $pv-thumbnail-border-selection-font-color;
1863
1863
  }
1864
+ @if $skin-name == 'bootstrap5' {
1865
+ color: $white;
1866
+ }
1864
1867
  line-height: $pv-thumbnail-view-button-selection-line-height;
1865
1868
  padding: $pv-thumbnail-view-button-selection-padding;
1866
1869
  }
@@ -1873,6 +1876,9 @@ $pv-eye-icon-margin-top: 3px !default;
1873
1876
  @if $skin-name == 'bootstrap4' {
1874
1877
  color: $pv-thumbnail-border-selection-font-color;
1875
1878
  }
1879
+ @if $skin-name == 'bootstrap5' {
1880
+ color: $white;
1881
+ }
1876
1882
  line-height: $pv-thumbnail-view-button-selection-line-height;
1877
1883
  padding: $pv-thumbnail-view-button-selection-padding;
1878
1884
  }
@@ -2256,6 +2262,8 @@ $pv-eye-icon-margin-top: 3px !default;
2256
2262
 
2257
2263
  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
2258
2264
  .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
2265
+ .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
2266
+ .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
2259
2267
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover,
2260
2268
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover .e-caret,
2261
2269
  .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
@@ -2266,7 +2274,6 @@ $pv-eye-icon-margin-top: 3px !default;
2266
2274
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
2267
2275
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
2268
2276
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
2269
- .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2270
2277
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
2271
2278
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
2272
2279
  .e-pv-shapes-toolbar .e-pv-tbar-btn:focus,
@@ -2285,9 +2292,10 @@ $pv-eye-icon-margin-top: 3px !default;
2285
2292
  color: $pv-item-selection-color;
2286
2293
  }
2287
2294
  }
2288
-
2295
+
2289
2296
  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2290
- .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus
2297
+ .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2298
+ .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2291
2299
  {
2292
2300
  @if $skin-name == 'bootstrap4' {
2293
2301
  color: $pv-icon-color-hover;
@@ -2521,6 +2529,10 @@ $pv-eye-icon-margin-top: 3px !default;
2521
2529
  background-color: $pv-item-selection-background-color;
2522
2530
  color: $pv-item-selection-color;
2523
2531
  }
2532
+ @if $skin-name == 'bootstrap5' {
2533
+ background-color: $pv-item-selection-background-color;
2534
+ color: $pv-item-selection-color;
2535
+ }
2524
2536
  }
2525
2537
 
2526
2538
  .e-pv-search-btn.e-btn:disabled {
@@ -5604,6 +5616,16 @@ $pv-eye-icon-margin-top: 3px !default;
5604
5616
  color: $pv-stamp-icon-color;
5605
5617
  }
5606
5618
  }
5619
+
5620
+ .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus,
5621
+ .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus .e-caret {
5622
+ @if ($skin-name == 'bootstrap4') {
5623
+ color: $pv-prop-win-drop-down-color-hover;
5624
+ }
5625
+ @if ($skin-name == 'bootstrap5') {
5626
+ color: $white;
5627
+ }
5628
+ }
5607
5629
 
5608
5630
  .e-dialog.e-pv-signature-dialog-height {
5609
5631
  height: $pv-signature-dialog-height;