@syncfusion/blazor-themes 24.1.45 → 24.1.47

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 (243) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +109 -83
  2. package/SCSS-Themes/bootstrap.scss +109 -83
  3. package/SCSS-Themes/bootstrap4.scss +121 -95
  4. package/SCSS-Themes/bootstrap5-dark.scss +115 -89
  5. package/SCSS-Themes/bootstrap5.scss +115 -89
  6. package/SCSS-Themes/buttons/button/bootstrap-dark.scss +12 -48
  7. package/SCSS-Themes/buttons/button/bootstrap.scss +12 -48
  8. package/SCSS-Themes/buttons/button/bootstrap4.scss +24 -60
  9. package/SCSS-Themes/buttons/button/bootstrap5-dark.scss +12 -48
  10. package/SCSS-Themes/buttons/button/bootstrap5.scss +12 -48
  11. package/SCSS-Themes/buttons/button/fabric-dark.scss +12 -48
  12. package/SCSS-Themes/buttons/button/fabric.scss +12 -48
  13. package/SCSS-Themes/buttons/button/fluent-dark.scss +12 -48
  14. package/SCSS-Themes/buttons/button/fluent.scss +12 -48
  15. package/SCSS-Themes/buttons/button/highcontrast.scss +12 -48
  16. package/SCSS-Themes/buttons/button/material-dark.scss +12 -48
  17. package/SCSS-Themes/buttons/button/material.scss +12 -48
  18. package/SCSS-Themes/buttons/button/material3-dark.scss +12 -48
  19. package/SCSS-Themes/buttons/button/material3.scss +12 -48
  20. package/SCSS-Themes/buttons/button/tailwind-dark.scss +12 -48
  21. package/SCSS-Themes/buttons/button/tailwind.scss +12 -48
  22. package/SCSS-Themes/calendars/calendar/material3-dark.scss +1 -1
  23. package/SCSS-Themes/calendars/calendar/material3.scss +1 -1
  24. package/SCSS-Themes/documenteditor/document-editor/bootstrap-dark.scss +5 -0
  25. package/SCSS-Themes/documenteditor/document-editor/bootstrap.scss +5 -0
  26. package/SCSS-Themes/documenteditor/document-editor/bootstrap4.scss +5 -0
  27. package/SCSS-Themes/documenteditor/document-editor/bootstrap5-dark.scss +5 -0
  28. package/SCSS-Themes/documenteditor/document-editor/bootstrap5.scss +5 -0
  29. package/SCSS-Themes/documenteditor/document-editor/fabric-dark.scss +5 -0
  30. package/SCSS-Themes/documenteditor/document-editor/fabric.scss +5 -0
  31. package/SCSS-Themes/documenteditor/document-editor/fluent-dark.scss +5 -0
  32. package/SCSS-Themes/documenteditor/document-editor/fluent.scss +5 -0
  33. package/SCSS-Themes/documenteditor/document-editor/highcontrast.scss +5 -0
  34. package/SCSS-Themes/documenteditor/document-editor/material-dark.scss +5 -0
  35. package/SCSS-Themes/documenteditor/document-editor/material.scss +5 -0
  36. package/SCSS-Themes/documenteditor/document-editor/material3-dark.scss +5 -0
  37. package/SCSS-Themes/documenteditor/document-editor/material3.scss +5 -0
  38. package/SCSS-Themes/documenteditor/document-editor/tailwind-dark.scss +5 -0
  39. package/SCSS-Themes/documenteditor/document-editor/tailwind.scss +5 -0
  40. package/SCSS-Themes/dropdowns/drop-down-base/bootstrap-dark.scss +0 -5
  41. package/SCSS-Themes/dropdowns/drop-down-base/bootstrap.scss +0 -5
  42. package/SCSS-Themes/dropdowns/drop-down-base/bootstrap4.scss +0 -5
  43. package/SCSS-Themes/dropdowns/drop-down-base/bootstrap5-dark.scss +0 -5
  44. package/SCSS-Themes/dropdowns/drop-down-base/bootstrap5.scss +0 -5
  45. package/SCSS-Themes/dropdowns/drop-down-base/fabric-dark.scss +0 -5
  46. package/SCSS-Themes/dropdowns/drop-down-base/fabric.scss +0 -5
  47. package/SCSS-Themes/dropdowns/drop-down-base/fluent-dark.scss +0 -5
  48. package/SCSS-Themes/dropdowns/drop-down-base/fluent.scss +0 -5
  49. package/SCSS-Themes/dropdowns/drop-down-base/highcontrast.scss +0 -5
  50. package/SCSS-Themes/dropdowns/drop-down-base/material-dark.scss +0 -5
  51. package/SCSS-Themes/dropdowns/drop-down-base/material.scss +0 -5
  52. package/SCSS-Themes/dropdowns/drop-down-base/material3-dark.scss +0 -5
  53. package/SCSS-Themes/dropdowns/drop-down-base/material3.scss +0 -5
  54. package/SCSS-Themes/dropdowns/drop-down-base/tailwind-dark.scss +0 -5
  55. package/SCSS-Themes/dropdowns/drop-down-base/tailwind.scss +0 -5
  56. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap-dark.scss +5 -0
  57. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap.scss +5 -0
  58. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap4.scss +5 -0
  59. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5-dark.scss +5 -0
  60. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.scss +5 -0
  61. package/SCSS-Themes/dropdowns/drop-down-list/fabric-dark.scss +5 -0
  62. package/SCSS-Themes/dropdowns/drop-down-list/fabric.scss +5 -0
  63. package/SCSS-Themes/dropdowns/drop-down-list/fluent-dark.scss +5 -0
  64. package/SCSS-Themes/dropdowns/drop-down-list/fluent.scss +5 -0
  65. package/SCSS-Themes/dropdowns/drop-down-list/highcontrast.scss +5 -0
  66. package/SCSS-Themes/dropdowns/drop-down-list/material-dark.scss +5 -0
  67. package/SCSS-Themes/dropdowns/drop-down-list/material.scss +5 -0
  68. package/SCSS-Themes/dropdowns/drop-down-list/material3-dark.scss +5 -0
  69. package/SCSS-Themes/dropdowns/drop-down-list/material3.scss +5 -0
  70. package/SCSS-Themes/dropdowns/drop-down-list/tailwind-dark.scss +5 -0
  71. package/SCSS-Themes/dropdowns/drop-down-list/tailwind.scss +5 -0
  72. package/SCSS-Themes/fabric-dark.scss +109 -83
  73. package/SCSS-Themes/fabric.scss +109 -83
  74. package/SCSS-Themes/fluent-dark.scss +113 -87
  75. package/SCSS-Themes/fluent.scss +113 -87
  76. package/SCSS-Themes/gantt/gantt/bootstrap-dark.scss +1 -1
  77. package/SCSS-Themes/gantt/gantt/bootstrap.scss +1 -1
  78. package/SCSS-Themes/gantt/gantt/bootstrap4.scss +1 -1
  79. package/SCSS-Themes/gantt/gantt/bootstrap5-dark.scss +1 -1
  80. package/SCSS-Themes/gantt/gantt/bootstrap5.scss +1 -1
  81. package/SCSS-Themes/gantt/gantt/fabric-dark.scss +1 -1
  82. package/SCSS-Themes/gantt/gantt/fabric.scss +1 -1
  83. package/SCSS-Themes/gantt/gantt/fluent-dark.scss +1 -1
  84. package/SCSS-Themes/gantt/gantt/fluent.scss +1 -1
  85. package/SCSS-Themes/gantt/gantt/highcontrast.scss +1 -1
  86. package/SCSS-Themes/gantt/gantt/material-dark.scss +1 -1
  87. package/SCSS-Themes/gantt/gantt/material.scss +1 -1
  88. package/SCSS-Themes/gantt/gantt/material3-dark.scss +1 -1
  89. package/SCSS-Themes/gantt/gantt/material3.scss +1 -1
  90. package/SCSS-Themes/gantt/gantt/tailwind-dark.scss +1 -1
  91. package/SCSS-Themes/gantt/gantt/tailwind.scss +1 -1
  92. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +22 -4
  93. package/SCSS-Themes/grids/grid/bootstrap.scss +22 -4
  94. package/SCSS-Themes/grids/grid/bootstrap4.scss +22 -4
  95. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +22 -4
  96. package/SCSS-Themes/grids/grid/bootstrap5.scss +22 -4
  97. package/SCSS-Themes/grids/grid/fabric-dark.scss +22 -4
  98. package/SCSS-Themes/grids/grid/fabric.scss +22 -4
  99. package/SCSS-Themes/grids/grid/fluent-dark.scss +22 -4
  100. package/SCSS-Themes/grids/grid/fluent.scss +22 -4
  101. package/SCSS-Themes/grids/grid/highcontrast.scss +22 -4
  102. package/SCSS-Themes/grids/grid/material-dark.scss +22 -4
  103. package/SCSS-Themes/grids/grid/material.scss +22 -4
  104. package/SCSS-Themes/grids/grid/material3-dark.scss +22 -4
  105. package/SCSS-Themes/grids/grid/material3.scss +22 -4
  106. package/SCSS-Themes/grids/grid/tailwind-dark.scss +22 -4
  107. package/SCSS-Themes/grids/grid/tailwind.scss +22 -4
  108. package/SCSS-Themes/highcontrast.scss +109 -83
  109. package/SCSS-Themes/kanban/kanban/bootstrap-dark.scss +0 -1
  110. package/SCSS-Themes/kanban/kanban/bootstrap.scss +0 -1
  111. package/SCSS-Themes/kanban/kanban/bootstrap4.scss +0 -1
  112. package/SCSS-Themes/kanban/kanban/bootstrap5-dark.scss +0 -1
  113. package/SCSS-Themes/kanban/kanban/bootstrap5.scss +0 -1
  114. package/SCSS-Themes/kanban/kanban/fabric-dark.scss +0 -1
  115. package/SCSS-Themes/kanban/kanban/fabric.scss +0 -1
  116. package/SCSS-Themes/kanban/kanban/fluent-dark.scss +0 -1
  117. package/SCSS-Themes/kanban/kanban/fluent.scss +0 -1
  118. package/SCSS-Themes/kanban/kanban/highcontrast.scss +0 -1
  119. package/SCSS-Themes/kanban/kanban/material-dark.scss +0 -1
  120. package/SCSS-Themes/kanban/kanban/material.scss +0 -1
  121. package/SCSS-Themes/kanban/kanban/material3-dark.scss +0 -1
  122. package/SCSS-Themes/kanban/kanban/material3.scss +0 -1
  123. package/SCSS-Themes/kanban/kanban/tailwind-dark.scss +0 -1
  124. package/SCSS-Themes/kanban/kanban/tailwind.scss +0 -1
  125. package/SCSS-Themes/material-dark.scss +109 -83
  126. package/SCSS-Themes/material.scss +110 -83
  127. package/SCSS-Themes/material3-dark.scss +111 -85
  128. package/SCSS-Themes/material3.scss +111 -85
  129. package/SCSS-Themes/navigations/stepper/bootstrap-dark.scss +10 -3
  130. package/SCSS-Themes/navigations/stepper/bootstrap.scss +10 -3
  131. package/SCSS-Themes/navigations/stepper/bootstrap4.scss +10 -3
  132. package/SCSS-Themes/navigations/stepper/bootstrap5-dark.scss +10 -3
  133. package/SCSS-Themes/navigations/stepper/bootstrap5.scss +10 -3
  134. package/SCSS-Themes/navigations/stepper/fabric-dark.scss +10 -3
  135. package/SCSS-Themes/navigations/stepper/fabric.scss +10 -3
  136. package/SCSS-Themes/navigations/stepper/fluent-dark.scss +10 -3
  137. package/SCSS-Themes/navigations/stepper/fluent.scss +10 -3
  138. package/SCSS-Themes/navigations/stepper/highcontrast.scss +10 -3
  139. package/SCSS-Themes/navigations/stepper/material-dark.scss +10 -3
  140. package/SCSS-Themes/navigations/stepper/material.scss +10 -3
  141. package/SCSS-Themes/navigations/stepper/material3-dark.scss +10 -3
  142. package/SCSS-Themes/navigations/stepper/material3.scss +10 -3
  143. package/SCSS-Themes/navigations/stepper/tailwind-dark.scss +10 -3
  144. package/SCSS-Themes/navigations/stepper/tailwind.scss +10 -3
  145. package/SCSS-Themes/navigations/toolbar/bootstrap-dark.scss +8 -0
  146. package/SCSS-Themes/navigations/toolbar/bootstrap.scss +8 -0
  147. package/SCSS-Themes/navigations/toolbar/bootstrap4.scss +8 -0
  148. package/SCSS-Themes/navigations/toolbar/bootstrap5-dark.scss +13 -5
  149. package/SCSS-Themes/navigations/toolbar/bootstrap5.scss +13 -5
  150. package/SCSS-Themes/navigations/toolbar/fabric-dark.scss +8 -0
  151. package/SCSS-Themes/navigations/toolbar/fabric.scss +8 -0
  152. package/SCSS-Themes/navigations/toolbar/fluent-dark.scss +10 -2
  153. package/SCSS-Themes/navigations/toolbar/fluent.scss +10 -2
  154. package/SCSS-Themes/navigations/toolbar/highcontrast.scss +8 -0
  155. package/SCSS-Themes/navigations/toolbar/material-dark.scss +8 -0
  156. package/SCSS-Themes/navigations/toolbar/material.scss +8 -0
  157. package/SCSS-Themes/navigations/toolbar/material3-dark.scss +8 -0
  158. package/SCSS-Themes/navigations/toolbar/material3.scss +8 -0
  159. package/SCSS-Themes/navigations/toolbar/tailwind-dark.scss +10 -2
  160. package/SCSS-Themes/navigations/toolbar/tailwind.scss +10 -2
  161. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap-dark.scss +14 -2
  162. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap.scss +14 -2
  163. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap4.scss +14 -2
  164. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5-dark.scss +14 -2
  165. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5.scss +14 -2
  166. package/SCSS-Themes/pdfviewer/pdfviewer/fabric-dark.scss +14 -2
  167. package/SCSS-Themes/pdfviewer/pdfviewer/fabric.scss +14 -2
  168. package/SCSS-Themes/pdfviewer/pdfviewer/fluent-dark.scss +14 -2
  169. package/SCSS-Themes/pdfviewer/pdfviewer/fluent.scss +14 -2
  170. package/SCSS-Themes/pdfviewer/pdfviewer/highcontrast.scss +14 -2
  171. package/SCSS-Themes/pdfviewer/pdfviewer/material-dark.scss +14 -2
  172. package/SCSS-Themes/pdfviewer/pdfviewer/material.scss +14 -2
  173. package/SCSS-Themes/pdfviewer/pdfviewer/material3-dark.scss +14 -2
  174. package/SCSS-Themes/pdfviewer/pdfviewer/material3.scss +14 -2
  175. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind-dark.scss +14 -2
  176. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind.scss +14 -2
  177. package/SCSS-Themes/ribbon/ribbon/bootstrap-dark.scss +10 -0
  178. package/SCSS-Themes/ribbon/ribbon/bootstrap.scss +10 -0
  179. package/SCSS-Themes/ribbon/ribbon/bootstrap4.scss +10 -0
  180. package/SCSS-Themes/ribbon/ribbon/bootstrap5-dark.scss +10 -0
  181. package/SCSS-Themes/ribbon/ribbon/bootstrap5.scss +10 -0
  182. package/SCSS-Themes/ribbon/ribbon/fabric-dark.scss +10 -0
  183. package/SCSS-Themes/ribbon/ribbon/fabric.scss +10 -0
  184. package/SCSS-Themes/ribbon/ribbon/fluent-dark.scss +10 -0
  185. package/SCSS-Themes/ribbon/ribbon/fluent.scss +10 -0
  186. package/SCSS-Themes/ribbon/ribbon/highcontrast.scss +10 -0
  187. package/SCSS-Themes/ribbon/ribbon/material-dark.scss +10 -0
  188. package/SCSS-Themes/ribbon/ribbon/material.scss +10 -0
  189. package/SCSS-Themes/ribbon/ribbon/material3-dark.scss +10 -0
  190. package/SCSS-Themes/ribbon/ribbon/material3.scss +10 -0
  191. package/SCSS-Themes/ribbon/ribbon/tailwind-dark.scss +10 -0
  192. package/SCSS-Themes/ribbon/ribbon/tailwind.scss +10 -0
  193. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap-dark.scss +5 -4
  194. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap.scss +5 -4
  195. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap4.scss +5 -4
  196. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5-dark.scss +6 -5
  197. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5.scss +6 -5
  198. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric-dark.scss +5 -4
  199. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric.scss +5 -4
  200. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent-dark.scss +6 -5
  201. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent.scss +6 -5
  202. package/SCSS-Themes/richtexteditor/rich-text-editor/highcontrast.scss +5 -4
  203. package/SCSS-Themes/richtexteditor/rich-text-editor/material-dark.scss +5 -4
  204. package/SCSS-Themes/richtexteditor/rich-text-editor/material.scss +6 -4
  205. package/SCSS-Themes/richtexteditor/rich-text-editor/material3-dark.scss +6 -5
  206. package/SCSS-Themes/richtexteditor/rich-text-editor/material3.scss +6 -5
  207. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind-dark.scss +6 -5
  208. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind.scss +6 -5
  209. package/SCSS-Themes/splitbuttons/button-group/bootstrap-dark.scss +14 -14
  210. package/SCSS-Themes/splitbuttons/button-group/bootstrap.scss +14 -14
  211. package/SCSS-Themes/splitbuttons/button-group/bootstrap4.scss +14 -14
  212. package/SCSS-Themes/splitbuttons/button-group/bootstrap5-dark.scss +14 -14
  213. package/SCSS-Themes/splitbuttons/button-group/bootstrap5.scss +14 -14
  214. package/SCSS-Themes/splitbuttons/button-group/fabric-dark.scss +14 -14
  215. package/SCSS-Themes/splitbuttons/button-group/fabric.scss +14 -14
  216. package/SCSS-Themes/splitbuttons/button-group/fluent-dark.scss +14 -14
  217. package/SCSS-Themes/splitbuttons/button-group/fluent.scss +14 -14
  218. package/SCSS-Themes/splitbuttons/button-group/highcontrast.scss +14 -14
  219. package/SCSS-Themes/splitbuttons/button-group/material-dark.scss +14 -14
  220. package/SCSS-Themes/splitbuttons/button-group/material.scss +14 -14
  221. package/SCSS-Themes/splitbuttons/button-group/material3-dark.scss +14 -14
  222. package/SCSS-Themes/splitbuttons/button-group/material3.scss +14 -14
  223. package/SCSS-Themes/splitbuttons/button-group/tailwind-dark.scss +14 -14
  224. package/SCSS-Themes/splitbuttons/button-group/tailwind.scss +14 -14
  225. package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap-dark.scss +3 -1
  226. package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap.scss +3 -1
  227. package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap4.scss +3 -1
  228. package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap5-dark.scss +3 -1
  229. package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap5.scss +3 -1
  230. package/SCSS-Themes/splitbuttons/drop-down-button/fabric-dark.scss +3 -1
  231. package/SCSS-Themes/splitbuttons/drop-down-button/fabric.scss +3 -1
  232. package/SCSS-Themes/splitbuttons/drop-down-button/fluent-dark.scss +4 -2
  233. package/SCSS-Themes/splitbuttons/drop-down-button/fluent.scss +4 -2
  234. package/SCSS-Themes/splitbuttons/drop-down-button/highcontrast.scss +3 -1
  235. package/SCSS-Themes/splitbuttons/drop-down-button/material-dark.scss +3 -1
  236. package/SCSS-Themes/splitbuttons/drop-down-button/material.scss +3 -1
  237. package/SCSS-Themes/splitbuttons/drop-down-button/material3-dark.scss +3 -1
  238. package/SCSS-Themes/splitbuttons/drop-down-button/material3.scss +3 -1
  239. package/SCSS-Themes/splitbuttons/drop-down-button/tailwind-dark.scss +3 -1
  240. package/SCSS-Themes/splitbuttons/drop-down-button/tailwind.scss +3 -1
  241. package/SCSS-Themes/tailwind-dark.scss +112 -86
  242. package/SCSS-Themes/tailwind.scss +112 -86
  243. package/package.json +1 -1
@@ -43,7 +43,7 @@ $tbar-separator-border: $border-dark !default;
43
43
  $tbar-default-border: $border-light !default;
44
44
  $tbar-hover-border-color: $icon-color !default;
45
45
  $tbar-focus-border-color: $tbar-hover-border-color !default;
46
- $tbar-focus-bg: $content-bg-color-alt4 !default;
46
+ $tbar-focus-bg: none !default;
47
47
  $tbar-press-font: $content-text-color !default;
48
48
 
49
49
  $tbar-default-font-overlay: $content-text-color !default;
@@ -164,7 +164,7 @@ $tbar-flat-btn-active-box-shadow: none !default;
164
164
  $tbar-ext-btn-focus-padding: 0 4px !default;
165
165
  $tbar-ext-btn-icon-padding: 0 !default;
166
166
  $tbar-ext-btn-icon-font-size: $text-sm !default;
167
- $tbar-ext-btn-focus-box-shadow: none !default;
167
+ $tbar-ext-btn-focus-box-shadow: inset 0 0 0 1px !default;
168
168
  $tbar-ext-btn-hover-border-color: $tbar-hover-border-color !default;
169
169
  $tbar-ext-btn-border: none !default;
170
170
 
@@ -1303,6 +1303,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
1303
1303
 
1304
1304
  .e-tbar-btn-text {
1305
1305
  color: $tbar-btn-text-focus-color;
1306
+
1307
+ @if $skin-name == 'bootstrap5' {
1308
+ color: $tbar-btn-icons-focus-color;
1309
+ }
1306
1310
  }
1307
1311
  }
1308
1312
 
@@ -1316,6 +1320,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
1316
1320
 
1317
1321
  .e-icons {
1318
1322
  color: $tbar-btn-icons-focus-color;
1323
+
1324
+ @if $skin-name == 'bootstrap5' {
1325
+ color: $tbar-btn-text-focus-color;
1326
+ }
1319
1327
  }
1320
1328
 
1321
1329
  .e-tbar-btn-text {
@@ -43,7 +43,7 @@ $tbar-separator-border: $border-dark !default;
43
43
  $tbar-default-border: $border-light !default;
44
44
  $tbar-hover-border-color: $icon-color !default;
45
45
  $tbar-focus-border-color: $tbar-hover-border-color !default;
46
- $tbar-focus-bg: $content-bg-color-alt4 !default;
46
+ $tbar-focus-bg: none !default;
47
47
  $tbar-press-font: $content-text-color !default;
48
48
 
49
49
  $tbar-default-font-overlay: $content-text-color !default;
@@ -164,7 +164,7 @@ $tbar-flat-btn-active-box-shadow: none !default;
164
164
  $tbar-ext-btn-focus-padding: 0 4px !default;
165
165
  $tbar-ext-btn-icon-padding: 0 !default;
166
166
  $tbar-ext-btn-icon-font-size: $text-sm !default;
167
- $tbar-ext-btn-focus-box-shadow: none !default;
167
+ $tbar-ext-btn-focus-box-shadow: inset 0 0 0 1px !default;
168
168
  $tbar-ext-btn-hover-border-color: $tbar-hover-border-color !default;
169
169
  $tbar-ext-btn-border: none !default;
170
170
 
@@ -1303,6 +1303,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
1303
1303
 
1304
1304
  .e-tbar-btn-text {
1305
1305
  color: $tbar-btn-text-focus-color;
1306
+
1307
+ @if $skin-name == 'bootstrap5' {
1308
+ color: $tbar-btn-icons-focus-color;
1309
+ }
1306
1310
  }
1307
1311
  }
1308
1312
 
@@ -1316,6 +1320,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
1316
1320
 
1317
1321
  .e-icons {
1318
1322
  color: $tbar-btn-icons-focus-color;
1323
+
1324
+ @if $skin-name == 'bootstrap5' {
1325
+ color: $tbar-btn-text-focus-color;
1326
+ }
1319
1327
  }
1320
1328
 
1321
1329
  .e-tbar-btn-text {
@@ -1311,6 +1311,10 @@ $tbar-popup-btn-hover-border-size: 2px !default;
1311
1311
 
1312
1312
  .e-tbar-btn-text {
1313
1313
  color: $tbar-btn-text-focus-color;
1314
+
1315
+ @if $skin-name == 'bootstrap5' {
1316
+ color: $tbar-btn-icons-focus-color;
1317
+ }
1314
1318
  }
1315
1319
  }
1316
1320
 
@@ -1324,6 +1328,10 @@ $tbar-popup-btn-hover-border-size: 2px !default;
1324
1328
 
1325
1329
  .e-icons {
1326
1330
  color: $tbar-btn-icons-focus-color;
1331
+
1332
+ @if $skin-name == 'bootstrap5' {
1333
+ color: $tbar-btn-text-focus-color;
1334
+ }
1327
1335
  }
1328
1336
 
1329
1337
  .e-tbar-btn-text {
@@ -1340,6 +1340,10 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
1340
1340
 
1341
1341
  .e-tbar-btn-text {
1342
1342
  color: $tbar-btn-text-focus-color;
1343
+
1344
+ @if $skin-name == 'bootstrap5' {
1345
+ color: $tbar-btn-icons-focus-color;
1346
+ }
1343
1347
  }
1344
1348
  }
1345
1349
 
@@ -1353,6 +1357,10 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
1353
1357
 
1354
1358
  .e-icons {
1355
1359
  color: $tbar-btn-icons-focus-color;
1360
+
1361
+ @if $skin-name == 'bootstrap5' {
1362
+ color: $tbar-btn-text-focus-color;
1363
+ }
1356
1364
  }
1357
1365
 
1358
1366
  .e-tbar-btn-text {
@@ -1328,6 +1328,10 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
1328
1328
 
1329
1329
  .e-tbar-btn-text {
1330
1330
  color: $tbar-btn-text-focus-color;
1331
+
1332
+ @if $skin-name == 'bootstrap5' {
1333
+ color: $tbar-btn-icons-focus-color;
1334
+ }
1331
1335
  }
1332
1336
  }
1333
1337
 
@@ -1341,6 +1345,10 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
1341
1345
 
1342
1346
  .e-icons {
1343
1347
  color: $tbar-btn-icons-focus-color;
1348
+
1349
+ @if $skin-name == 'bootstrap5' {
1350
+ color: $tbar-btn-text-focus-color;
1351
+ }
1344
1352
  }
1345
1353
 
1346
1354
  .e-tbar-btn-text {
@@ -1313,6 +1313,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
1313
1313
 
1314
1314
  .e-tbar-btn-text {
1315
1315
  color: $tbar-btn-text-focus-color;
1316
+
1317
+ @if $skin-name == 'bootstrap5' {
1318
+ color: $tbar-btn-icons-focus-color;
1319
+ }
1316
1320
  }
1317
1321
  }
1318
1322
 
@@ -1326,6 +1330,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
1326
1330
 
1327
1331
  .e-icons {
1328
1332
  color: $tbar-btn-icons-focus-color;
1333
+
1334
+ @if $skin-name == 'bootstrap5' {
1335
+ color: $tbar-btn-text-focus-color;
1336
+ }
1329
1337
  }
1330
1338
 
1331
1339
  .e-tbar-btn-text {
@@ -1313,6 +1313,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
1313
1313
 
1314
1314
  .e-tbar-btn-text {
1315
1315
  color: $tbar-btn-text-focus-color;
1316
+
1317
+ @if $skin-name == 'bootstrap5' {
1318
+ color: $tbar-btn-icons-focus-color;
1319
+ }
1316
1320
  }
1317
1321
  }
1318
1322
 
@@ -1326,6 +1330,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
1326
1330
 
1327
1331
  .e-icons {
1328
1332
  color: $tbar-btn-icons-focus-color;
1333
+
1334
+ @if $skin-name == 'bootstrap5' {
1335
+ color: $tbar-btn-text-focus-color;
1336
+ }
1329
1337
  }
1330
1338
 
1331
1339
  .e-tbar-btn-text {
@@ -43,7 +43,7 @@ $tbar-separator-border: $border-light !default;
43
43
  $tbar-default-border: $border-light !default;
44
44
  $tbar-hover-border-color: $icon-color !default;
45
45
  $tbar-focus-border-color: $tbar-hover-border-color !default;
46
- $tbar-focus-bg: $tbar-hover-bg !default;
46
+ $tbar-focus-bg: none !default;
47
47
  $tbar-press-font: $content-text-color-alt2 !default;
48
48
 
49
49
  $tbar-default-font-overlay: $content-text-color-alt2 !default;
@@ -164,7 +164,7 @@ $tbar-flat-btn-active-box-shadow: $shadow-sm !default;
164
164
  $tbar-ext-btn-focus-padding: 0 4px !default;
165
165
  $tbar-ext-btn-icon-padding: 5px 6px !default;
166
166
  $tbar-ext-btn-icon-font-size: $text-base !default;
167
- $tbar-ext-btn-focus-box-shadow: none !default;
167
+ $tbar-ext-btn-focus-box-shadow: $shadow-focus-ring1 !default;
168
168
  $tbar-ext-btn-hover-border-color: $tbar-hover-border-color !default;
169
169
  $tbar-ext-btn-border: none !default;
170
170
 
@@ -1303,6 +1303,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
1303
1303
 
1304
1304
  .e-tbar-btn-text {
1305
1305
  color: $tbar-btn-text-focus-color;
1306
+
1307
+ @if $skin-name == 'bootstrap5' {
1308
+ color: $tbar-btn-icons-focus-color;
1309
+ }
1306
1310
  }
1307
1311
  }
1308
1312
 
@@ -1316,6 +1320,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
1316
1320
 
1317
1321
  .e-icons {
1318
1322
  color: $tbar-btn-icons-focus-color;
1323
+
1324
+ @if $skin-name == 'bootstrap5' {
1325
+ color: $tbar-btn-text-focus-color;
1326
+ }
1319
1327
  }
1320
1328
 
1321
1329
  .e-tbar-btn-text {
@@ -43,7 +43,7 @@ $tbar-separator-border: $border-light !default;
43
43
  $tbar-default-border: $border-light !default;
44
44
  $tbar-hover-border-color: $icon-color !default;
45
45
  $tbar-focus-border-color: $tbar-hover-border-color !default;
46
- $tbar-focus-bg: $tbar-hover-bg !default;
46
+ $tbar-focus-bg: none !default;
47
47
  $tbar-press-font: $content-text-color-alt2 !default;
48
48
 
49
49
  $tbar-default-font-overlay: $content-text-color-alt2 !default;
@@ -164,7 +164,7 @@ $tbar-flat-btn-active-box-shadow: $shadow-sm !default;
164
164
  $tbar-ext-btn-focus-padding: 0 4px !default;
165
165
  $tbar-ext-btn-icon-padding: 5px 6px !default;
166
166
  $tbar-ext-btn-icon-font-size: $text-base !default;
167
- $tbar-ext-btn-focus-box-shadow: none !default;
167
+ $tbar-ext-btn-focus-box-shadow: $shadow-focus-ring1 !default;
168
168
  $tbar-ext-btn-hover-border-color: $tbar-hover-border-color !default;
169
169
  $tbar-ext-btn-border: none !default;
170
170
 
@@ -1303,6 +1303,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
1303
1303
 
1304
1304
  .e-tbar-btn-text {
1305
1305
  color: $tbar-btn-text-focus-color;
1306
+
1307
+ @if $skin-name == 'bootstrap5' {
1308
+ color: $tbar-btn-icons-focus-color;
1309
+ }
1306
1310
  }
1307
1311
  }
1308
1312
 
@@ -1316,6 +1320,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
1316
1320
 
1317
1321
  .e-icons {
1318
1322
  color: $tbar-btn-icons-focus-color;
1323
+
1324
+ @if $skin-name == 'bootstrap5' {
1325
+ color: $tbar-btn-text-focus-color;
1326
+ }
1319
1327
  }
1320
1328
 
1321
1329
  .e-tbar-btn-text {
@@ -2262,8 +2262,6 @@ $pv-eye-icon-margin-top: 3px !default;
2262
2262
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover,
2263
2263
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
2264
2264
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
2265
- .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2266
- .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2267
2265
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
2268
2266
  .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2269
2267
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
@@ -2284,6 +2282,20 @@ $pv-eye-icon-margin-top: 3px !default;
2284
2282
  color: $pv-item-selection-color;
2285
2283
  }
2286
2284
  }
2285
+
2286
+ .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
2288
+ {
2289
+ @if $skin-name == 'bootstrap4' {
2290
+ color: $pv-icon-color-hover;
2291
+ }
2292
+ @if $skin-name == 'bootstrap5' {
2293
+ color: $pv-icon-color;
2294
+ }
2295
+ @if $skin-name == 'FluentUI' {
2296
+ color: $pv-item-selection-color;
2297
+ }
2298
+ }
2287
2299
 
2288
2300
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item:hover .e-menu-icon,
2289
2301
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover .e-menu-icon,
@@ -2262,8 +2262,6 @@ $pv-eye-icon-margin-top: 3px !default;
2262
2262
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover,
2263
2263
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
2264
2264
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
2265
- .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2266
- .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2267
2265
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
2268
2266
  .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2269
2267
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
@@ -2284,6 +2282,20 @@ $pv-eye-icon-margin-top: 3px !default;
2284
2282
  color: $pv-item-selection-color;
2285
2283
  }
2286
2284
  }
2285
+
2286
+ .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
2288
+ {
2289
+ @if $skin-name == 'bootstrap4' {
2290
+ color: $pv-icon-color-hover;
2291
+ }
2292
+ @if $skin-name == 'bootstrap5' {
2293
+ color: $pv-icon-color;
2294
+ }
2295
+ @if $skin-name == 'FluentUI' {
2296
+ color: $pv-item-selection-color;
2297
+ }
2298
+ }
2287
2299
 
2288
2300
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item:hover .e-menu-icon,
2289
2301
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover .e-menu-icon,
@@ -2308,8 +2308,6 @@ $pv-eye-icon-margin-top: 3px !default;
2308
2308
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover,
2309
2309
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
2310
2310
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
2311
- .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2312
- .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2313
2311
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
2314
2312
  .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2315
2313
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
@@ -2330,6 +2328,20 @@ $pv-eye-icon-margin-top: 3px !default;
2330
2328
  color: $pv-item-selection-color;
2331
2329
  }
2332
2330
  }
2331
+
2332
+ .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
2334
+ {
2335
+ @if $skin-name == 'bootstrap4' {
2336
+ color: $pv-icon-color-hover;
2337
+ }
2338
+ @if $skin-name == 'bootstrap5' {
2339
+ color: $pv-icon-color;
2340
+ }
2341
+ @if $skin-name == 'FluentUI' {
2342
+ color: $pv-item-selection-color;
2343
+ }
2344
+ }
2333
2345
 
2334
2346
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item:hover .e-menu-icon,
2335
2347
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover .e-menu-icon,
@@ -2256,8 +2256,6 @@ $pv-eye-icon-margin-top: 3px !default;
2256
2256
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover,
2257
2257
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
2258
2258
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
2259
- .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2260
- .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2261
2259
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
2262
2260
  .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2263
2261
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
@@ -2278,6 +2276,20 @@ $pv-eye-icon-margin-top: 3px !default;
2278
2276
  color: $pv-item-selection-color;
2279
2277
  }
2280
2278
  }
2279
+
2280
+ .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
2282
+ {
2283
+ @if $skin-name == 'bootstrap4' {
2284
+ color: $pv-icon-color-hover;
2285
+ }
2286
+ @if $skin-name == 'bootstrap5' {
2287
+ color: $pv-icon-color;
2288
+ }
2289
+ @if $skin-name == 'FluentUI' {
2290
+ color: $pv-item-selection-color;
2291
+ }
2292
+ }
2281
2293
 
2282
2294
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item:hover .e-menu-icon,
2283
2295
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover .e-menu-icon,
@@ -2256,8 +2256,6 @@ $pv-eye-icon-margin-top: 3px !default;
2256
2256
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover,
2257
2257
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
2258
2258
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
2259
- .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2260
- .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2261
2259
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
2262
2260
  .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2263
2261
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
@@ -2278,6 +2276,20 @@ $pv-eye-icon-margin-top: 3px !default;
2278
2276
  color: $pv-item-selection-color;
2279
2277
  }
2280
2278
  }
2279
+
2280
+ .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
2282
+ {
2283
+ @if $skin-name == 'bootstrap4' {
2284
+ color: $pv-icon-color-hover;
2285
+ }
2286
+ @if $skin-name == 'bootstrap5' {
2287
+ color: $pv-icon-color;
2288
+ }
2289
+ @if $skin-name == 'FluentUI' {
2290
+ color: $pv-item-selection-color;
2291
+ }
2292
+ }
2281
2293
 
2282
2294
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item:hover .e-menu-icon,
2283
2295
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover .e-menu-icon,
@@ -2259,8 +2259,6 @@ $pv-eye-icon-margin-top: 3px !default;
2259
2259
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover,
2260
2260
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
2261
2261
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
2262
- .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2263
- .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2264
2262
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
2265
2263
  .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2266
2264
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
@@ -2281,6 +2279,20 @@ $pv-eye-icon-margin-top: 3px !default;
2281
2279
  color: $pv-item-selection-color;
2282
2280
  }
2283
2281
  }
2282
+
2283
+ .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
2285
+ {
2286
+ @if $skin-name == 'bootstrap4' {
2287
+ color: $pv-icon-color-hover;
2288
+ }
2289
+ @if $skin-name == 'bootstrap5' {
2290
+ color: $pv-icon-color;
2291
+ }
2292
+ @if $skin-name == 'FluentUI' {
2293
+ color: $pv-item-selection-color;
2294
+ }
2295
+ }
2284
2296
 
2285
2297
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item:hover .e-menu-icon,
2286
2298
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover .e-menu-icon,
@@ -2261,8 +2261,6 @@ $pv-eye-icon-margin-top: 3px !default;
2261
2261
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover,
2262
2262
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
2263
2263
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
2264
- .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2265
- .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2266
2264
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
2267
2265
  .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2268
2266
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
@@ -2283,6 +2281,20 @@ $pv-eye-icon-margin-top: 3px !default;
2283
2281
  color: $pv-item-selection-color;
2284
2282
  }
2285
2283
  }
2284
+
2285
+ .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
2287
+ {
2288
+ @if $skin-name == 'bootstrap4' {
2289
+ color: $pv-icon-color-hover;
2290
+ }
2291
+ @if $skin-name == 'bootstrap5' {
2292
+ color: $pv-icon-color;
2293
+ }
2294
+ @if $skin-name == 'FluentUI' {
2295
+ color: $pv-item-selection-color;
2296
+ }
2297
+ }
2286
2298
 
2287
2299
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item:hover .e-menu-icon,
2288
2300
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover .e-menu-icon,
@@ -2263,8 +2263,6 @@ $pv-comment-text-cursor-color: $black !default;
2263
2263
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover,
2264
2264
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
2265
2265
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
2266
- .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2267
- .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2268
2266
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
2269
2267
  .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2270
2268
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
@@ -2285,6 +2283,20 @@ $pv-comment-text-cursor-color: $black !default;
2285
2283
  color: $pv-item-selection-color;
2286
2284
  }
2287
2285
  }
2286
+
2287
+ .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
2289
+ {
2290
+ @if $skin-name == 'bootstrap4' {
2291
+ color: $pv-icon-color-hover;
2292
+ }
2293
+ @if $skin-name == 'bootstrap5' {
2294
+ color: $pv-icon-color;
2295
+ }
2296
+ @if $skin-name == 'FluentUI' {
2297
+ color: $pv-item-selection-color;
2298
+ }
2299
+ }
2288
2300
 
2289
2301
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item:hover .e-menu-icon,
2290
2302
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover .e-menu-icon,
@@ -2263,8 +2263,6 @@ $pv-comment-text-cursor-color: $black !default;
2263
2263
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover,
2264
2264
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
2265
2265
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
2266
- .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2267
- .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2268
2266
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
2269
2267
  .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2270
2268
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
@@ -2285,6 +2283,20 @@ $pv-comment-text-cursor-color: $black !default;
2285
2283
  color: $pv-item-selection-color;
2286
2284
  }
2287
2285
  }
2286
+
2287
+ .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
2289
+ {
2290
+ @if $skin-name == 'bootstrap4' {
2291
+ color: $pv-icon-color-hover;
2292
+ }
2293
+ @if $skin-name == 'bootstrap5' {
2294
+ color: $pv-icon-color;
2295
+ }
2296
+ @if $skin-name == 'FluentUI' {
2297
+ color: $pv-item-selection-color;
2298
+ }
2299
+ }
2288
2300
 
2289
2301
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item:hover .e-menu-icon,
2290
2302
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover .e-menu-icon,
@@ -2261,8 +2261,6 @@ $pv-eye-icon-margin-top: 3px !default;
2261
2261
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover,
2262
2262
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
2263
2263
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
2264
- .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2265
- .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2266
2264
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
2267
2265
  .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2268
2266
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
@@ -2283,6 +2281,20 @@ $pv-eye-icon-margin-top: 3px !default;
2283
2281
  color: $pv-item-selection-color;
2284
2282
  }
2285
2283
  }
2284
+
2285
+ .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
2287
+ {
2288
+ @if $skin-name == 'bootstrap4' {
2289
+ color: $pv-icon-color-hover;
2290
+ }
2291
+ @if $skin-name == 'bootstrap5' {
2292
+ color: $pv-icon-color;
2293
+ }
2294
+ @if $skin-name == 'FluentUI' {
2295
+ color: $pv-item-selection-color;
2296
+ }
2297
+ }
2286
2298
 
2287
2299
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item:hover .e-menu-icon,
2288
2300
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover .e-menu-icon,
@@ -2260,8 +2260,6 @@ $pv-eye-icon-margin-top: 3px !default;
2260
2260
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover,
2261
2261
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
2262
2262
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
2263
- .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2264
- .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2265
2263
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
2266
2264
  .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2267
2265
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
@@ -2282,6 +2280,20 @@ $pv-eye-icon-margin-top: 3px !default;
2282
2280
  color: $pv-item-selection-color;
2283
2281
  }
2284
2282
  }
2283
+
2284
+ .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
2286
+ {
2287
+ @if $skin-name == 'bootstrap4' {
2288
+ color: $pv-icon-color-hover;
2289
+ }
2290
+ @if $skin-name == 'bootstrap5' {
2291
+ color: $pv-icon-color;
2292
+ }
2293
+ @if $skin-name == 'FluentUI' {
2294
+ color: $pv-item-selection-color;
2295
+ }
2296
+ }
2285
2297
 
2286
2298
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item:hover .e-menu-icon,
2287
2299
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover .e-menu-icon,
@@ -2258,8 +2258,6 @@ $pv-eye-icon-margin-top: 3px !default;
2258
2258
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover,
2259
2259
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
2260
2260
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
2261
- .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2262
- .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2263
2261
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
2264
2262
  .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2265
2263
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
@@ -2280,6 +2278,20 @@ $pv-eye-icon-margin-top: 3px !default;
2280
2278
  color: $pv-item-selection-color;
2281
2279
  }
2282
2280
  }
2281
+
2282
+ .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
2284
+ {
2285
+ @if $skin-name == 'bootstrap4' {
2286
+ color: $pv-icon-color-hover;
2287
+ }
2288
+ @if $skin-name == 'bootstrap5' {
2289
+ color: $pv-icon-color;
2290
+ }
2291
+ @if $skin-name == 'FluentUI' {
2292
+ color: $pv-item-selection-color;
2293
+ }
2294
+ }
2283
2295
 
2284
2296
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item:hover .e-menu-icon,
2285
2297
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover .e-menu-icon,
@@ -2264,8 +2264,6 @@ $pv-search-btn-width-big: 32px !default;
2264
2264
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover,
2265
2265
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
2266
2266
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
2267
- .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2268
- .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2269
2267
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
2270
2268
  .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2271
2269
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
@@ -2286,6 +2284,20 @@ $pv-search-btn-width-big: 32px !default;
2286
2284
  color: $pv-item-selection-color;
2287
2285
  }
2288
2286
  }
2287
+
2288
+ .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
2290
+ {
2291
+ @if $skin-name == 'bootstrap4' {
2292
+ color: $pv-icon-color-hover;
2293
+ }
2294
+ @if $skin-name == 'bootstrap5' {
2295
+ color: $pv-icon-color;
2296
+ }
2297
+ @if $skin-name == 'FluentUI' {
2298
+ color: $pv-item-selection-color;
2299
+ }
2300
+ }
2289
2301
 
2290
2302
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item:hover .e-menu-icon,
2291
2303
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover .e-menu-icon,