@openui5/themelib_sap_horizon 1.126.1 → 1.128.0

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 (141) hide show
  1. package/THIRDPARTY.txt +1 -1
  2. package/package.json +18 -18
  3. package/src/sap/m/themes/sap_horizon/Breadcrumbs.less +20 -16
  4. package/src/sap/m/themes/sap_horizon/BusyIndicator.less +2 -2
  5. package/src/sap/m/themes/sap_horizon/Button.less +59 -54
  6. package/src/sap/m/themes/sap_horizon/Carousel.less +11 -11
  7. package/src/sap/m/themes/sap_horizon/Dialog.less +0 -10
  8. package/src/sap/m/themes/sap_horizon/GenericTile.less +8 -3
  9. package/src/sap/m/themes/sap_horizon/NewsContent.less +0 -4
  10. package/src/sap/m/themes/sap_horizon/Popover.less +0 -29
  11. package/src/sap/m/themes/sap_horizon/SinglePlanningCalendarGrid.less +1 -0
  12. package/src/sap/m/themes/sap_horizon/SlideTile.less +0 -5
  13. package/src/sap/m/themes/sap_horizon/Token.less +5 -0
  14. package/src/sap/m/themes/sap_horizon/Tokenizer.less +2 -2
  15. package/src/sap/m/themes/sap_horizon_dark/Breadcrumbs.less +20 -16
  16. package/src/sap/m/themes/sap_horizon_dark/BusyIndicator.less +2 -2
  17. package/src/sap/m/themes/sap_horizon_dark/Button.less +59 -54
  18. package/src/sap/m/themes/sap_horizon_dark/Carousel.less +11 -11
  19. package/src/sap/m/themes/sap_horizon_dark/Dialog.less +0 -10
  20. package/src/sap/m/themes/sap_horizon_dark/GenericTile.less +2 -3
  21. package/src/sap/m/themes/sap_horizon_dark/NewsContent.less +0 -4
  22. package/src/sap/m/themes/sap_horizon_dark/Popover.less +0 -29
  23. package/src/sap/m/themes/sap_horizon_dark/SinglePlanningCalendarGrid.less +1 -0
  24. package/src/sap/m/themes/sap_horizon_dark/SlideTile.less +0 -5
  25. package/src/sap/m/themes/sap_horizon_dark/Token.less +5 -0
  26. package/src/sap/m/themes/sap_horizon_dark/Tokenizer.less +2 -2
  27. package/src/sap/m/themes/sap_horizon_hcb/ActionListItem.less +2 -2
  28. package/src/sap/m/themes/sap_horizon_hcb/ActionTile.less +15 -12
  29. package/src/sap/m/themes/sap_horizon_hcb/Breadcrumbs.less +6 -7
  30. package/src/sap/m/themes/sap_horizon_hcb/BusyIndicator.less +2 -2
  31. package/src/sap/m/themes/sap_horizon_hcb/Button.less +45 -39
  32. package/src/sap/m/themes/sap_horizon_hcb/Carousel.less +10 -10
  33. package/src/sap/m/themes/sap_horizon_hcb/Dialog.less +0 -10
  34. package/src/sap/m/themes/sap_horizon_hcb/GenericTile.less +0 -5
  35. package/src/sap/m/themes/sap_horizon_hcb/HeaderContainer.less +0 -5
  36. package/src/sap/m/themes/sap_horizon_hcb/Popover.less +0 -22
  37. package/src/sap/m/themes/sap_horizon_hcb/SinglePlanningCalendarGrid.less +6 -3
  38. package/src/sap/m/themes/sap_horizon_hcb/SlideTile.less +0 -1
  39. package/src/sap/m/themes/sap_horizon_hcb/library.source.less +0 -4
  40. package/src/sap/m/themes/sap_horizon_hcw/ActionListItem.less +2 -2
  41. package/src/sap/m/themes/sap_horizon_hcw/ActionTile.less +15 -12
  42. package/src/sap/m/themes/sap_horizon_hcw/Breadcrumbs.less +7 -8
  43. package/src/sap/m/themes/sap_horizon_hcw/BusyIndicator.less +2 -2
  44. package/src/sap/m/themes/sap_horizon_hcw/Button.less +45 -39
  45. package/src/sap/m/themes/sap_horizon_hcw/Carousel.less +10 -10
  46. package/src/sap/m/themes/sap_horizon_hcw/Dialog.less +0 -10
  47. package/src/sap/m/themes/sap_horizon_hcw/GenericTile.less +0 -5
  48. package/src/sap/m/themes/sap_horizon_hcw/HeaderContainer.less +0 -5
  49. package/src/sap/m/themes/sap_horizon_hcw/Popover.less +0 -22
  50. package/src/sap/m/themes/sap_horizon_hcw/SinglePlanningCalendarGrid.less +6 -3
  51. package/src/sap/m/themes/sap_horizon_hcw/SlideTile.less +0 -1
  52. package/src/sap/m/themes/sap_horizon_hcw/library.source.less +0 -4
  53. package/src/sap/tnt/themes/sap_horizon/ToolHeader.less +5 -3
  54. package/src/sap/tnt/themes/sap_horizon_dark/ToolHeader.less +5 -3
  55. package/src/sap/tnt/themes/sap_horizon_hcb/ToolHeader.less +3 -3
  56. package/src/sap/tnt/themes/sap_horizon_hcw/ToolHeader.less +3 -3
  57. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  58. package/src/sap/ui/core/themes/sap_horizon/base.less +4 -4
  59. package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.ttf +0 -0
  60. package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.woff2 +0 -0
  61. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  62. package/src/sap/ui/core/themes/sap_horizon_dark/base.less +4 -4
  63. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.ttf +0 -0
  64. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.woff2 +0 -0
  65. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  66. package/src/sap/ui/core/themes/sap_horizon_hcb/base.less +5 -5
  67. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/SAP-icons.ttf +0 -0
  68. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/SAP-icons.woff2 +0 -0
  69. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
  70. package/src/sap/ui/core/themes/sap_horizon_hcw/base.less +4 -4
  71. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/SAP-icons.ttf +0 -0
  72. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/SAP-icons.woff2 +0 -0
  73. package/src/sap/ui/dt/themes/sap_horizon/ContextMenu.less +10 -29
  74. package/src/sap/ui/dt/themes/sap_horizon/Overlay.less +14 -8
  75. package/src/sap/ui/dt/themes/sap_horizon_dark/ContextMenu.less +10 -32
  76. package/src/sap/ui/dt/themes/sap_horizon_dark/Overlay.less +13 -8
  77. package/src/sap/ui/dt/themes/sap_horizon_hcb/ContextMenu.less +10 -28
  78. package/src/sap/ui/dt/themes/sap_horizon_hcb/Overlay.less +29 -7
  79. package/src/sap/ui/dt/themes/sap_horizon_hcb/library.source.less +2 -2
  80. package/src/sap/ui/dt/themes/sap_horizon_hcw/ContextMenu.less +10 -28
  81. package/src/sap/ui/dt/themes/sap_horizon_hcw/Overlay.less +29 -5
  82. package/src/sap/ui/mdc/themes/sap_horizon/Chart.less +6 -0
  83. package/src/sap/ui/mdc/themes/sap_horizon/Table.less +1 -1
  84. package/src/sap/ui/mdc/themes/sap_horizon/library.source.less +1 -0
  85. package/src/sap/ui/mdc/themes/sap_horizon_dark/Chart.less +6 -0
  86. package/src/sap/ui/mdc/themes/sap_horizon_dark/Table.less +1 -1
  87. package/src/sap/ui/mdc/themes/sap_horizon_dark/library.source.less +2 -1
  88. package/src/sap/ui/mdc/themes/sap_horizon_hcb/Chart.less +6 -0
  89. package/src/sap/ui/mdc/themes/sap_horizon_hcb/Table.less +1 -1
  90. package/src/sap/ui/mdc/themes/sap_horizon_hcb/library.source.less +2 -1
  91. package/src/sap/ui/mdc/themes/sap_horizon_hcw/Chart.less +6 -0
  92. package/src/sap/ui/mdc/themes/sap_horizon_hcw/Table.less +1 -1
  93. package/src/sap/ui/mdc/themes/sap_horizon_hcw/library.source.less +2 -1
  94. package/src/sap/ui/rta/themes/sap_horizon/AddIFrame.less +8 -9
  95. package/src/sap/ui/rta/themes/sap_horizon/ContextMenu.less +5 -4
  96. package/src/sap/ui/rta/themes/sap_horizon/Dialogs.less +1 -4
  97. package/src/sap/ui/rta/themes/sap_horizon/FieldRepository.less +34 -7
  98. package/src/sap/ui/rta/themes/sap_horizon/Overlay.less +23 -12
  99. package/src/sap/ui/rta/themes/sap_horizon/Toolbar.adaptation.less +65 -22
  100. package/src/sap/ui/rta/themes/sap_horizon/Toolbar.base.less +2 -2
  101. package/src/sap/ui/rta/themes/sap_horizon/library.source.less +4 -4
  102. package/src/sap/ui/rta/themes/sap_horizon_dark/AddIFrame.less +8 -20
  103. package/src/sap/ui/rta/themes/sap_horizon_dark/ChangeVisualization.less +3 -3
  104. package/src/sap/ui/rta/themes/sap_horizon_dark/ContextMenu.less +5 -4
  105. package/src/sap/ui/rta/themes/sap_horizon_dark/Dialogs.less +2 -5
  106. package/src/sap/ui/rta/themes/sap_horizon_dark/FieldRepository.less +33 -7
  107. package/src/sap/ui/rta/themes/sap_horizon_dark/Overlay.less +23 -9
  108. package/src/sap/ui/rta/themes/sap_horizon_dark/Toolbar.adaptation.less +66 -36
  109. package/src/sap/ui/rta/themes/sap_horizon_dark/Toolbar.base.less +2 -2
  110. package/src/sap/ui/rta/themes/sap_horizon_dark/library.source.less +4 -4
  111. package/src/sap/ui/rta/themes/sap_horizon_hcb/ChangeVisualization.less +3 -2
  112. package/src/sap/ui/rta/themes/sap_horizon_hcb/ContextMenu.less +23 -7
  113. package/src/sap/ui/rta/themes/sap_horizon_hcb/Dialogs.less +12 -6
  114. package/src/sap/ui/rta/themes/sap_horizon_hcb/FieldRepository.less +7 -22
  115. package/src/sap/ui/rta/themes/sap_horizon_hcb/Overlay.less +23 -65
  116. package/src/sap/ui/rta/themes/sap_horizon_hcb/Toolbar.adaptation.less +36 -14
  117. package/src/sap/ui/rta/themes/sap_horizon_hcb/Toolbar.base.less +3 -7
  118. package/src/sap/ui/rta/themes/sap_horizon_hcb/library.source.less +3 -4
  119. package/src/sap/ui/rta/themes/sap_horizon_hcw/ChangeVisualization.less +4 -3
  120. package/src/sap/ui/rta/themes/sap_horizon_hcw/ContextMenu.less +19 -7
  121. package/src/sap/ui/rta/themes/sap_horizon_hcw/Dialogs.less +6 -6
  122. package/src/sap/ui/rta/themes/sap_horizon_hcw/Overlay.less +23 -65
  123. package/src/sap/ui/rta/themes/sap_horizon_hcw/Toolbar.adaptation.less +42 -15
  124. package/src/sap/ui/rta/themes/sap_horizon_hcw/Toolbar.base.less +3 -6
  125. package/src/sap/ui/rta/themes/sap_horizon_hcw/library.source.less +4 -5
  126. package/src/sap/uxap/themes/sap_horizon/AnchorBar.less +1 -1
  127. package/src/sap/uxap/themes/sap_horizon/ObjectPageHeaderContent.less +0 -4
  128. package/src/sap/uxap/themes/sap_horizon_dark/AnchorBar.less +1 -1
  129. package/src/sap/uxap/themes/sap_horizon_dark/ObjectPageHeaderContent.less +0 -4
  130. package/src/sap/uxap/themes/sap_horizon_hcb/ObjectPageHeaderContent.less +0 -4
  131. package/src/sap/uxap/themes/sap_horizon_hcw/ObjectPageHeaderContent.less +0 -4
  132. package/src/sap/m/themes/sap_horizon_hcb/FeedContent.less +0 -8
  133. package/src/sap/m/themes/sap_horizon_hcb/ImageContent.less +0 -8
  134. package/src/sap/m/themes/sap_horizon_hcb/NewsContent.less +0 -9
  135. package/src/sap/m/themes/sap_horizon_hcb/NumericContent.less +0 -8
  136. package/src/sap/m/themes/sap_horizon_hcw/FeedContent.less +0 -8
  137. package/src/sap/m/themes/sap_horizon_hcw/ImageContent.less +0 -8
  138. package/src/sap/m/themes/sap_horizon_hcw/NewsContent.less +0 -9
  139. package/src/sap/m/themes/sap_horizon_hcw/NumericContent.less +0 -8
  140. package/src/sap/ui/rta/themes/sap_horizon_hcb/AddIFrame.less +0 -77
  141. package/src/sap/ui/rta/themes/sap_horizon_hcw/AddIFrame.less +0 -77
@@ -2,12 +2,10 @@
2
2
  Style of the RTA Dialogs - Horizon Theme
3
3
  *******************************************************************/
4
4
  @_sap_ui_rta_Dialogs_BorderLightColor: @sapUiShellBorderColor; //#fff
5
- @_sap_ui_rta_Dialogs_BorderRadius: @sapUiElementBorderCornerRadius; //0.75rem
6
- @_sap_ui_rta_Dialogs_BorderDarkColor: @sapUiButtonEmphasizedBorderColor; //#0070f2
5
+ @_sap_ui_rta_Dialogs_BorderDarkColor: @sapUiShellSelectedTextColor; //#0070f2
7
6
 
8
7
  .sapMDialog.sapUiRTABorder {
9
8
  border-image: none;
10
- border-radius: @_sap_ui_rta_Dialogs_BorderRadius;
11
9
  outline: 0.188rem dashed @_sap_ui_rta_Dialogs_BorderDarkColor; //3px
12
10
  outline-offset: -0.188rem;
13
11
  }
@@ -17,7 +15,6 @@
17
15
  &.sapMPopover, .sapMPopover {
18
16
  border: 0.188rem dashed @_sap_ui_rta_Dialogs_BorderDarkColor; //3px
19
17
  border-image: none;
20
- border-radius: @_sap_ui_rta_Dialogs_BorderRadius;
21
18
  }
22
19
 
23
20
  &.sapMPopoverArr, .sapMPopoverArr {
@@ -1,19 +1,17 @@
1
1
  /******************************************************************
2
2
  Style of the RTA Add Fields Dialog - Horizon Theme
3
3
  *******************************************************************/
4
- @_sap_ui_rta_FieldRepository_ListSelect: @sapUiListHoverSelectionBackground; //#dcf3ff
5
- @_sap_ui_rta_FieldRepository_BtnHoverOutline: @sapUiButtonActiveBorderColor; //#0070f2
4
+ @_sap_ui_rta_FieldRepository_BtnHoverOutlineColor: @sapUiButtonSelectedHoverBorderColor; //#0064d9
6
5
  @_sap_ui_rta_FieldRepository_ListItmBorderRadius: @sapUiButtonBorderCornerRadius; //0.5rem
6
+ @_sap_ui_rta_FieldRepository_BtnHoverBorderColor: @sapUiButtonHoverBorderColor; //#bcc3ca
7
+ @_sap_ui_rta_FieldRepository_BtnEmphasizedFocusBorderColor: @sapUiButtonEmphasizedHoverTextColor; //#fff
8
+
7
9
 
8
10
  .sapUiRtaMode {
9
11
 
10
12
  .sapUIRtaFieldRepositoryDialog {
11
13
 
12
14
  .sapMLIBHoverable {
13
- &.sapMLIBSelected:hover {
14
- background: @_sap_ui_rta_FieldRepository_ListSelect;
15
- }
16
-
17
15
  &.sapMLIB.sapMLIBSelected {
18
16
  border-bottom: 0.0625rem solid transparent;
19
17
  }
@@ -25,7 +23,36 @@
25
23
 
26
24
  // Search field
27
25
  .sapMSF.sapMFocus:hover .sapMSFF {
28
- outline: 0.0625rem solid @_sap_ui_rta_FieldRepository_BtnHoverOutline; //1px
26
+ outline: 0.0625rem solid @_sap_ui_rta_FieldRepository_BtnHoverOutlineColor; //1px
27
+ }
28
+
29
+ // Sort-Button
30
+ .sapMTB:not(.sapMIBar-CTX){
31
+ .sapMBtn {
32
+ &:hover {
33
+ .sapMBtnInner {
34
+ border: 0.0625rem solid @_sap_ui_rta_FieldRepository_BtnHoverBorderColor!important; //1px
35
+ }
36
+ }
37
+ }
38
+ }
39
+ .sapMBtn {
40
+
41
+ >.sapMBtnInner {
42
+ border: 0.0625rem solid transparent; //1px
43
+ }
44
+
45
+ &:focus {
46
+ > .sapMBtnInner{
47
+ outline: none;
48
+ }
49
+ &:not(:hover) > .sapMFocusable {
50
+ outline: none;
51
+ }
52
+ &:not(:hover) > .sapMFocusable.sapMBtnEmphasized {
53
+ border: 0.0625rem dotted @_sap_ui_rta_FieldRepository_BtnEmphasizedFocusBorderColor; //1px
54
+ }
55
+ }
29
56
  }
30
57
  }
31
58
  }
@@ -1,20 +1,31 @@
1
1
  /******************************************************************
2
2
  Style of the RTA Overlays - Horizon Theme
3
3
  *******************************************************************/
4
- @_sap_ui_rta_Overlay_ShellBG: transparent;
5
- @_sap_ui_rta_Overlay_PlaceholderBG: lighten(saturate(@sapUiShellBackground, 15%), 2%); // #fafbfc
6
- @_sap_ui_rta_Overlay_BorderRadius: @sapUiButtonBorderCornerRadius; // 0.5rem
7
- @_sap_ui_rta_Overlay_HoverBG: fade(@sapUiSelected, 5%); // rgba(0, 112, 242, 0.05)
8
- @_sap_ui_rta_Overlay_PersButtonBG: @sapUiSelected; //#0070f2
9
- @_sap_ui_rta_Overlay_PersButtonBorder: @sapUiShellBackground; // #f5f6f7
10
- @_sap_ui_rta_Overlay_PersButtonIcon: @sapUiShellBackground; // #f5f6f7
4
+ @_sap_ui_rta_Overlay_PlaceholderBackgroundColor: @sapUiListSelectionBackgroundColor; // #ebf8ff
11
5
 
12
6
  .sapUiRta {
13
- &:not(.sapUiRtaVisualizationMode) {
14
- .sapUiRtaOverlayHover:after {
15
- border-radius: @_sap_ui_rta_Overlay_BorderRadius;
16
- border: none;
17
- background: @_sap_ui_rta_Overlay_HoverBG;
7
+ .sapUiDtOverlayDropZone {
8
+ > .sapUiDtOverlayChildren {
9
+ > .sapUiRtaOverlayPlaceholder {
10
+ background: @_sap_ui_rta_Overlay_PlaceholderBackgroundColor;
11
+ // no "focus" border
12
+ &:focus {
13
+ &:before {
14
+ content: none;
15
+ }
16
+ }
17
+
18
+ // all descendants
19
+ * {
20
+ background: @_sap_ui_rta_Overlay_PlaceholderBackgroundColor;
21
+ // no "focus" border
22
+ &:focus {
23
+ &:before {
24
+ content: none;
25
+ }
26
+ }
27
+ }
28
+ }
18
29
  }
19
30
  }
20
31
  }
@@ -1,33 +1,36 @@
1
1
  /******************************************************************
2
2
  Style of the RTA Toolbar (type: adaptation) - Horizon Theme
3
3
  *******************************************************************/
4
- @_sap_ui_rta_Toolbar_Adaptation_BaseColor: @sapUiToolbarBackground; //#fff
5
- @_sap_ui_rta_Toolbar_Adaptation_TextColor: @sapUiShellTextColor; //#223548
6
- @_sap_ui_rta_Toolbar_Adaptation_BtnFocusBorder: @sapUiShellTextColor; //#223548
7
- @_sap_ui_rta_Toolbar_Adaptation_BtnHoverText: @sapUiShellTextColor; //#223548
8
- @_sap_ui_rta_Toolbar_Adaptation_FocusColor: @sapUiToolbarBackground; //#fff
9
- @_sap_ui_rta_Toolbar_Adaptation_FocusOutlineCol: @sapUiSelected; //#0070f2
4
+ @_sap_ui_rta_Toolbar_Adaptation_TextColor: @sapUiShellTextColor; //#1d2d3e
5
+ @_sap_ui_rta_Toolbar_Adaptation_BtnFocusBorderColor: transparent;
6
+ @_sap_ui_rta_Toolbar_Adaptation_SegBBtnTextColor: @sapUiButtonEmphasizedTextColor; //#fff
7
+ @_sap_ui_rta_Toolbar_Adaptation_SegBBtnBackgroundColor: @sapUiShellBorderColor; //#fff
8
+ @_sap_ui_rta_Toolbar_Adaptation_SegBBtnFocusColor: @sapUiShellBorderColor; //#fff
9
+ @_sap_ui_rta_Toolbar_Adaptation_SegBBtnSelectedBackgroundColor: darken(@sapUiButtonEmphasizedBackground, 5%); //#0064d9
10
10
  @_sap_ui_rta_Toolbar_Adaptation_BorderRadius: @sapUiButtonBorderCornerRadius; //0.5rem
11
- @_sap_ui_rta_Toolbar_Adaptation_BtnFocusBorder: transparent;
12
- @_sap_ui_rta_Toolbar_Adaptation_SegBBtnHoverTextColor: @sapUiShellTextColor;
13
- @_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: @sapUiCriticalText; //#b95100
14
- @_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor: @sapUiPositiveText; //#256f3a
15
- @_sap_ui_rta_Toolbar_Adaptation_BaseColorLight: @sapUiGroupTitleBorderColor; // #a8b3bd
16
- @_sap_ui_rta_Toolbar_Adaptation_VersionHistoryHover: @sapUiListHoverBackground; // #eaecee
11
+ @_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: darken(@sapUiContentRatedColor, 10%); //#9f5a00
12
+ @_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor: @sapUiShellPositiveColor; //#256f3a
13
+ @_sap_ui_rta_Toolbar_Adaptation_FocusOutlineColor: @sapUiContentFocusColor; //#0032a5
14
+ @_sap_ui_rta_Toolbar_Adaptation_VersionListBackgroundColor: @sapUiShellBorderColor; //#fff
17
15
 
18
16
  .sapUiRtaMode {
19
17
  .sapUiRtaToolbar.sapUiRtaToolbarAdaptation {
20
18
 
19
+ //Segmented Buttons
21
20
  .sapMSegB {
21
+ background: @_sap_ui_rta_Toolbar_Adaptation_SegBBtnBackgroundColor;
22
22
  .sapMSegBBtn {
23
23
  .sapMSegBBtnInnerWrapper {
24
+ background: @_sap_ui_rta_Toolbar_Adaptation_SegBBtnBackgroundColor;
24
25
  border: none;
25
- background-color: @_sap_ui_rta_Toolbar_Adaptation_BaseColor;
26
26
  }
27
27
 
28
28
  &.sapMSegBBtnFocusable {
29
+ .sapMSegBBtnInner {
30
+ color: @_sap_ui_rta_Toolbar_Adaptation_TextColor;
31
+ }
29
32
  &.sapMSegBBtnSel:focus .sapMSegBBtnInner {
30
- outline: 0.0625rem solid @_sap_ui_rta_Toolbar_Adaptation_FocusColor; //1px
33
+ outline: 0.0625rem solid @_sap_ui_rta_Toolbar_Adaptation_SegBBtnFocusColor; //1px
31
34
  outline-offset: -0.125rem; //2px
32
35
  }
33
36
 
@@ -44,23 +47,45 @@
44
47
 
45
48
  &.sapMSegBBtnSel {
46
49
  &:hover .sapMSegBBtnInner {
47
- color: @_sap_ui_rta_Toolbar_Adaptation_BaseColor;
48
-
49
50
  &:after {
50
51
  content: none;
51
52
  }
52
53
  }
53
54
 
54
55
  & .sapMSegBBtnInner {
55
- background: @_sap_ui_rta_Toolbar_Adaptation_FocusOutlineCol;
56
- color: @_sap_ui_rta_Toolbar_Adaptation_BaseColor;
56
+ background: @_sap_ui_rta_Toolbar_Adaptation_SegBBtnSelectedBackgroundColor;
57
+ color: @_sap_ui_rta_Toolbar_Adaptation_SegBBtnTextColor;
57
58
 
58
59
  &:after {
59
60
  content: none;
60
61
  }
61
62
 
62
63
  .sapUiIcon {
63
- color: @_sap_ui_rta_Toolbar_Adaptation_BaseColor;
64
+ color: @_sap_ui_rta_Toolbar_Adaptation_SegBBtnTextColor;
65
+ }
66
+ }
67
+ }
68
+ }
69
+ }
70
+ &.sapMSegBIcons {
71
+ .sapMSegBBtn {
72
+ &.sapMSegBBtnFocusable {
73
+ &:not(.sapMSegBBtnSel):focus {
74
+ .sapMSegBBtnInner {
75
+ outline: 0.125rem solid @_sap_ui_rta_Toolbar_Adaptation_FocusOutlineColor; //1px
76
+ border-radius: @_sap_ui_rta_Toolbar_Adaptation_BorderRadius;
77
+ outline-offset: -0.125rem;
78
+
79
+ &:after {
80
+ content: none;
81
+ }
82
+ }
83
+ }
84
+ &.sapMSegBBtnSel:focus {
85
+ .sapMSegBBtnInner {
86
+ &:after {
87
+ content: none;
88
+ }
64
89
  }
65
90
  }
66
91
  }
@@ -68,10 +93,16 @@
68
93
  }
69
94
  }
70
95
 
71
- .sapMBtn {
96
+ //Buttons
97
+ .sapMBtn:not(.sapUiRtaVersionButton) {
72
98
  &.sapMBtnDisabled .sapMBtnInner {
73
99
  opacity: 1.0;
74
100
  }
101
+ .sapMBtnTransparent,
102
+ .sapMBtnTransparent bdi,
103
+ .sapMBtnTransparent>.sapMBtnIcon {
104
+ color: @_sap_ui_rta_Toolbar_Adaptation_TextColor!important;
105
+ }
75
106
  }
76
107
 
77
108
  .sapMTB:not(.sapMTB-Info-CTX) {
@@ -81,7 +112,8 @@
81
112
 
82
113
  .sapUiRtaVersionButton.sapUiRtaDraftVersionAccent {
83
114
  &:hover {
84
- > span > span > bdi {
115
+ > span > span > bdi,
116
+ > span > span.sapMBtnIcon {
85
117
  color: @_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor !important;
86
118
  }
87
119
  }
@@ -89,11 +121,22 @@
89
121
 
90
122
  .sapUiRtaVersionButton.sapUiRtaActiveVersionAccent {
91
123
  &:hover {
92
- > span > span > bdi {
124
+ > span > span > bdi,
125
+ > span > span.sapMBtnIcon{
93
126
  color: @_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor !important;
94
127
  }
95
128
  }
96
129
  }
97
130
 
98
131
  }
132
+ .sapUiRtaVersionHistory {
133
+ .sapMLIB:not(:hover) {
134
+ background: @_sap_ui_rta_Toolbar_Adaptation_VersionListBackgroundColor;
135
+ }
136
+ .sapMLIBHoverable:hover {
137
+ outline: 0.125rem solid @_sap_ui_rta_Toolbar_Adaptation_FocusOutlineColor;
138
+ border-radius: @_sap_ui_rta_Toolbar_Adaptation_BorderRadius;
139
+ outline-offset: -0.125rem;
140
+ }
141
+ }
99
142
  }
@@ -1,8 +1,8 @@
1
1
  /******************************************************************
2
2
  Style of the RTA Toolbar (all types) - Horizon Theme
3
3
  *******************************************************************/
4
- @_sap_ui_rta_Toolbar_Base_BaseBG: @sapUiToolbarBackground; //#fff
5
- @_sap_ui_rta_Toolbar_Base_OutlineColor: @sapUiButtonEmphasizedBorderColor; //#0070f2
4
+ @_sap_ui_rta_Toolbar_Base_BackgroundColor: @sapUiShellBorderColor; //#fff
5
+ @_sap_ui_rta_Toolbar_Base_OutlineColor: @sapUiShellSelectedTextColor; //#0070f2
6
6
 
7
7
  .sapUiRtaMode {
8
8
  .sapUiRtaToolbar {
@@ -7,11 +7,11 @@
7
7
  @import "../../../../../sap/ui/core/themes/sap_horizon/base.less";
8
8
  @import "../../../../../sap/ui/core/themes/sap_horizon/global.less";
9
9
 
10
- @import "Overlay.less";
11
- @import "ContextMenu.less";
12
10
  @import "AddIFrame.less";
11
+ @import "ChangeVisualization.less";
12
+ @import "ContextMenu.less";
13
13
  @import "Dialogs.less";
14
14
  @import "FieldRepository.less";
15
+ @import "Overlay.less";
15
16
  @import "Toolbar.adaptation.less";
16
- @import "Toolbar.base.less";
17
- @import "ChangeVisualization.less";
17
+ @import "Toolbar.base.less";
@@ -1,9 +1,8 @@
1
1
  /******************************************************************
2
2
  Style of the RTA Add IFrame Dialog - Horizon Dark Theme
3
3
  *******************************************************************/
4
- @_sap_ui_rta_AddIFrame_DelimiterLineColor: @sapUiToolbarSeparatorColor; //#3c4957
5
- @_sap_ui_rta_AddIFrame_BorderRadius: @sapUiGroupBorderCornerRadius; //0.5rem
6
- @_sap_ui_rta_AddIFrame_PreviewTlbarHoverBG: @sapUiButtonHoverBackground; // #1d232a
4
+ @_sap_ui_rta_AddIFrame_BorderRadius: @sapUiFieldBorderCornerRadius; //0.25rem
5
+ @_sap_ui_rta_AddIFrame_ButtonHoverBackgroundColor: @sapUiButtonHoverBackground; //#222b35
7
6
 
8
7
  .sapUiRtaMode {
9
8
  .sapUiRtaAddIFrameDialog {
@@ -19,24 +18,12 @@
19
18
  .sapUiRtaAddIFrameDialogEditUrl {
20
19
  .sapMTextArea {
21
20
  .sapMInputBaseContentWrapper {
22
- border: 0.0625rem solid @_sap_ui_rta_AddIFrame_BorderColor; //1px
23
- border-radius: @_sap_ui_rta_AddIFrame_BorderRadius;
24
21
  background-image: none;
25
22
  }
26
23
 
27
24
  .sapMTextAreaInner {
28
25
  border: none;
29
26
  }
30
-
31
- &.sapMFocus.sapMInputBase .sapMInputBaseContentWrapper:not(.sapMInputBaseDisabledWrapper)::before {
32
- content: none;
33
- }
34
-
35
- &.sapMFocus {
36
- .sapMInputBaseContentWrapper .sapMInputBaseInner {
37
- outline: none;
38
- }
39
- }
40
27
  }
41
28
  }
42
29
  }
@@ -53,9 +40,12 @@
53
40
  padding-left: 0;
54
41
  padding-right: 0.125rem;
55
42
 
56
- &.sapMTB:hover,
57
- &.sapMTB-Solid-CTX.sapMTB:hover {
58
- background-color: @_sap_ui_rta_AddIFrame_PreviewTlbarHoverBG;
43
+ .sapUiRtaAddIFrameDialogPreviewButton {
44
+ &:not(.sapMBtnDisabled):hover {
45
+ .sapMBtnInner {
46
+ background-color: @_sap_ui_rta_AddIFrame_ButtonHoverBackgroundColor;
47
+ }
48
+ }
59
49
  }
60
50
  }
61
51
  }
@@ -63,8 +53,6 @@
63
53
 
64
54
  .sapUiRtaAddIFrameDialogPreviewGrid {
65
55
  border-radius: @_sap_ui_rta_AddIFrame_BorderRadius;
66
- padding-bottom: 0.5rem;
67
- background: transparent;
68
56
  }
69
57
  }
70
58
  }
@@ -1,9 +1,9 @@
1
1
  /******************************************************************
2
2
  Style of the RTA Change Visualization - Horizon Dark theme
3
3
  *******************************************************************/
4
- @_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorLight: @sapUiChartPaletteSequentialHue1Light3; //#90c9ff
5
- @_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorMedium: darken(@sapUiChartPaletteSequentialHue1Light1, 5%); //#4ea9ff
6
- @_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorDark: @sapUiChartPaletteSequentialHue1Dark1; //#0874da
4
+ @_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorLight: @sapUiChartPaletteSequentialHue1Light3; //#68aeff
5
+ @_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorMedium: darken(@sapUiChartPaletteSequentialHue1Light1, 5%); //#0074fc
6
+ @_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorDark: @sapUiChartPaletteSequentialHue1Dark1; //#0757b3
7
7
  @_sap_ui_rta_ChangeVisualization_BorderRadius: @sapUiButtonBorderCornerRadius; // 0.5rem
8
8
 
9
9
  .sapUiDtOverlay {
@@ -1,15 +1,16 @@
1
1
  /******************************************************************
2
2
  Style of the RTA Contextmenu - Horizon Dark Theme
3
3
  *******************************************************************/
4
- @_sap_ui_rta_ContextMenu_Border_DarkColor: @sapUiButtonEmphasizedBorderColor; // #0070f2
5
- @_sap_ui_rta_ContextMenu_Border_Radius: @sapUiGroupBorderCornerRadius; // 0.5rem
4
+ @_sap_ui_rta_ContextMenu_BorderLightColor: @sapUiShellBorderColor; //#1d232a
5
+ @_sap_ui_rta_ContextMenu_BorderDarkColor: @sapUiShellSelectedTextColor; //#4db1ff
6
+ @_sap_ui_rta_ContextMenu_BorderRadius: @sapUiGroupBorderCornerRadius; // 0.5rem
6
7
 
7
8
  .sapUiRtaMode {
8
9
  .sapUiDtContextMenu {
9
10
  &.sapMMenu {
10
- border: 0.188rem dashed @_sap_ui_rta_ContextMenu_Border_DarkColor; //2px
11
+ border: 0.188rem dashed @_sap_ui_rta_ContextMenu_BorderDarkColor; //2px
11
12
  border-image: none;
12
- border-radius: @_sap_ui_rta_ContextMenu_Border_Radius;
13
+ border-radius: @_sap_ui_rta_ContextMenu_BorderRadius;
13
14
  }
14
15
  }
15
16
  }
@@ -1,13 +1,11 @@
1
1
  /******************************************************************
2
2
  Style of the RTA Dialogs - Horizon Dark Theme
3
3
  *******************************************************************/
4
- @_sap_ui_rta_Dialogs_BorderLightColor: @sapUiShellBorderColor; //#fff
5
- @_sap_ui_rta_Dialogs_BorderRadius: @sapUiElementBorderCornerRadius; //0.75rem
6
- @_sap_ui_rta_Dialogs_BorderDarkColor: @sapUiButtonEmphasizedBorderColor; //#0070f2
4
+ @_sap_ui_rta_Dialogs_BorderLightColor: @sapUiShellBorderColor; //#1d232a
5
+ @_sap_ui_rta_Dialogs_BorderDarkColor: @sapUiShellSelectedTextColor; //#4db1ff
7
6
 
8
7
  .sapMDialog.sapUiRTABorder {
9
8
  border-image: none;
10
- border-radius: @_sap_ui_rta_Dialogs_BorderRadius;
11
9
  outline: 0.188rem dashed @_sap_ui_rta_Dialogs_BorderDarkColor; //3px
12
10
  outline-offset: -0.188rem;
13
11
  }
@@ -17,7 +15,6 @@
17
15
  &.sapMPopover, .sapMPopover {
18
16
  border: 0.188rem dashed @_sap_ui_rta_Dialogs_BorderDarkColor; //3px
19
17
  border-image: none;
20
- border-radius: @_sap_ui_rta_Dialogs_BorderRadius;
21
18
  }
22
19
 
23
20
  &.sapMPopoverArr, .sapMPopoverArr {
@@ -1,19 +1,16 @@
1
1
  /******************************************************************
2
2
  Style of the RTA Add Fields Dialog - Horizon Dark Theme
3
3
  *******************************************************************/
4
- @_sap_ui_rta_FieldRepository_ListSelect: @sapUiListHoverSelectionBackground;
5
- @_sap_ui_rta_FieldRepository_BtnHoverOutline: @sapUiButtonActiveBorderColor;
4
+ @_sap_ui_rta_FieldRepository_BtnHoverOutlineColor: @sapUiButtonSelectedHoverBorderColor; //#4db1ff
6
5
  @_sap_ui_rta_FieldRepository_ListItmBorderRadius: @sapUiButtonBorderCornerRadius; //0.5rem
6
+ @_sap_ui_rta_FieldRepository_BtnHoverBorderColor: @sapUiButtonHoverBorderColor; //#3a4a5a
7
+ @_sap_ui_rta_FieldRepository_BtnEmphasizedFocusBorderColor: @sapUiButtonEmphasizedHoverTextColor; //#eaecee
7
8
 
8
9
  .sapUiRtaMode {
9
10
 
10
11
  .sapUIRtaFieldRepositoryDialog {
11
12
 
12
13
  .sapMLIBHoverable {
13
- &.sapMLIBSelected:hover {
14
- background: @_sap_ui_rta_FieldRepository_ListSelect;
15
- }
16
-
17
14
  &.sapMLIB.sapMLIBSelected {
18
15
  border-bottom: 0.0625rem solid transparent;
19
16
  }
@@ -25,7 +22,36 @@
25
22
 
26
23
  // Search field
27
24
  .sapMSF.sapMFocus:hover .sapMSFF {
28
- outline: 0.0625rem solid @_sap_ui_rta_FieldRepository_BtnHoverOutline; //1px
25
+ outline: 0.0625rem solid @_sap_ui_rta_FieldRepository_BtnHoverOutlineColor; //1px
26
+ }
27
+
28
+ // Sort-Button
29
+ .sapMTB:not(.sapMIBar-CTX){
30
+ .sapMBtn {
31
+ &:hover {
32
+ .sapMBtnInner {
33
+ border: 0.0625rem solid @_sap_ui_rta_FieldRepository_BtnHoverBorderColor!important; //1px
34
+ }
35
+ }
36
+ }
37
+ }
38
+ .sapMBtn {
39
+
40
+ >.sapMBtnInner {
41
+ border: 0.0625rem solid transparent; //1px
42
+ }
43
+
44
+ &:focus {
45
+ > .sapMBtnInner{
46
+ outline: none;
47
+ }
48
+ &:not(:hover) > .sapMFocusable {
49
+ outline: none;
50
+ }
51
+ &:not(:hover) > .sapMFocusable.sapMBtnEmphasized {
52
+ border-color:transparent;
53
+ }
54
+ }
29
55
  }
30
56
  }
31
57
  }
@@ -1,17 +1,31 @@
1
1
  /******************************************************************
2
2
  Style of the RTA Overlays - Horizon Dark Theme
3
3
  *******************************************************************/
4
- @_sap_ui_rta_Overlay_PlaceholderBG: lighten(saturate(@sapUiShellBackground, 15%), 2%);
5
- @_sap_ui_rta_Overlay_ShellBG: transparent;
6
- @_sap_ui_rta_Overlay_HoverBG: fade(@sapUiSelected, 5%); // rgba(0, 112, 242, 0.05)
7
- @_sap_ui_rta_Overlay_BorderRadius: @sapUiButtonBorderCornerRadius; // 0.5rem
4
+ @_sap_ui_rta_Overlay_PlaceholderBackgroundColor: darken(@sapUiContentImagePlaceholderBackground, 25%); //#17212a
8
5
 
9
6
  .sapUiRta {
10
- &:not(.sapUiRtaVisualizationMode) {
11
- .sapUiRtaOverlayHover:after {
12
- border-radius: @_sap_ui_rta_Overlay_BorderRadius;
13
- border: none;
14
- background: @_sap_ui_rta_Overlay_HoverBG;
7
+ .sapUiDtOverlayDropZone {
8
+ > .sapUiDtOverlayChildren {
9
+ > .sapUiRtaOverlayPlaceholder {
10
+ background: @_sap_ui_rta_Overlay_PlaceholderBackgroundColor !important;
11
+ // no "focus" border
12
+ &:focus {
13
+ &:before {
14
+ content: none;
15
+ }
16
+ }
17
+
18
+ // all descendants
19
+ * {
20
+ background: @_sap_ui_rta_Overlay_PlaceholderBackgroundColor;
21
+ // no "focus" border
22
+ &:focus {
23
+ &:before {
24
+ content: none;
25
+ }
26
+ }
27
+ }
28
+ }
15
29
  }
16
30
  }
17
31
  }