@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
@@ -1858,6 +1858,9 @@ $pv-eye-icon-margin-top: 3px !default;
1858
1858
  @if $skin-name == 'bootstrap4' {
1859
1859
  color: $pv-thumbnail-border-selection-font-color;
1860
1860
  }
1861
+ @if $skin-name == 'bootstrap5' {
1862
+ color: $white;
1863
+ }
1861
1864
  line-height: $pv-thumbnail-view-button-selection-line-height;
1862
1865
  padding: $pv-thumbnail-view-button-selection-padding;
1863
1866
  }
@@ -1870,6 +1873,9 @@ $pv-eye-icon-margin-top: 3px !default;
1870
1873
  @if $skin-name == 'bootstrap4' {
1871
1874
  color: $pv-thumbnail-border-selection-font-color;
1872
1875
  }
1876
+ @if $skin-name == 'bootstrap5' {
1877
+ color: $white;
1878
+ }
1873
1879
  line-height: $pv-thumbnail-view-button-selection-line-height;
1874
1880
  padding: $pv-thumbnail-view-button-selection-padding;
1875
1881
  }
@@ -2253,6 +2259,8 @@ $pv-eye-icon-margin-top: 3px !default;
2253
2259
 
2254
2260
  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
2255
2261
  .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
2262
+ .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
2263
+ .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
2256
2264
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover,
2257
2265
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover .e-caret,
2258
2266
  .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
@@ -2263,7 +2271,6 @@ $pv-eye-icon-margin-top: 3px !default;
2263
2271
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
2264
2272
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
2265
2273
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
2266
- .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2267
2274
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
2268
2275
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
2269
2276
  .e-pv-shapes-toolbar .e-pv-tbar-btn:focus,
@@ -2282,9 +2289,10 @@ $pv-eye-icon-margin-top: 3px !default;
2282
2289
  color: $pv-item-selection-color;
2283
2290
  }
2284
2291
  }
2285
-
2292
+
2286
2293
  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2287
- .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus
2294
+ .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2295
+ .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2288
2296
  {
2289
2297
  @if $skin-name == 'bootstrap4' {
2290
2298
  color: $pv-icon-color-hover;
@@ -2518,6 +2526,10 @@ $pv-eye-icon-margin-top: 3px !default;
2518
2526
  background-color: $pv-item-selection-background-color;
2519
2527
  color: $pv-item-selection-color;
2520
2528
  }
2529
+ @if $skin-name == 'bootstrap5' {
2530
+ background-color: $pv-item-selection-background-color;
2531
+ color: $pv-item-selection-color;
2532
+ }
2521
2533
  }
2522
2534
 
2523
2535
  .e-pv-search-btn.e-btn:disabled {
@@ -5601,6 +5613,16 @@ $pv-eye-icon-margin-top: 3px !default;
5601
5613
  color: $pv-stamp-icon-color;
5602
5614
  }
5603
5615
  }
5616
+
5617
+ .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus,
5618
+ .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus .e-caret {
5619
+ @if ($skin-name == 'bootstrap4') {
5620
+ color: $pv-prop-win-drop-down-color-hover;
5621
+ }
5622
+ @if ($skin-name == 'bootstrap5') {
5623
+ color: $white;
5624
+ }
5625
+ }
5604
5626
 
5605
5627
  .e-dialog.e-pv-signature-dialog-height {
5606
5628
  height: $pv-signature-dialog-height;
@@ -1858,6 +1858,9 @@ $pv-eye-icon-margin-top: 3px !default;
1858
1858
  @if $skin-name == 'bootstrap4' {
1859
1859
  color: $pv-thumbnail-border-selection-font-color;
1860
1860
  }
1861
+ @if $skin-name == 'bootstrap5' {
1862
+ color: $white;
1863
+ }
1861
1864
  line-height: $pv-thumbnail-view-button-selection-line-height;
1862
1865
  padding: $pv-thumbnail-view-button-selection-padding;
1863
1866
  }
@@ -1870,6 +1873,9 @@ $pv-eye-icon-margin-top: 3px !default;
1870
1873
  @if $skin-name == 'bootstrap4' {
1871
1874
  color: $pv-thumbnail-border-selection-font-color;
1872
1875
  }
1876
+ @if $skin-name == 'bootstrap5' {
1877
+ color: $white;
1878
+ }
1873
1879
  line-height: $pv-thumbnail-view-button-selection-line-height;
1874
1880
  padding: $pv-thumbnail-view-button-selection-padding;
1875
1881
  }
@@ -2253,6 +2259,8 @@ $pv-eye-icon-margin-top: 3px !default;
2253
2259
 
2254
2260
  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
2255
2261
  .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
2262
+ .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
2263
+ .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
2256
2264
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover,
2257
2265
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover .e-caret,
2258
2266
  .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
@@ -2263,7 +2271,6 @@ $pv-eye-icon-margin-top: 3px !default;
2263
2271
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
2264
2272
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
2265
2273
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
2266
- .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2267
2274
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
2268
2275
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
2269
2276
  .e-pv-shapes-toolbar .e-pv-tbar-btn:focus,
@@ -2282,9 +2289,10 @@ $pv-eye-icon-margin-top: 3px !default;
2282
2289
  color: $pv-item-selection-color;
2283
2290
  }
2284
2291
  }
2285
-
2292
+
2286
2293
  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2287
- .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus
2294
+ .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2295
+ .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2288
2296
  {
2289
2297
  @if $skin-name == 'bootstrap4' {
2290
2298
  color: $pv-icon-color-hover;
@@ -2518,6 +2526,10 @@ $pv-eye-icon-margin-top: 3px !default;
2518
2526
  background-color: $pv-item-selection-background-color;
2519
2527
  color: $pv-item-selection-color;
2520
2528
  }
2529
+ @if $skin-name == 'bootstrap5' {
2530
+ background-color: $pv-item-selection-background-color;
2531
+ color: $pv-item-selection-color;
2532
+ }
2521
2533
  }
2522
2534
 
2523
2535
  .e-pv-search-btn.e-btn:disabled {
@@ -5601,6 +5613,16 @@ $pv-eye-icon-margin-top: 3px !default;
5601
5613
  color: $pv-stamp-icon-color;
5602
5614
  }
5603
5615
  }
5616
+
5617
+ .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus,
5618
+ .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus .e-caret {
5619
+ @if ($skin-name == 'bootstrap4') {
5620
+ color: $pv-prop-win-drop-down-color-hover;
5621
+ }
5622
+ @if ($skin-name == 'bootstrap5') {
5623
+ color: $white;
5624
+ }
5625
+ }
5604
5626
 
5605
5627
  .e-dialog.e-pv-signature-dialog-height {
5606
5628
  height: $pv-signature-dialog-height;
@@ -1904,6 +1904,9 @@ $pv-eye-icon-margin-top: 3px !default;
1904
1904
  @if $skin-name == 'bootstrap4' {
1905
1905
  color: $pv-thumbnail-border-selection-font-color;
1906
1906
  }
1907
+ @if $skin-name == 'bootstrap5' {
1908
+ color: $white;
1909
+ }
1907
1910
  line-height: $pv-thumbnail-view-button-selection-line-height;
1908
1911
  padding: $pv-thumbnail-view-button-selection-padding;
1909
1912
  }
@@ -1916,6 +1919,9 @@ $pv-eye-icon-margin-top: 3px !default;
1916
1919
  @if $skin-name == 'bootstrap4' {
1917
1920
  color: $pv-thumbnail-border-selection-font-color;
1918
1921
  }
1922
+ @if $skin-name == 'bootstrap5' {
1923
+ color: $white;
1924
+ }
1919
1925
  line-height: $pv-thumbnail-view-button-selection-line-height;
1920
1926
  padding: $pv-thumbnail-view-button-selection-padding;
1921
1927
  }
@@ -2299,6 +2305,8 @@ $pv-eye-icon-margin-top: 3px !default;
2299
2305
 
2300
2306
  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
2301
2307
  .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
2308
+ .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
2309
+ .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
2302
2310
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover,
2303
2311
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover .e-caret,
2304
2312
  .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
@@ -2309,7 +2317,6 @@ $pv-eye-icon-margin-top: 3px !default;
2309
2317
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
2310
2318
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
2311
2319
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
2312
- .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2313
2320
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
2314
2321
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
2315
2322
  .e-pv-shapes-toolbar .e-pv-tbar-btn:focus,
@@ -2328,9 +2335,10 @@ $pv-eye-icon-margin-top: 3px !default;
2328
2335
  color: $pv-item-selection-color;
2329
2336
  }
2330
2337
  }
2331
-
2338
+
2332
2339
  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2333
- .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus
2340
+ .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2341
+ .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2334
2342
  {
2335
2343
  @if $skin-name == 'bootstrap4' {
2336
2344
  color: $pv-icon-color-hover;
@@ -2564,6 +2572,10 @@ $pv-eye-icon-margin-top: 3px !default;
2564
2572
  background-color: $pv-item-selection-background-color;
2565
2573
  color: $pv-item-selection-color;
2566
2574
  }
2575
+ @if $skin-name == 'bootstrap5' {
2576
+ background-color: $pv-item-selection-background-color;
2577
+ color: $pv-item-selection-color;
2578
+ }
2567
2579
  }
2568
2580
 
2569
2581
  .e-pv-search-btn.e-btn:disabled {
@@ -5647,6 +5659,16 @@ $pv-eye-icon-margin-top: 3px !default;
5647
5659
  color: $pv-stamp-icon-color;
5648
5660
  }
5649
5661
  }
5662
+
5663
+ .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus,
5664
+ .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus .e-caret {
5665
+ @if ($skin-name == 'bootstrap4') {
5666
+ color: $pv-prop-win-drop-down-color-hover;
5667
+ }
5668
+ @if ($skin-name == 'bootstrap5') {
5669
+ color: $white;
5670
+ }
5671
+ }
5650
5672
 
5651
5673
  .e-dialog.e-pv-signature-dialog-height {
5652
5674
  height: $pv-signature-dialog-height;
@@ -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;
@@ -1852,6 +1852,9 @@ $pv-eye-icon-margin-top: 3px !default;
1852
1852
  @if $skin-name == 'bootstrap4' {
1853
1853
  color: $pv-thumbnail-border-selection-font-color;
1854
1854
  }
1855
+ @if $skin-name == 'bootstrap5' {
1856
+ color: $white;
1857
+ }
1855
1858
  line-height: $pv-thumbnail-view-button-selection-line-height;
1856
1859
  padding: $pv-thumbnail-view-button-selection-padding;
1857
1860
  }
@@ -1864,6 +1867,9 @@ $pv-eye-icon-margin-top: 3px !default;
1864
1867
  @if $skin-name == 'bootstrap4' {
1865
1868
  color: $pv-thumbnail-border-selection-font-color;
1866
1869
  }
1870
+ @if $skin-name == 'bootstrap5' {
1871
+ color: $white;
1872
+ }
1867
1873
  line-height: $pv-thumbnail-view-button-selection-line-height;
1868
1874
  padding: $pv-thumbnail-view-button-selection-padding;
1869
1875
  }
@@ -2247,6 +2253,8 @@ $pv-eye-icon-margin-top: 3px !default;
2247
2253
 
2248
2254
  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
2249
2255
  .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
2256
+ .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
2257
+ .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
2250
2258
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover,
2251
2259
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover .e-caret,
2252
2260
  .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
@@ -2257,7 +2265,6 @@ $pv-eye-icon-margin-top: 3px !default;
2257
2265
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
2258
2266
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
2259
2267
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
2260
- .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2261
2268
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
2262
2269
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
2263
2270
  .e-pv-shapes-toolbar .e-pv-tbar-btn:focus,
@@ -2276,9 +2283,10 @@ $pv-eye-icon-margin-top: 3px !default;
2276
2283
  color: $pv-item-selection-color;
2277
2284
  }
2278
2285
  }
2279
-
2286
+
2280
2287
  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2281
- .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus
2288
+ .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2289
+ .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2282
2290
  {
2283
2291
  @if $skin-name == 'bootstrap4' {
2284
2292
  color: $pv-icon-color-hover;
@@ -2512,6 +2520,10 @@ $pv-eye-icon-margin-top: 3px !default;
2512
2520
  background-color: $pv-item-selection-background-color;
2513
2521
  color: $pv-item-selection-color;
2514
2522
  }
2523
+ @if $skin-name == 'bootstrap5' {
2524
+ background-color: $pv-item-selection-background-color;
2525
+ color: $pv-item-selection-color;
2526
+ }
2515
2527
  }
2516
2528
 
2517
2529
  .e-pv-search-btn.e-btn:disabled {
@@ -5595,6 +5607,16 @@ $pv-eye-icon-margin-top: 3px !default;
5595
5607
  color: $pv-stamp-icon-color;
5596
5608
  }
5597
5609
  }
5610
+
5611
+ .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus,
5612
+ .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus .e-caret {
5613
+ @if ($skin-name == 'bootstrap4') {
5614
+ color: $pv-prop-win-drop-down-color-hover;
5615
+ }
5616
+ @if ($skin-name == 'bootstrap5') {
5617
+ color: $white;
5618
+ }
5619
+ }
5598
5620
 
5599
5621
  .e-dialog.e-pv-signature-dialog-height {
5600
5622
  height: $pv-signature-dialog-height;
@@ -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;
@@ -1852,6 +1852,9 @@ $pv-eye-icon-margin-top: 3px !default;
1852
1852
  @if $skin-name == 'bootstrap4' {
1853
1853
  color: $pv-thumbnail-border-selection-font-color;
1854
1854
  }
1855
+ @if $skin-name == 'bootstrap5' {
1856
+ color: $white;
1857
+ }
1855
1858
  line-height: $pv-thumbnail-view-button-selection-line-height;
1856
1859
  padding: $pv-thumbnail-view-button-selection-padding;
1857
1860
  }
@@ -1864,6 +1867,9 @@ $pv-eye-icon-margin-top: 3px !default;
1864
1867
  @if $skin-name == 'bootstrap4' {
1865
1868
  color: $pv-thumbnail-border-selection-font-color;
1866
1869
  }
1870
+ @if $skin-name == 'bootstrap5' {
1871
+ color: $white;
1872
+ }
1867
1873
  line-height: $pv-thumbnail-view-button-selection-line-height;
1868
1874
  padding: $pv-thumbnail-view-button-selection-padding;
1869
1875
  }
@@ -2247,6 +2253,8 @@ $pv-eye-icon-margin-top: 3px !default;
2247
2253
 
2248
2254
  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
2249
2255
  .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
2256
+ .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
2257
+ .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
2250
2258
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover,
2251
2259
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover .e-caret,
2252
2260
  .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
@@ -2257,7 +2265,6 @@ $pv-eye-icon-margin-top: 3px !default;
2257
2265
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
2258
2266
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
2259
2267
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
2260
- .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2261
2268
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
2262
2269
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
2263
2270
  .e-pv-shapes-toolbar .e-pv-tbar-btn:focus,
@@ -2276,9 +2283,10 @@ $pv-eye-icon-margin-top: 3px !default;
2276
2283
  color: $pv-item-selection-color;
2277
2284
  }
2278
2285
  }
2279
-
2286
+
2280
2287
  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2281
- .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus
2288
+ .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2289
+ .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2282
2290
  {
2283
2291
  @if $skin-name == 'bootstrap4' {
2284
2292
  color: $pv-icon-color-hover;
@@ -2512,6 +2520,10 @@ $pv-eye-icon-margin-top: 3px !default;
2512
2520
  background-color: $pv-item-selection-background-color;
2513
2521
  color: $pv-item-selection-color;
2514
2522
  }
2523
+ @if $skin-name == 'bootstrap5' {
2524
+ background-color: $pv-item-selection-background-color;
2525
+ color: $pv-item-selection-color;
2526
+ }
2515
2527
  }
2516
2528
 
2517
2529
  .e-pv-search-btn.e-btn:disabled {
@@ -5595,6 +5607,16 @@ $pv-eye-icon-margin-top: 3px !default;
5595
5607
  color: $pv-stamp-icon-color;
5596
5608
  }
5597
5609
  }
5610
+
5611
+ .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus,
5612
+ .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus .e-caret {
5613
+ @if ($skin-name == 'bootstrap4') {
5614
+ color: $pv-prop-win-drop-down-color-hover;
5615
+ }
5616
+ @if ($skin-name == 'bootstrap5') {
5617
+ color: $white;
5618
+ }
5619
+ }
5598
5620
 
5599
5621
  .e-dialog.e-pv-signature-dialog-height {
5600
5622
  height: $pv-signature-dialog-height;
@@ -1855,6 +1855,9 @@ $pv-eye-icon-margin-top: 3px !default;
1855
1855
  @if $skin-name == 'bootstrap4' {
1856
1856
  color: $pv-thumbnail-border-selection-font-color;
1857
1857
  }
1858
+ @if $skin-name == 'bootstrap5' {
1859
+ color: $white;
1860
+ }
1858
1861
  line-height: $pv-thumbnail-view-button-selection-line-height;
1859
1862
  padding: $pv-thumbnail-view-button-selection-padding;
1860
1863
  }
@@ -1867,6 +1870,9 @@ $pv-eye-icon-margin-top: 3px !default;
1867
1870
  @if $skin-name == 'bootstrap4' {
1868
1871
  color: $pv-thumbnail-border-selection-font-color;
1869
1872
  }
1873
+ @if $skin-name == 'bootstrap5' {
1874
+ color: $white;
1875
+ }
1870
1876
  line-height: $pv-thumbnail-view-button-selection-line-height;
1871
1877
  padding: $pv-thumbnail-view-button-selection-padding;
1872
1878
  }
@@ -2250,6 +2256,8 @@ $pv-eye-icon-margin-top: 3px !default;
2250
2256
 
2251
2257
  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
2252
2258
  .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
2259
+ .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
2260
+ .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
2253
2261
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover,
2254
2262
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover .e-caret,
2255
2263
  .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
@@ -2260,7 +2268,6 @@ $pv-eye-icon-margin-top: 3px !default;
2260
2268
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
2261
2269
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
2262
2270
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
2263
- .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2264
2271
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
2265
2272
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
2266
2273
  .e-pv-shapes-toolbar .e-pv-tbar-btn:focus,
@@ -2279,9 +2286,10 @@ $pv-eye-icon-margin-top: 3px !default;
2279
2286
  color: $pv-item-selection-color;
2280
2287
  }
2281
2288
  }
2282
-
2289
+
2283
2290
  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2284
- .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus
2291
+ .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2292
+ .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2285
2293
  {
2286
2294
  @if $skin-name == 'bootstrap4' {
2287
2295
  color: $pv-icon-color-hover;
@@ -2515,6 +2523,10 @@ $pv-eye-icon-margin-top: 3px !default;
2515
2523
  background-color: $pv-item-selection-background-color;
2516
2524
  color: $pv-item-selection-color;
2517
2525
  }
2526
+ @if $skin-name == 'bootstrap5' {
2527
+ background-color: $pv-item-selection-background-color;
2528
+ color: $pv-item-selection-color;
2529
+ }
2518
2530
  }
2519
2531
 
2520
2532
  .e-pv-search-btn.e-btn:disabled {
@@ -5598,6 +5610,16 @@ $pv-eye-icon-margin-top: 3px !default;
5598
5610
  color: $pv-stamp-icon-color;
5599
5611
  }
5600
5612
  }
5613
+
5614
+ .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus,
5615
+ .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus .e-caret {
5616
+ @if ($skin-name == 'bootstrap4') {
5617
+ color: $pv-prop-win-drop-down-color-hover;
5618
+ }
5619
+ @if ($skin-name == 'bootstrap5') {
5620
+ color: $white;
5621
+ }
5622
+ }
5601
5623
 
5602
5624
  .e-dialog.e-pv-signature-dialog-height {
5603
5625
  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;
@@ -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;