@openui5/themelib_sap_horizon 1.127.0 → 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 (124) hide show
  1. package/package.json +18 -18
  2. package/src/sap/m/themes/sap_horizon/Breadcrumbs.less +20 -16
  3. package/src/sap/m/themes/sap_horizon/BusyIndicator.less +2 -2
  4. package/src/sap/m/themes/sap_horizon/Button.less +59 -54
  5. package/src/sap/m/themes/sap_horizon/Carousel.less +11 -11
  6. package/src/sap/m/themes/sap_horizon/Dialog.less +0 -10
  7. package/src/sap/m/themes/sap_horizon/GenericTile.less +2 -3
  8. package/src/sap/m/themes/sap_horizon/NewsContent.less +0 -4
  9. package/src/sap/m/themes/sap_horizon/Popover.less +0 -29
  10. package/src/sap/m/themes/sap_horizon/SinglePlanningCalendarGrid.less +1 -0
  11. package/src/sap/m/themes/sap_horizon/SlideTile.less +0 -5
  12. package/src/sap/m/themes/sap_horizon/Token.less +5 -0
  13. package/src/sap/m/themes/sap_horizon/Tokenizer.less +2 -2
  14. package/src/sap/m/themes/sap_horizon_dark/Breadcrumbs.less +20 -16
  15. package/src/sap/m/themes/sap_horizon_dark/BusyIndicator.less +2 -2
  16. package/src/sap/m/themes/sap_horizon_dark/Button.less +59 -54
  17. package/src/sap/m/themes/sap_horizon_dark/Carousel.less +11 -11
  18. package/src/sap/m/themes/sap_horizon_dark/Dialog.less +0 -10
  19. package/src/sap/m/themes/sap_horizon_dark/GenericTile.less +2 -3
  20. package/src/sap/m/themes/sap_horizon_dark/NewsContent.less +0 -4
  21. package/src/sap/m/themes/sap_horizon_dark/Popover.less +0 -29
  22. package/src/sap/m/themes/sap_horizon_dark/SinglePlanningCalendarGrid.less +1 -0
  23. package/src/sap/m/themes/sap_horizon_dark/SlideTile.less +0 -5
  24. package/src/sap/m/themes/sap_horizon_dark/Token.less +5 -0
  25. package/src/sap/m/themes/sap_horizon_dark/Tokenizer.less +2 -2
  26. package/src/sap/m/themes/sap_horizon_hcb/ActionListItem.less +2 -2
  27. package/src/sap/m/themes/sap_horizon_hcb/ActionTile.less +15 -12
  28. package/src/sap/m/themes/sap_horizon_hcb/Breadcrumbs.less +6 -7
  29. package/src/sap/m/themes/sap_horizon_hcb/BusyIndicator.less +2 -2
  30. package/src/sap/m/themes/sap_horizon_hcb/Button.less +45 -39
  31. package/src/sap/m/themes/sap_horizon_hcb/Carousel.less +10 -10
  32. package/src/sap/m/themes/sap_horizon_hcb/Dialog.less +0 -10
  33. package/src/sap/m/themes/sap_horizon_hcb/GenericTile.less +0 -5
  34. package/src/sap/m/themes/sap_horizon_hcb/HeaderContainer.less +0 -5
  35. package/src/sap/m/themes/sap_horizon_hcb/Popover.less +0 -22
  36. package/src/sap/m/themes/sap_horizon_hcb/SinglePlanningCalendarGrid.less +1 -0
  37. package/src/sap/m/themes/sap_horizon_hcb/SlideTile.less +0 -1
  38. package/src/sap/m/themes/sap_horizon_hcb/library.source.less +0 -4
  39. package/src/sap/m/themes/sap_horizon_hcw/ActionListItem.less +2 -2
  40. package/src/sap/m/themes/sap_horizon_hcw/ActionTile.less +15 -12
  41. package/src/sap/m/themes/sap_horizon_hcw/Breadcrumbs.less +7 -8
  42. package/src/sap/m/themes/sap_horizon_hcw/BusyIndicator.less +2 -2
  43. package/src/sap/m/themes/sap_horizon_hcw/Button.less +45 -39
  44. package/src/sap/m/themes/sap_horizon_hcw/Carousel.less +10 -10
  45. package/src/sap/m/themes/sap_horizon_hcw/Dialog.less +0 -10
  46. package/src/sap/m/themes/sap_horizon_hcw/GenericTile.less +0 -5
  47. package/src/sap/m/themes/sap_horizon_hcw/HeaderContainer.less +0 -5
  48. package/src/sap/m/themes/sap_horizon_hcw/Popover.less +0 -22
  49. package/src/sap/m/themes/sap_horizon_hcw/SinglePlanningCalendarGrid.less +1 -0
  50. package/src/sap/m/themes/sap_horizon_hcw/SlideTile.less +0 -1
  51. package/src/sap/m/themes/sap_horizon_hcw/library.source.less +0 -4
  52. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  53. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  54. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  55. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
  56. package/src/sap/ui/dt/themes/sap_horizon/ContextMenu.less +10 -29
  57. package/src/sap/ui/dt/themes/sap_horizon/Overlay.less +14 -8
  58. package/src/sap/ui/dt/themes/sap_horizon_dark/ContextMenu.less +10 -32
  59. package/src/sap/ui/dt/themes/sap_horizon_dark/Overlay.less +13 -8
  60. package/src/sap/ui/dt/themes/sap_horizon_hcb/ContextMenu.less +10 -28
  61. package/src/sap/ui/dt/themes/sap_horizon_hcb/Overlay.less +29 -7
  62. package/src/sap/ui/dt/themes/sap_horizon_hcb/library.source.less +2 -2
  63. package/src/sap/ui/dt/themes/sap_horizon_hcw/ContextMenu.less +10 -28
  64. package/src/sap/ui/dt/themes/sap_horizon_hcw/Overlay.less +29 -5
  65. package/src/sap/ui/mdc/themes/sap_horizon/Chart.less +6 -0
  66. package/src/sap/ui/mdc/themes/sap_horizon/Table.less +1 -1
  67. package/src/sap/ui/mdc/themes/sap_horizon/library.source.less +1 -0
  68. package/src/sap/ui/mdc/themes/sap_horizon_dark/Chart.less +6 -0
  69. package/src/sap/ui/mdc/themes/sap_horizon_dark/Table.less +1 -1
  70. package/src/sap/ui/mdc/themes/sap_horizon_dark/library.source.less +2 -1
  71. package/src/sap/ui/mdc/themes/sap_horizon_hcb/Chart.less +6 -0
  72. package/src/sap/ui/mdc/themes/sap_horizon_hcb/Table.less +1 -1
  73. package/src/sap/ui/mdc/themes/sap_horizon_hcb/library.source.less +2 -1
  74. package/src/sap/ui/mdc/themes/sap_horizon_hcw/Chart.less +6 -0
  75. package/src/sap/ui/mdc/themes/sap_horizon_hcw/Table.less +1 -1
  76. package/src/sap/ui/mdc/themes/sap_horizon_hcw/library.source.less +2 -1
  77. package/src/sap/ui/rta/themes/sap_horizon/AddIFrame.less +8 -9
  78. package/src/sap/ui/rta/themes/sap_horizon/ContextMenu.less +5 -4
  79. package/src/sap/ui/rta/themes/sap_horizon/Dialogs.less +1 -4
  80. package/src/sap/ui/rta/themes/sap_horizon/FieldRepository.less +34 -7
  81. package/src/sap/ui/rta/themes/sap_horizon/Overlay.less +23 -12
  82. package/src/sap/ui/rta/themes/sap_horizon/Toolbar.adaptation.less +65 -22
  83. package/src/sap/ui/rta/themes/sap_horizon/Toolbar.base.less +2 -2
  84. package/src/sap/ui/rta/themes/sap_horizon/library.source.less +4 -4
  85. package/src/sap/ui/rta/themes/sap_horizon_dark/AddIFrame.less +8 -20
  86. package/src/sap/ui/rta/themes/sap_horizon_dark/ChangeVisualization.less +3 -3
  87. package/src/sap/ui/rta/themes/sap_horizon_dark/ContextMenu.less +5 -4
  88. package/src/sap/ui/rta/themes/sap_horizon_dark/Dialogs.less +2 -5
  89. package/src/sap/ui/rta/themes/sap_horizon_dark/FieldRepository.less +33 -7
  90. package/src/sap/ui/rta/themes/sap_horizon_dark/Overlay.less +23 -9
  91. package/src/sap/ui/rta/themes/sap_horizon_dark/Toolbar.adaptation.less +66 -36
  92. package/src/sap/ui/rta/themes/sap_horizon_dark/Toolbar.base.less +2 -2
  93. package/src/sap/ui/rta/themes/sap_horizon_dark/library.source.less +4 -4
  94. package/src/sap/ui/rta/themes/sap_horizon_hcb/ChangeVisualization.less +3 -2
  95. package/src/sap/ui/rta/themes/sap_horizon_hcb/ContextMenu.less +23 -7
  96. package/src/sap/ui/rta/themes/sap_horizon_hcb/Dialogs.less +12 -6
  97. package/src/sap/ui/rta/themes/sap_horizon_hcb/FieldRepository.less +7 -22
  98. package/src/sap/ui/rta/themes/sap_horizon_hcb/Overlay.less +23 -65
  99. package/src/sap/ui/rta/themes/sap_horizon_hcb/Toolbar.adaptation.less +36 -14
  100. package/src/sap/ui/rta/themes/sap_horizon_hcb/Toolbar.base.less +3 -7
  101. package/src/sap/ui/rta/themes/sap_horizon_hcb/library.source.less +3 -4
  102. package/src/sap/ui/rta/themes/sap_horizon_hcw/ChangeVisualization.less +4 -3
  103. package/src/sap/ui/rta/themes/sap_horizon_hcw/ContextMenu.less +19 -7
  104. package/src/sap/ui/rta/themes/sap_horizon_hcw/Dialogs.less +6 -6
  105. package/src/sap/ui/rta/themes/sap_horizon_hcw/Overlay.less +23 -65
  106. package/src/sap/ui/rta/themes/sap_horizon_hcw/Toolbar.adaptation.less +42 -15
  107. package/src/sap/ui/rta/themes/sap_horizon_hcw/Toolbar.base.less +3 -6
  108. package/src/sap/ui/rta/themes/sap_horizon_hcw/library.source.less +4 -5
  109. package/src/sap/uxap/themes/sap_horizon/AnchorBar.less +1 -1
  110. package/src/sap/uxap/themes/sap_horizon/ObjectPageHeaderContent.less +0 -4
  111. package/src/sap/uxap/themes/sap_horizon_dark/AnchorBar.less +1 -1
  112. package/src/sap/uxap/themes/sap_horizon_dark/ObjectPageHeaderContent.less +0 -4
  113. package/src/sap/uxap/themes/sap_horizon_hcb/ObjectPageHeaderContent.less +0 -4
  114. package/src/sap/uxap/themes/sap_horizon_hcw/ObjectPageHeaderContent.less +0 -4
  115. package/src/sap/m/themes/sap_horizon_hcb/FeedContent.less +0 -8
  116. package/src/sap/m/themes/sap_horizon_hcb/ImageContent.less +0 -8
  117. package/src/sap/m/themes/sap_horizon_hcb/NewsContent.less +0 -9
  118. package/src/sap/m/themes/sap_horizon_hcb/NumericContent.less +0 -8
  119. package/src/sap/m/themes/sap_horizon_hcw/FeedContent.less +0 -8
  120. package/src/sap/m/themes/sap_horizon_hcw/ImageContent.less +0 -8
  121. package/src/sap/m/themes/sap_horizon_hcw/NewsContent.less +0 -9
  122. package/src/sap/m/themes/sap_horizon_hcw/NumericContent.less +0 -8
  123. package/src/sap/ui/rta/themes/sap_horizon_hcb/AddIFrame.less +0 -77
  124. package/src/sap/ui/rta/themes/sap_horizon_hcw/AddIFrame.less +0 -77
@@ -1,18 +1,34 @@
1
1
  /**********************************************************************
2
2
  Style of the RTA Contextmenu - Horizon High Contrast Black theme
3
3
  ***********************************************************************/
4
- @_sap_ui_rta_ContextMenu_Border_LightColor: @sapUiNeutralBorder; //#ffffff
5
- @_sap_ui_rta_ContextMenu_Border_DarkColor: @sapUiNeutralBG; //#000000
6
- @_sap_ui_rta_ContextMenu_Border_Radius: @sapUiButtonBorderCornerRadius; // 0.375rem
7
- @_sap_ui_rta_ContextMenu_BoxShadow_DarkColor: fade(@sapUiContentShadowColor, 60%); //rgba(255, 255, 255, 0.6)
8
- @_sap_ui_rta_ContextMenu_BoxShadow_LightColor: @sapUiNeutralBorder; //#ffffff
4
+ @_sap_ui_rta_ContextMenu_BorderLightColor: @sapUiShellBorderColor; //#ffffff
5
+ @_sap_ui_rta_ContextMenu_BorderDarkColor: @sapUiShellBackground; //#000000
6
+ @_sap_ui_rta_ContextMenu_BorderRadius: @sapUiButtonBorderCornerRadius; // 0.375rem
7
+ @_sap_ui_rta_ContextMenu_BoxShadowLightColor: fade(@sapUiContentShadowColor, 60%); //rgba(255, 255, 255, 0.6)
8
+
9
+ @_sap_ui_rta_ContextMenu_BoxShadow:
10
+ 0 0.25rem 2rem 0 fade(@_sap_ui_rta_ContextMenu_BoxShadowLightColor, 60%),
11
+ 0 0 0 0.125rem @_sap_ui_rta_ContextMenu_BoxShadowLightColor;
12
+
9
13
 
10
14
  .sapUiRtaMode {
11
15
  .sapUiDtContextMenu {
12
16
  &.sapMMenu {
13
- border: 0.188rem dashed @_sap_ui_rta_ContextMenu_Border_LightColor; //2px
17
+ border: 0.188rem dashed @_sap_ui_rta_ContextMenu_BorderLightColor; //2px
14
18
  border-image: none;
15
- border-radius: @_sap_ui_rta_ContextMenu_Border_Radius;
19
+ border-radius: @_sap_ui_rta_ContextMenu_BorderRadius;
20
+ }
21
+ }
22
+ }
23
+
24
+ .sapUiDtContextMenu {
25
+ .sapUiMnuLst {
26
+ .sapUiMnuItm {
27
+ &:focus {
28
+ &.sapUiMnuItmDsbl{
29
+ outline: none;
30
+ }
31
+ }
16
32
  }
17
33
  }
18
34
  }
@@ -1,16 +1,21 @@
1
1
  /**********************************************************************
2
2
  Style of Dialogs shown in RTA - Horizon High Contrast Black theme
3
3
  ***********************************************************************/
4
- @_sap_ui_rta_Dialogs_BorderLightColor: @sapUiNeutralElement; //#ffffff
5
- @_sap_ui_rta_Dialogs_BorderDarkColor: @sapUiNeutralBG; //#000000
4
+ @_sap_ui_rta_Dialogs_BorderLightColor: @sapUiShellBorderColor; //#fff
5
+ @_sap_ui_rta_Dialogs_BorderDarkColor: @sapUiShellBackground; //#000000
6
6
  @_sap_ui_rta_Dialogs_BorderRadius: @sapUiButtonBorderCornerRadius; //0.375rem
7
+ @_sap_ui_rta_Dialogs_BoxShadowLightColor: fade(@sapUiContentShadowColor, 60%); //rgba(255, 255, 255, 0.6)
8
+
9
+ @_sap_ui_rta_Dialogs_BorderBoxShadow:
10
+ 0 0.25rem 2rem 0 fade(@_sap_ui_rta_Dialogs_BoxShadowLightColor, 60%),
11
+ 0 0 0 0.125rem @_sap_ui_rta_Dialogs_BoxShadowLightColor;
7
12
 
8
13
  .sapMDialog.sapUiRTABorder {
9
- border: 0.25rem solid @_sap_ui_rta_Dialogs_BorderLightColor;
14
+ border: 0.188rem solid @_sap_ui_rta_Dialogs_BorderLightColor;
10
15
  border-image: none;
11
16
  border-radius: @_sap_ui_rta_Dialogs_BorderRadius;
12
- outline: 0.25rem dashed @_sap_ui_rta_Dialogs_BorderDarkColor; //4px
13
- outline-offset: -0.188rem;
17
+ outline: 0.188rem dashed @_sap_ui_rta_Dialogs_BorderDarkColor; //4px
18
+ outline-offset: -0.125rem;
14
19
  }
15
20
 
16
21
  .sapUiRtaPopover {
@@ -20,7 +25,8 @@
20
25
  border-image: none;
21
26
  border-radius: @_sap_ui_rta_Dialogs_BorderRadius;
22
27
  outline: 0.188rem dashed @_sap_ui_rta_Dialogs_BorderDarkColor; //4px
23
- outline-offset: -0.25rem; //4px
28
+ outline-offset: -0.125rem; //4px
29
+ box-shadow: @_sap_ui_rta_Dialogs_BorderBoxShadow;
24
30
  }
25
31
 
26
32
  &.sapMPopoverArr, .sapMPopoverArr {
@@ -1,31 +1,16 @@
1
1
  /****************************************************************************
2
2
  Style of the RTA Add Fields Dialog - Horizon High Contrast Black theme
3
3
  *****************************************************************************/
4
- @_sap_ui_rta_FieldRepository_ListSelect: @sapUiChartPaletteSequentialHue1Dark2; //#0979e8
5
- @_sap_ui_rta_FieldRepository_BtnHoverOutline: @sapUiButtonActiveBorderColor; //#fff
6
- @_sap_ui_rta_FieldRepository_ListItmBorderRadius: @sapUiButtonBorderCornerRadius; //0.375rem
7
-
8
4
  .sapUiRtaMode {
9
-
10
5
  .sapUIRtaFieldRepositoryDialog {
11
-
12
- .sapMLIBHoverable {
13
- &.sapMLIBSelected:hover {
14
- background: @_sap_ui_rta_FieldRepository_ListSelect;
6
+ .sapMBtn:focus {
7
+ > .sapMFocusable {
8
+ outline-offset: -0.125rem; //2px
9
+ border: 0.0625rem solid transparent; //2px
10
+ &.sapMBtnEmphasized {
11
+ border: 0.125rem solid transparent; //2px
12
+ }
15
13
  }
16
-
17
- &.sapMLIB.sapMLIBSelected {
18
- border-bottom: 0.0625rem solid transparent;
19
- }
20
- }
21
-
22
- .sapUIRtaListItem {
23
- border-radius: @_sap_ui_rta_FieldRepository_ListItmBorderRadius;
24
- }
25
-
26
- // Search field
27
- .sapMSF.sapMFocus:hover .sapMSFF {
28
- outline: 0.0625rem solid @_sap_ui_rta_FieldRepository_BtnHoverOutline; //1px
29
14
  }
30
15
  }
31
16
  }
@@ -1,73 +1,31 @@
1
1
  /******************************************************************
2
2
  Style of the RTA Overlays - Horizon High Contrast Black theme
3
3
  *******************************************************************/
4
- @_sap_ui_rta_Overlay_BorderColor: @sapUiContentHelpColor; //#03b803
5
- @_sap_ui_rta_Overlay_BoxShadowColor: @sapUiNeutralBG; //#000
6
- @_sap_ui_rta_Overlay_ShellBG: @sapUiNeutralBG; //#000
7
- @_sap_ui_rta_Overlay_FocusBorder: @sapUiNeutralElement; //#fff
8
- @_sap_ui_rta_Overlay_TargetZoneBG: fade(@sapUiSelected, 30%);
9
- @_sap_ui_rta_Overlay_PlaceholderBG: @sapUiNeutralBG; //#000
10
- @_sap_ui_rta_Overlay_BorderRadius: @sapUiButtonBorderCornerRadius; //0.375rem
4
+ @_sap_ui_rta_Overlay_ResizeHandleColor: darken(@sapUiSuccessBorder, 25%); //#4c994c
5
+ @_sap_ui_rta_Overlay_PlaceholderBackgroundColor: darken(@sapUiFieldPlaceholderTextColor, 30%); //#4d4d4d
11
6
 
12
7
  .sapUiRta {
13
- .sapUiDtOverlayTargetZone {
14
- &:after {
15
- box-shadow: none;
16
- border-radius: @_sap_ui_rta_Overlay_BorderRadius;
17
- }
18
-
19
- &.sapUiDtOverlayDropZone > .sapUiDtOverlayChildren > .sapUiDtOverlayMovable {
20
- background: @_sap_ui_rta_Overlay_TargetZoneBG;
21
- }
22
- }
23
- }
24
-
25
- .sapUiRta:not(.sapUiRtaVisualizationMode) {
26
- .sapUiDtOverlay {
27
- &:focus {
28
- outline: none;
29
- /* We create inner white shadow to make sure black border is in contrast with element */
30
- box-shadow: 0 0 0 0.125rem @_sap_ui_rta_Overlay_BoxShadowColor inset; //2px
31
-
32
- &:before {
33
- border: none;
34
- outline: 0.125rem dotted @_sap_ui_rta_Overlay_FocusBorder; //2px
35
- outline-offset: -0.25rem; //4px
36
- }
37
- }
38
- }
39
-
40
- .sapUiRtaOverlayHover {
41
- &:after {
42
- border: none;
43
- box-shadow: none;
44
- outline: 0.125rem dotted @_sap_ui_rta_Overlay_BorderColor; //2px
45
- outline-offset: -0.125rem; //2px
46
- border-radius: @_sap_ui_rta_Overlay_BorderRadius;
47
- }
48
- }
49
-
50
- .sapUiDtOverlaySelected {
51
- box-shadow: none;
52
-
53
- &:after {
54
- border: 0.125rem solid @_sap_ui_rta_Overlay_BorderColor; //2px
55
- outline: none;
56
- }
57
-
58
- &.sapUiDtOverlayFocusable {
59
- &:focus {
60
- /* Same trick as described above but doubled thickness */
61
- box-shadow: 0 0 0 0.25rem @_sap_ui_rta_Overlay_BoxShadowColor inset; //4px
62
- }
63
- }
64
-
65
- &.sapUiRtaOverlayHover {
66
- &:after {
67
- border: 0.125rem solid @_sap_ui_rta_Overlay_BorderColor !important; //2px
68
- outline: 0.125rem dotted @_sap_ui_rta_Overlay_BorderColor !important; //2px
69
- outline-offset: -0.25rem; //4px
70
- box-shadow: none;
8
+ .sapUiDtOverlayDropZone {
9
+ > .sapUiDtOverlayChildren {
10
+ > .sapUiRtaOverlayPlaceholder {
11
+ background: @_sap_ui_rta_Overlay_PlaceholderBackgroundColor !important;
12
+ // no "focus" border
13
+ &:focus {
14
+ &:before {
15
+ content: none;
16
+ }
17
+ }
18
+
19
+ // all descendants
20
+ * {
21
+ background: @_sap_ui_rta_Overlay_PlaceholderBackgroundColor;
22
+ // no "focus" border
23
+ &:focus {
24
+ &:before {
25
+ content: none;
26
+ }
27
+ }
28
+ }
71
29
  }
72
30
  }
73
31
  }
@@ -1,23 +1,17 @@
1
1
  /***********************************************************************
2
2
  Style of the RTA Toolbar (type: adaptation) - Horizon High Contrast Black theme
3
3
  ************************************************************************/
4
- @_sap_ui_rta_Toolbar_Adaptation_BaseColor: @sapUiNeutralBG; //#000000
5
- @_sap_ui_rta_Toolbar_Adaptation_TextColor: @sapUiNeutralElement; //#ffffff
6
- @_sap_ui_rta_Toolbar_Adaptation_BtnFocusBorder: @sapUiNeutralElement; //#ffffff
7
- @_sap_ui_rta_Toolbar_Adaptation_FocusOutlineCol: @sapUiNeutralBorder; //#fff
8
- @_sap_ui_rta_Toolbar_Adaptation_SegBBtnSelBG: @sapUiSelected;
9
- @_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: @sapUiCriticalText; //#ffab1d
10
- @_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor: @sapUiPositiveText; //#9c9
11
- @_sap_ui_rta_Toolbar_Adaptation_BoxShadow_DarkColor: fade(@sapUiNeutralElement, 80%); //rgba(255, 255, 255, 0.8)
12
- @_sap_ui_rta_Toolbar_Adaptation_BoxShadow_LightColor: @sapUiNeutralElement; //#ffffff
13
- @_sap_ui_rta_Toolbar_Adaptation_VersionHistoryHover: @sapUiListHoverBackground; //#795100
14
- @_sap_ui_rta_Toolbar_Adaptation_BaseColorLight: @sapUiContentDisabledTextColor; //#666
4
+ @_sap_ui_rta_Toolbar_Adaptation_TextColor: @sapUiShellTextColor; //#fff
5
+ @_sap_ui_rta_Toolbar_Adaptation_FocusOutlineColor: @sapUiContentFocusColor; //#fff
6
+ @_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: @sapUiShellCriticalColor; //#ffab1d
7
+ @_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor:@sapUiShellPositiveColor; //#9c9
8
+ @_sap_ui_rta_Toolbar_Adaptation_BoxShadowDarkColor: fade(@sapUiContentShadowColor, 60%); //rgba(255, 255, 255, 0.6)
15
9
 
16
10
  .sapUiRtaMode {
17
11
  .sapUiRtaToolbar.sapUiRtaToolbarAdaptation {
18
12
  .sapMBtn {
19
13
  &:focus .sapMFocusable {
20
- outline: 0.125rem dotted @_sap_ui_rta_Toolbar_Adaptation_FocusOutlineCol;
14
+ outline: 0.125rem dotted @_sap_ui_rta_Toolbar_Adaptation_FocusOutlineColor;
21
15
  outline-offset: -0.125rem; //2px
22
16
  border-color: transparent;
23
17
  }
@@ -33,8 +27,6 @@
33
27
  }
34
28
 
35
29
  &.sapMSegBBtnSel .sapMSegBBtnInner {
36
- background: @_sap_ui_rta_Toolbar_Adaptation_SegBBtnSelBG;
37
-
38
30
  &:after {
39
31
  content: none !important;
40
32
  }
@@ -45,5 +37,35 @@
45
37
  }
46
38
  }
47
39
  }
40
+ // set text to white on hover for better accessibility
41
+ .sapUiRtaVersionButton {
42
+ &:hover {
43
+ > span > span > bdi {
44
+ color: @_sap_ui_rta_Toolbar_Adaptation_TextColor;
45
+ }
46
+ }
47
+ }
48
+ }
49
+ // set text to white on hover for better accessibility
50
+ .sapUiRtaVersionHistory {
51
+ .sapMLIBHoverable:hover {
52
+ .sapMLIBContent {
53
+ .sapMFeedListItem {
54
+ .sapMFeedListItemText {
55
+ .sapMFeedListItemTextText {
56
+ .sapMFeedListItemTextString {
57
+ color: @_sap_ui_rta_Toolbar_Adaptation_TextColor;
58
+ }
59
+ }
60
+ .sapMFeedListItemFooter {
61
+ .sapMFeedListItemInfoText,
62
+ .sapMFeedListItemTimestampText {
63
+ color: @_sap_ui_rta_Toolbar_Adaptation_TextColor;
64
+ }
65
+ }
66
+ }
67
+ }
68
+ }
69
+ }
48
70
  }
49
71
  }
@@ -1,13 +1,9 @@
1
1
  /******************************************************************************
2
2
  Style of the RTA Toolbar (all types) - Horizon High Contrast Black theme
3
3
  *******************************************************************************/
4
- @_sap_ui_rta_Toolbar_Base_BaseColor: @sapUiNeutralBG; //#000000
5
- @_sap_ui_rta_Toolbar_Base_BaseBG: @sapUiNeutralBG; //#000000
6
- @_sap_ui_rta_Toolbar_Base_TextColor: @sapUiNeutralElement; //#ffffff
7
- @_sap_ui_rta_Toolbar_Base_OutlineColor: @sapUiButtonEmphasizedBorderColor; //#fff
8
- @_sap_ui_rta_Toolbar_Base_BoxShadow_DarkColor: fade(@sapUiNeutralElement, 80%); //rgba(255, 255, 255, 0.8)
9
- @_sap_ui_rta_Toolbar_Base_BoxShadow_LightColor: @sapUiNeutralElement; //#ffffff
10
-
4
+ @_sap_ui_rta_Toolbar_Base_OutlineColor: @sapUiShellBorderColor; //#fff
5
+ @_sap_ui_rta_Toolbar_Base_BoxShadowDarkColor: fade(@sapUiContentShadowColor, 60%); //rgba(255, 255, 255, 0.6)
6
+ @_sap_ui_rta_Toolbar_Base_BorderDarkColor: @sapUiShellBackground; //#000000
11
7
 
12
8
  .sapUiRtaMode {
13
9
  .sapUiRtaToolbar {
@@ -8,11 +8,10 @@
8
8
  @import "../../../../../sap/ui/core/themes/sap_horizon_hcb/base.less";
9
9
  @import "../../../../../sap/ui/core/themes/sap_horizon_hcb/global.less";
10
10
 
11
- @import "Overlay.less";
11
+ @import "ChangeVisualization.less";
12
12
  @import "ContextMenu.less";
13
13
  @import "Dialogs.less";
14
14
  @import "FieldRepository.less";
15
- @import "Toolbar.base.less";
15
+ @import "Overlay.less";
16
16
  @import "Toolbar.adaptation.less";
17
- @import "AddIFrame.less";
18
- @import "ChangeVisualization.less";
17
+ @import "Toolbar.base.less";
@@ -2,15 +2,16 @@
2
2
  Style of the RTA Change Visualization - Horizon hcw theme
3
3
  *******************************************************************/
4
4
  @_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorLight: @sapUiPositiveText; //#006362
5
- @_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorMedium: @sapUiActive; //#e97624
5
+ @_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorMedium: @sapUiShellActiveBackground; //#e97624
6
6
  @_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorDark: lighten(@sapUiChart8, 20%); //#e52faa
7
- @_sap_ui_rta_ChangeVisualization_OverlayOutline: @sapUiIndication5; //#004ccb
8
- @_sap_ui_rta_ChangeVisualization_BorderRadius: @sapUiButtonBorderCornerRadius;
7
+ @_sap_ui_rta_ChangeVisualization_OverlayOutlineColor: @sapUiSelected; //#5c93ff
8
+ @_sap_ui_rta_ChangeVisualization_BorderRadius: @sapUiButtonBorderCornerRadius; // 0.375rem
9
9
 
10
10
  .sapUiDtOverlay {
11
11
  .sapUiRtaChangeIndicatorHovered {
12
12
  &:after {
13
13
  box-shadow: none;
14
+ border-radius: @_sap_ui_rta_ChangeVisualization_BorderRadius;
14
15
  }
15
16
  }
16
17
 
@@ -1,18 +1,30 @@
1
1
  /**********************************************************************
2
2
  Style of the RTA Contextmenu - Horizon High Contrast White theme
3
3
  ***********************************************************************/
4
- @_sap_ui_rta_ContextMenu_Border_LightColor: @sapUiNeutralBG; //#fff
5
- @_sap_ui_rta_ContextMenu_Border_DarkColor: @sapUiNeutralBorder; //#000
6
- @_sap_ui_rta_ContextMenu_Border_Radius: @sapUiButtonBorderCornerRadius; // 0.375rem
7
- @_sap_ui_rta_ContextMenu_BoxShadow_DarkColor: fade(@sapUiContentShadowColor, 60%); //rgba(255, 255, 255, 0.6)
8
- @_sap_ui_rta_ContextMenu_BoxShadow_LightColor: @sapUiNeutralBG; //#fff
4
+ @_sap_ui_rta_ContextMenu_BorderLightColor: @sapUiShellBackground; //#fff
5
+ @_sap_ui_rta_ContextMenu_BorderDarkColor: @sapUiContentShadowColor; //#000
6
+ @_sap_ui_rta_ContextMenu_BorderRadius: @sapUiButtonBorderCornerRadius; // 0.375rem
7
+ @_sap_ui_rta_ContextMenu_BoxShadowDarkColor: fade(@sapUiContentShadowColor, 60%); //rgba(0, 0, 0, 0.6)
8
+ @_sap_ui_rta_ContextMenu_BoxShadowLightColor: @sapUiShellBackground; //#fff
9
9
 
10
10
  .sapUiRtaMode {
11
11
  .sapUiDtContextMenu {
12
12
  &.sapMMenu {
13
- border: 0.188rem dashed @_sap_ui_rta_ContextMenu_Border_DarkColor; //2px
13
+ border: 0.188rem dashed @_sap_ui_rta_ContextMenu_BorderDarkColor; //2px
14
14
  border-image: none;
15
- border-radius: @_sap_ui_rta_ContextMenu_Border_Radius;
15
+ border-radius: @_sap_ui_rta_ContextMenu_BorderRadius;
16
+ }
17
+ }
18
+ }
19
+
20
+ .sapUiDtContextMenu {
21
+ .sapUiMnuLst {
22
+ .sapUiMnuItm {
23
+ &:focus {
24
+ &.sapUiMnuItmDsbl{
25
+ outline: none;
26
+ }
27
+ }
16
28
  }
17
29
  }
18
30
  }
@@ -1,16 +1,16 @@
1
1
  /***********************************************************************
2
2
  Style of Dialogs shown in RTA - Horizon High Contrast White theme
3
3
  ************************************************************************/
4
- @_sap_ui_rta_Dialogs_BorderLightColor: @sapUiNeutralElement; //#000
5
- @_sap_ui_rta_Dialogs_BorderDarkColor: @sapUiNeutralBG; //#fff
4
+ @_sap_ui_rta_Dialogs_BorderLightColor: @sapUiContentShadowColor; //#000
5
+ @_sap_ui_rta_Dialogs_BorderDarkColor: @sapUiShellBackground; //#fff
6
6
  @_sap_ui_rta_Dialogs_BorderRadius: @sapUiButtonBorderCornerRadius; //0.375rem
7
7
 
8
8
  .sapMDialog.sapUiRTABorder {
9
- border: 0.25rem solid @_sap_ui_rta_Dialogs_BorderLightColor;
9
+ border: 0.188rem solid @_sap_ui_rta_Dialogs_BorderLightColor;
10
10
  border-image: none;
11
11
  border-radius: @_sap_ui_rta_Dialogs_BorderRadius;
12
- outline: 0.25rem dashed @_sap_ui_rta_Dialogs_BorderDarkColor; //4px
13
- outline-offset: -0.188rem;
12
+ outline: 0.188rem dashed @_sap_ui_rta_Dialogs_BorderDarkColor; //4px
13
+ outline-offset: -0.125rem;
14
14
  }
15
15
 
16
16
  .sapUiRtaPopover {
@@ -20,7 +20,7 @@
20
20
  border-image: none;
21
21
  border-radius: @_sap_ui_rta_Dialogs_BorderRadius;
22
22
  outline: 0.188rem dashed @_sap_ui_rta_Dialogs_BorderDarkColor; //4px
23
- outline-offset: -0.25rem; //4px
23
+ outline-offset: -0.125rem; //4px
24
24
  }
25
25
 
26
26
  &.sapMPopoverArr, .sapMPopoverArr {
@@ -1,73 +1,31 @@
1
1
  /******************************************************************
2
2
  Style of the RTA Overlays - Horizon High Contrast White theme
3
3
  *******************************************************************/
4
- @_sap_ui_rta_Overlay_BorderColor: @sapUiIndication5; //#004ccb
5
- @_sap_ui_rta_Overlay_BoxShadowColor: @sapUiNeutralBG; //#fff
6
- @_sap_ui_rta_Overlay_ShellBG: @sapUiNeutralBG; //#fff
7
- @_sap_ui_rta_Overlay_FocusBorder: @sapUiNeutralElement; //#000
8
- @_sap_ui_rta_Overlay_TargetZoneBG: fade(@sapUiSelected, 15%);
9
- @_sap_ui_rta_Overlay_PlaceholderBG: @sapUiNeutralBG; //#fff
10
- @_sap_ui_rta_Overlay_BorderRadius: @sapUiButtonBorderCornerRadius; //0.375rem
4
+ @_sap_ui_rta_Overlay_ResizeHandleColor: darken(@sapUiSelected, 25%); //#004adc
5
+ @_sap_ui_rta_Overlay_PlaceholderBackgroundColor: @sapUiContentImagePlaceholderBackground; //#fff
11
6
 
12
7
  .sapUiRta {
13
- .sapUiDtOverlayTargetZone {
14
- &:after {
15
- box-shadow: none;
16
- border-radius: @_sap_ui_rta_Overlay_BorderRadius;
17
- }
18
-
19
- &.sapUiDtOverlayDropZone > .sapUiDtOverlayChildren > .sapUiDtOverlayMovable {
20
- background: @_sap_ui_rta_Overlay_TargetZoneBG;
21
- }
22
- }
23
- }
24
-
25
- .sapUiRta:not(.sapUiRtaVisualizationMode) {
26
- .sapUiDtOverlay {
27
- &:focus {
28
- outline: none;
29
- /* We create inner white shadow to make sure black border is in contrast with element */
30
- box-shadow: 0 0 0 0.125rem @_sap_ui_rta_Overlay_BoxShadowColor inset; //2px
31
-
32
- &:before {
33
- border: none;
34
- outline: 0.125rem dotted @_sap_ui_rta_Overlay_FocusBorder; //2px
35
- outline-offset: -0.25rem; //4px
36
- }
37
- }
38
- }
39
-
40
- .sapUiRtaOverlayHover {
41
- &:after {
42
- border: none;
43
- box-shadow: none;
44
- outline: 0.125rem dotted @_sap_ui_rta_Overlay_BorderColor; //2px
45
- outline-offset: -0.125rem; //2px
46
- border-radius: @_sap_ui_rta_Overlay_BorderRadius;
47
- }
48
- }
49
-
50
- .sapUiDtOverlaySelected {
51
- box-shadow: none;
52
-
53
- &:after {
54
- border: 0.125rem solid @_sap_ui_rta_Overlay_BorderColor; //2px
55
- outline: none;
56
- }
57
-
58
- &.sapUiDtOverlayFocusable {
59
- &:focus {
60
- /* Same trick as described above but doubled thickness */
61
- box-shadow: 0 0 0 0.25rem @_sap_ui_rta_Overlay_BoxShadowColor inset; //4px
62
- }
63
- }
64
-
65
- &.sapUiRtaOverlayHover {
66
- &:after {
67
- border: 0.125rem solid @_sap_ui_rta_Overlay_BorderColor !important; //2px
68
- outline: 0.125rem dotted @_sap_ui_rta_Overlay_BorderColor !important; //2px
69
- outline-offset: -0.25rem; //4px
70
- box-shadow: none;
8
+ .sapUiDtOverlayDropZone {
9
+ > .sapUiDtOverlayChildren {
10
+ > .sapUiRtaOverlayPlaceholder {
11
+ background: @_sap_ui_rta_Overlay_PlaceholderBackgroundColor !important;
12
+ // no "focus" border
13
+ &:focus {
14
+ &:before {
15
+ content: none;
16
+ }
17
+ }
18
+
19
+ // all descendants
20
+ * {
21
+ background: @_sap_ui_rta_Overlay_PlaceholderBackgroundColor;
22
+ // no "focus" border
23
+ &:focus {
24
+ &:before {
25
+ content: none;
26
+ }
27
+ }
28
+ }
71
29
  }
72
30
  }
73
31
  }
@@ -1,28 +1,34 @@
1
1
  /***********************************************************************************
2
2
  Style of the RTA Toolbar (type: adaptation) - Horizon High Contrast White theme
3
3
  ************************************************************************************/
4
- @_sap_ui_rta_Toolbar_Adaptation_BaseColor: @sapUiNeutralBG; //#fff
5
- @_sap_ui_rta_Toolbar_Adaptation_TextColor: @sapUiNeutralElement; //#000
6
- @_sap_ui_rta_Toolbar_Adaptation_BtnFocusBorder: @sapUiNeutralElement; //#000
7
- @_sap_ui_rta_Toolbar_Adaptation_FocusOutlineCol: @sapUiNeutralBorder; //#000
8
- @_sap_ui_rta_Toolbar_Adaptation_SegBBtnHoverTextColor: @sapUiNeutralElement; //000
9
- @_sap_ui_rta_Toolbar_Adaptation_SegBBtnSelBG: @sapUiSelected; //#5c93ff
10
- @_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: darken(@sapUiActive, 12%); //#bd5a13
4
+ @_sap_ui_rta_Toolbar_Adaptation_TextColor: @sapUiShellTextColor; //#000
5
+ @_sap_ui_rta_Toolbar_Adaptation_FocusOutlineColor: @sapUiContentFocusColor; //#000
6
+ @_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: @sapUiContentSearchHighlightColor; //#e97624;
11
7
  @_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor: @sapUiContentHelpColor; //#006800
12
- @_sap_ui_rta_Toolbar_Adaptation_BoxShadow_DarkColor: fade(@sapUiContentShadowColor, 60%); //rgba(0, 0, 0, 0.6)
13
- @_sap_ui_rta_Toolbar_Adaptation_BoxShadow_LightColor: @sapUiNeutralBorder; //#000
14
- @_sap_ui_rta_Toolbar_Adaptation_VersionHistoryHover: @sapUiSelected; //#5c93ff
15
- @_sap_ui_rta_Toolbar_Adaptation_BaseColorLight: @sapUiFieldReadOnlyBackground; //#b3b3b3
16
-
8
+ @_sap_ui_rta_Toolbar_Adaptation_BoxShadowDarkColor: fade(@sapUiContentShadowColor, 80%); //rgba(0, 0, 0, 0.8)
9
+ @_sap_ui_rta_Toolbar_Adaptation_BoxShadowLightColor: @sapUiShellBackground; //#fff
10
+ @_sap_ui_rta_Toolbar_Adaptation_HoverTextColor: @sapUiShellBackground; //#fff
17
11
 
18
12
  .sapUiRtaMode {
19
13
  .sapUiRtaToolbar.sapUiRtaToolbarAdaptation {
20
14
  .sapMBtn {
21
15
  &:focus .sapMFocusable {
22
- outline: 0.125rem dotted @_sap_ui_rta_Toolbar_Adaptation_FocusOutlineCol;
16
+ outline: 0.125rem dotted @_sap_ui_rta_Toolbar_Adaptation_FocusOutlineColor;
23
17
  outline-offset: -0.125rem; //2px
24
18
  border-color: transparent;
25
19
  }
20
+ &:hover {
21
+ &>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
22
+ bdi {
23
+ color: @_sap_ui_rta_Toolbar_Adaptation_HoverTextColor;
24
+ }
25
+ }
26
+ }
27
+ }
28
+ .sapMBtnTransparent.sapMBtnHoverable:hover {
29
+ .sapUiIcon:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized) {
30
+ color: @_sap_ui_rta_Toolbar_Adaptation_HoverTextColor;
31
+ }
26
32
  }
27
33
 
28
34
  .sapMSegB {
@@ -35,8 +41,6 @@
35
41
  }
36
42
 
37
43
  &.sapMSegBBtnSel .sapMSegBBtnInner {
38
- background: @_sap_ui_rta_Toolbar_Adaptation_SegBBtnSelBG;
39
-
40
44
  &:after {
41
45
  content: none !important;
42
46
  }
@@ -48,4 +52,27 @@
48
52
  }
49
53
  }
50
54
  }
55
+
56
+ // set text to white on hover for better accessibility
57
+ .sapUiRtaVersionHistory {
58
+ .sapMLIBHoverable:hover {
59
+ .sapMLIBContent {
60
+ .sapMFeedListItem {
61
+ .sapMFeedListItemText {
62
+ .sapMFeedListItemTextText {
63
+ .sapMFeedListItemTextString {
64
+ color: @_sap_ui_rta_Toolbar_Adaptation_HoverTextColor;
65
+ }
66
+ }
67
+ .sapMFeedListItemFooter {
68
+ .sapMFeedListItemInfoText,
69
+ .sapMFeedListItemTimestampText {
70
+ color: @_sap_ui_rta_Toolbar_Adaptation_HoverTextColor;
71
+ }
72
+ }
73
+ }
74
+ }
75
+ }
76
+ }
77
+ }
51
78
  }
@@ -1,12 +1,9 @@
1
1
  /******************************************************************************
2
2
  Style of the RTA Toolbar (all types) - Horizon High Contrast White theme
3
3
  *******************************************************************************/
4
- @_sap_ui_rta_Toolbar_Base_BaseColor: @sapUiNeutralElement; //#000
5
- @_sap_ui_rta_Toolbar_Base_BaseBG: @sapUiNeutralBG; //#fff
6
- @_sap_ui_rta_Toolbar_Base_TextColor: @sapUiNeutralBG; //#fff
7
- @_sap_ui_rta_Toolbar_Base_OutlineColor: @sapUiButtonEmphasizedBorderColor; //#000
8
- @_sap_ui_rta_Toolbar_Base_BoxShadow_DarkColor: fade(@sapUiNeutralElement, 80%); //rgba(0, 0, 0, 0.8)
9
- @_sap_ui_rta_Toolbar_Base_BoxShadow_LightColor: @sapUiNeutralBG; //#fff
4
+ @_sap_ui_rta_Toolbar_Base_OutlineColor: @sapUiShellBorderColor; //#000
5
+ @_sap_ui_rta_Toolbar_Base_BoxShadowDarkColor: fade(@sapUiContentShadowColor, 80%); //rgba(0, 0, 0, 0.8)
6
+ @_sap_ui_rta_Toolbar_Base_BoxShadowLightColor: @sapUiShellBackground; //#fff
10
7
 
11
8
  .sapUiRtaMode {
12
9
  .sapUiRtaToolbar {
@@ -7,11 +7,10 @@
7
7
  @import "../../../../../sap/ui/core/themes/sap_horizon_hcw/base.less";
8
8
  @import "../../../../../sap/ui/core/themes/sap_horizon_hcw/global.less";
9
9
 
10
- @import "Toolbar.base.less";
11
- @import "Toolbar.adaptation.less";
12
- @import "Overlay.less";
10
+ @import "ChangeVisualization.less";
13
11
  @import "ContextMenu.less";
14
12
  @import "Dialogs.less";
15
13
  @import "FieldRepository.less";
16
- @import "ChangeVisualization.less";
17
- @import "AddIFrame.less";
14
+ @import "Overlay.less";
15
+ @import "Toolbar.adaptation.less";
16
+ @import "Toolbar.base.less";
@@ -391,7 +391,7 @@ html[data-sap-ui-animation="off"] {
391
391
  }
392
392
 
393
393
  // Removal of capital style in older nav bars
394
- .sapUxAPAnchorBarUpperCase .sapUxAPAnchorBarButton, .sapUxAPAnchorBarUpperCase .sapUxAPAnchorBarButton .sapMBtn {
394
+ .sapUxAPAnchorBarUpperCase {
395
395
  text-transform: none;
396
396
  }
397
397
 
@@ -100,10 +100,6 @@ html .sapUxAPObjectPageLayout-Std-Desktop, html .sapUxAPObjectPageLayout-Std-Tab
100
100
  }
101
101
  }
102
102
 
103
- .sapUxAPObjectPageLayoutNoAnchorBar .sapUxAPObjectPageHeaderContent {
104
- box-shadow: @sapUiShadowHeader;
105
- }
106
-
107
103
  // =====================================
108
104
  // =====================================
109
105
  // Delta Styles for Horizon