@openui5/themelib_sap_horizon 1.139.0 → 1.141.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 (113) hide show
  1. package/THIRDPARTY.txt +2 -2
  2. package/package.json +18 -18
  3. package/src/sap/m/themes/sap_horizon/ActionSelect.less +4 -0
  4. package/src/sap/m/themes/sap_horizon/Button.less +14 -19
  5. package/src/sap/m/themes/sap_horizon/CheckBox.less +13 -2
  6. package/src/sap/m/themes/sap_horizon/CustomTile.less +4 -0
  7. package/src/sap/m/themes/sap_horizon/InputBase.less +2 -1
  8. package/src/sap/m/themes/sap_horizon/MessagePage.less +4 -0
  9. package/src/sap/m/themes/sap_horizon/MessageView.less +1 -1
  10. package/src/sap/m/themes/sap_horizon/Panel.less +1 -1
  11. package/src/sap/m/themes/sap_horizon/Select.less +1 -1
  12. package/src/sap/m/themes/sap_horizon/StandardTile.less +4 -0
  13. package/src/sap/m/themes/sap_horizon/Switch.less +12 -9
  14. package/src/sap/m/themes/sap_horizon/TileContainer.less +4 -0
  15. package/src/sap/m/themes/sap_horizon/UploadCollection.less +4 -0
  16. package/src/sap/m/themes/sap_horizon_dark/ActionSelect.less +4 -0
  17. package/src/sap/m/themes/sap_horizon_dark/Button.less +14 -19
  18. package/src/sap/m/themes/sap_horizon_dark/CheckBox.less +13 -2
  19. package/src/sap/m/themes/sap_horizon_dark/CustomTile.less +4 -0
  20. package/src/sap/m/themes/sap_horizon_dark/InputBase.less +2 -1
  21. package/src/sap/m/themes/sap_horizon_dark/MessagePage.less +4 -0
  22. package/src/sap/m/themes/sap_horizon_dark/MessageView.less +1 -1
  23. package/src/sap/m/themes/sap_horizon_dark/Panel.less +1 -1
  24. package/src/sap/m/themes/sap_horizon_dark/Select.less +1 -1
  25. package/src/sap/m/themes/sap_horizon_dark/StandardTile.less +4 -0
  26. package/src/sap/m/themes/sap_horizon_dark/Switch.less +12 -9
  27. package/src/sap/m/themes/sap_horizon_dark/TileContainer.less +4 -0
  28. package/src/sap/m/themes/sap_horizon_dark/UploadCollection.less +4 -0
  29. package/src/sap/m/themes/sap_horizon_hcb/ActionSelect.less +4 -0
  30. package/src/sap/m/themes/sap_horizon_hcb/Button.less +1 -1
  31. package/src/sap/m/themes/sap_horizon_hcb/CheckBox.less +13 -2
  32. package/src/sap/m/themes/sap_horizon_hcb/CustomTile.less +4 -0
  33. package/src/sap/m/themes/sap_horizon_hcb/MessagePage.less +4 -0
  34. package/src/sap/m/themes/sap_horizon_hcb/MessageView.less +1 -1
  35. package/src/sap/m/themes/sap_horizon_hcb/ObjectNumber.less +16 -0
  36. package/src/sap/m/themes/sap_horizon_hcb/Switch.less +12 -9
  37. package/src/sap/m/themes/sap_horizon_hcb/Tile.less +4 -0
  38. package/src/sap/m/themes/sap_horizon_hcb/TileContainer.less +4 -0
  39. package/src/sap/m/themes/sap_horizon_hcb/UploadCollection.less +4 -0
  40. package/src/sap/m/themes/sap_horizon_hcw/ActionSelect.less +4 -0
  41. package/src/sap/m/themes/sap_horizon_hcw/Button.less +1 -1
  42. package/src/sap/m/themes/sap_horizon_hcw/CheckBox.less +13 -2
  43. package/src/sap/m/themes/sap_horizon_hcw/CustomTile.less +4 -0
  44. package/src/sap/m/themes/sap_horizon_hcw/MessagePage.less +4 -0
  45. package/src/sap/m/themes/sap_horizon_hcw/MessageView.less +1 -1
  46. package/src/sap/m/themes/sap_horizon_hcw/ObjectNumber.less +8 -0
  47. package/src/sap/m/themes/sap_horizon_hcw/Switch.less +12 -9
  48. package/src/sap/m/themes/sap_horizon_hcw/Tile.less +4 -0
  49. package/src/sap/m/themes/sap_horizon_hcw/TileContainer.less +4 -0
  50. package/src/sap/m/themes/sap_horizon_hcw/UploadCollection.less +4 -0
  51. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  52. package/src/sap/ui/core/themes/sap_horizon/base.less +33 -17
  53. package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.ttf +0 -0
  54. package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.woff2 +0 -0
  55. package/src/sap/ui/core/themes/sap_horizon/global.less +5 -0
  56. package/src/sap/ui/core/themes/sap_horizon/library.source.less +0 -2
  57. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  58. package/src/sap/ui/core/themes/sap_horizon_dark/base.less +21 -5
  59. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.ttf +0 -0
  60. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.woff2 +0 -0
  61. package/src/sap/ui/core/themes/sap_horizon_dark/global.less +5 -0
  62. package/src/sap/ui/core/themes/sap_horizon_dark/library.source.less +0 -2
  63. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  64. package/src/sap/ui/core/themes/sap_horizon_hcb/base.less +21 -5
  65. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/SAP-icons.ttf +0 -0
  66. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/SAP-icons.woff2 +0 -0
  67. package/src/sap/ui/core/themes/sap_horizon_hcb/global.less +5 -0
  68. package/src/sap/ui/core/themes/sap_horizon_hcb/library.source.less +1 -3
  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 +21 -5
  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/core/themes/sap_horizon_hcw/global.less +5 -0
  74. package/src/sap/ui/core/themes/sap_horizon_hcw/library.source.less +0 -2
  75. package/src/sap/ui/dt/themes/sap_horizon/ContextMenu.less +1 -1
  76. package/src/sap/ui/layout/themes/sap_horizon/FormLayout.less +1 -11
  77. package/src/sap/ui/layout/themes/sap_horizon/GridLayout.less +4 -0
  78. package/src/sap/ui/layout/themes/sap_horizon/ResponsiveLayout.less +4 -0
  79. package/src/sap/ui/layout/themes/sap_horizon_dark/FormLayout.less +1 -11
  80. package/src/sap/ui/layout/themes/sap_horizon_dark/GridLayout.less +4 -0
  81. package/src/sap/ui/layout/themes/sap_horizon_dark/ResponsiveLayout.less +4 -0
  82. package/src/sap/ui/layout/themes/sap_horizon_hcb/FormLayout.less +1 -8
  83. package/src/sap/ui/layout/themes/sap_horizon_hcb/GridLayout.less +4 -0
  84. package/src/sap/ui/layout/themes/sap_horizon_hcb/ResponsiveLayout.less +4 -0
  85. package/src/sap/ui/layout/themes/sap_horizon_hcw/FormLayout.less +1 -8
  86. package/src/sap/ui/layout/themes/sap_horizon_hcw/GridLayout.less +4 -0
  87. package/src/sap/ui/layout/themes/sap_horizon_hcw/ResponsiveLayout.less +4 -0
  88. package/src/sap/ui/mdc/themes/sap_horizon/TokenizerDisplay.less +8 -0
  89. package/src/sap/ui/mdc/themes/sap_horizon_dark/TokenizerDisplay.less +8 -0
  90. package/src/sap/ui/rta/themes/sap_horizon/ContextMenu.less +3 -3
  91. package/src/sap/ui/rta/themes/sap_horizon/Dialogs.less +2 -2
  92. package/src/sap/ui/rta/themes/sap_horizon/Toolbar.adaptation.less +10 -10
  93. package/src/sap/ui/rta/themes/sap_horizon/Toolbar.base.less +2 -2
  94. package/src/sap/ui/rta/themes/sap_horizon_dark/ContextMenu.less +3 -3
  95. package/src/sap/ui/rta/themes/sap_horizon_dark/Dialogs.less +2 -2
  96. package/src/sap/ui/rta/themes/sap_horizon_dark/Toolbar.adaptation.less +12 -12
  97. package/src/sap/ui/rta/themes/sap_horizon_dark/Toolbar.base.less +2 -2
  98. package/src/sap/ui/unified/themes/sap_horizon/ShellHeader.less +4 -0
  99. package/src/sap/ui/unified/themes/sap_horizon/ShellLayout.less +4 -0
  100. package/src/sap/ui/unified/themes/sap_horizon/ShellOverlay.less +4 -0
  101. package/src/sap/ui/unified/themes/sap_horizon_dark/ShellHeader.less +4 -0
  102. package/src/sap/ui/unified/themes/sap_horizon_dark/ShellLayout.less +4 -0
  103. package/src/sap/ui/unified/themes/sap_horizon_dark/ShellOverlay.less +4 -0
  104. package/src/sap/ui/unified/themes/sap_horizon_hcb/ShellHeader.less +4 -0
  105. package/src/sap/ui/unified/themes/sap_horizon_hcb/ShellLayout.less +4 -0
  106. package/src/sap/ui/unified/themes/sap_horizon_hcb/ShellOverlay.less +4 -0
  107. package/src/sap/ui/unified/themes/sap_horizon_hcw/ShellHeader.less +4 -0
  108. package/src/sap/ui/unified/themes/sap_horizon_hcw/ShellLayout.less +4 -0
  109. package/src/sap/ui/unified/themes/sap_horizon_hcw/ShellOverlay.less +4 -0
  110. package/src/sap/ui/core/themes/sap_horizon/BrowserScrollbar.less +0 -11
  111. package/src/sap/ui/core/themes/sap_horizon_dark/BrowserScrollbar.less +0 -11
  112. package/src/sap/ui/core/themes/sap_horizon_hcb/BrowserScrollbar.less +0 -11
  113. package/src/sap/ui/core/themes/sap_horizon_hcw/BrowserScrollbar.less +0 -11
@@ -1,11 +1,11 @@
1
1
  // /**
2
2
  // * Copyright (c) 2012-2025 SAP SE or an SAP affiliate company. All rights reserved.
3
- // * Theming Engine 16.0.2
4
- // * data:{"sModified":"2025-05-14T05:17:19Z"}
3
+ // * Theming Engine 16.0.25
4
+ // * data:{"sModified":"2025-08-27T14:01:24Z"}
5
5
  // */
6
6
 
7
7
 
8
- /******************* FILE /Base/baseLib/sap_horizon_hcw/base.less (Version 11.30.0) *******************/
8
+ /******************* FILE /Base/baseLib/sap_horizon_hcw/base.less (Version 11.32.2-20250827135846+79bb30d311678435d61b21db26ecbe07d6b05079) *******************/
9
9
 
10
10
 
11
11
  // [Tags "SapInternal", "Base", "Dimension", "Protected"]
@@ -947,7 +947,7 @@
947
947
 
948
948
  // [Tags "!Protected"]
949
949
  // [Protected "!true"]
950
- @sapShell_SubBrand_TextColor: contrast(@sapShellColor, @sapTextColor,@sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
950
+ @sapShell_SubBrand_TextColor: contrast(@sapShellColor, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
951
951
  @sapShell_Category_1_Background: @sapHC_StandardBackground;
952
952
 
953
953
  // [Tags "!Protected"]
@@ -2869,7 +2869,7 @@
2869
2869
 
2870
2870
  // [Tags "!Protected"]
2871
2871
  // [Protected "!true"]
2872
- @sapTile_SeparatorColor: @sapTile_BorderColor;
2872
+ @sapTile_SeparatorColor: transparent;
2873
2873
 
2874
2874
  // [Tags "!Protected"]
2875
2875
  // [Protected "!true"]
@@ -3569,6 +3569,22 @@
3569
3569
  // [Protected "!true"]
3570
3570
  @sapChart_Data_Active_Background: @sapActiveColor;
3571
3571
 
3572
+ // [Tags "!Protected"]
3573
+ // [Protected "!true"]
3574
+ @sapChart_IBCS_Actual: @sapChart_Sequence_Neutral_Minus5;
3575
+
3576
+ // [Tags "!Protected"]
3577
+ // [Protected "!true"]
3578
+ @sapChart_IBCS_Previous: @sapChart_Sequence_Neutral;
3579
+
3580
+ // [Tags "!Protected"]
3581
+ // [Protected "!true"]
3582
+ @sapChart_IBCS_Good: @sapChart_Sequence_Good;
3583
+
3584
+ // [Tags "!Protected"]
3585
+ // [Protected "!true"]
3586
+ @sapChart_IBCS_Bad: @sapChart_Sequence_Bad;
3587
+
3572
3588
  // [Tags "!Protected"]
3573
3589
  // [Protected "!true"]
3574
3590
  @sapChart_OrderedColor_1: #446e97;
@@ -1095,6 +1095,11 @@
1095
1095
  @sapUiChartDataInteractiveColor: @sapChart_Data_InteractiveColor;
1096
1096
  @sapUiChartDataActiveBackground: @sapChart_Data_Active_Background;
1097
1097
 
1098
+ @sapUiChartIBCSActual: @sapChart_IBCS_Actual;
1099
+ @sapUiChartIBCSPrevious: @sapChart_IBCS_Previous;
1100
+ @sapUiChartIBCSGood: @sapChart_IBCS_Good;
1101
+ @sapUiChartIBCSBad: @sapChart_IBCS_Bad;
1102
+
1098
1103
  @sapUiChart1: @sapChart_OrderedColor_1;
1099
1104
  @sapUiChart2: @sapChart_OrderedColor_2;
1100
1105
  @sapUiChart3: @sapChart_OrderedColor_3;
@@ -8,8 +8,6 @@
8
8
  @import "base.less";
9
9
  @import "global.less";
10
10
  @import "shared.less";
11
-
12
- @import "BrowserScrollbar.less";
13
11
  @import "Icon.less";
14
12
  @import "LocalBusyIndicator.less";
15
13
  @import "Shadow.less";
@@ -1,7 +1,7 @@
1
1
  /******************************************************************
2
2
  Style of the DT Contextmenu - Horizon Theme
3
3
  *******************************************************************/
4
- @_sap_ui_dt_ContextMenu_BorderRadius: @sapUiFieldBorderCornerRadius; // 0.25rem
4
+ @_sap_ui_dt_ContextMenu_BorderRadius: var(--sapField_BorderCornerRadius); // 0.25rem
5
5
 
6
6
  .sapUiDtContextMenu.sapMMenu {
7
7
  .sapMMenuList {
@@ -14,9 +14,6 @@
14
14
  }
15
15
 
16
16
  .sapUiForm .sapUiFormTitle {
17
- border-width: 1px;
18
- border-color: var(--sapGroup_TitleBorderColor);
19
- font-family: var(--sapFontHeaderFamily);
20
17
  height: 2.75rem;
21
18
  line-height: 2.75rem;
22
19
  }
@@ -36,12 +33,11 @@
36
33
  }
37
34
 
38
35
  /* Title levels should be all rendered in same style. Levels can be changed by application to meet page structure without visual effect */
39
- /* Form Titles are rendered using H4 level, but H5 size */
36
+ /* Form Titles are rendered using H4 level, but H5 size (no need to overwrite H5 class, as already set in Base-Theme)*/
40
37
  .sapUiFormTitleH1,
41
38
  .sapUiFormTitleH2,
42
39
  .sapUiFormTitleH3,
43
40
  .sapUiFormTitleH4,
44
- .sapUiFormTitleH5,
45
41
  .sapUiFormTitleH6 {
46
42
  font-size: var(--sapFontHeader5Size);
47
43
  }
@@ -54,15 +50,9 @@
54
50
  .sapUiFormContainerTitle .sapUiFormTitleH5,
55
51
  .sapUiFormContainerTitle .sapUiFormTitleH6 {
56
52
  font-size: var(--sapFontHeader6Size);
57
- color: var(--sapGroup_TitleTextColor);
58
- font-weight: bold;
59
53
  }
60
54
 
61
55
  /* Toolbar */
62
- .sapUiFormContainerToolbar > div:first-child > .sapMTitle {
63
- font-weight: bold;
64
- }
65
-
66
56
  .sapUiFormToolbar > div:first-child >.sapMTitle.sapMTitleStyleAuto {
67
57
  font-size: var(--sapFontHeader5Size);
68
58
  }
@@ -1,3 +1,7 @@
1
+ /**
2
+ * @file
3
+ * @deprecated Since version 1.67.0, together with sap.ui.layout.form.GridLayout
4
+ */
1
5
  /* ========================================= */
2
6
  /* CSS for control sap.ui.layout/GridLayout */
3
7
  /* Morning Horizon theme */
@@ -1,3 +1,7 @@
1
+ /**
2
+ * @file
3
+ * @deprecated As of version 1.93, together with sap.ui.layout.form.ResponsiveLayout
4
+ */
1
5
  /* =============================================== */
2
6
  /* CSS for control sap.ui.layout/ResponsiveLayout */
3
7
  /* Morning Horizon theme */
@@ -14,9 +14,6 @@
14
14
  }
15
15
 
16
16
  .sapUiForm .sapUiFormTitle {
17
- border-width: 1px;
18
- border-color: var(--sapGroup_TitleBorderColor);
19
- font-family: var(--sapFontHeaderFamily);
20
17
  height: 2.75rem;
21
18
  line-height: 2.75rem;
22
19
  }
@@ -36,12 +33,11 @@
36
33
  }
37
34
 
38
35
  /* Title levels should be all rendered in same style. Levels can be changed by application to meet page structure without visual effect */
39
- /* Form Titles are rendered using H4 level, but H5 size */
36
+ /* Form Titles are rendered using H4 level, but H5 size (no need to overwrite H5 class, as already set in Base-Theme)*/
40
37
  .sapUiFormTitleH1,
41
38
  .sapUiFormTitleH2,
42
39
  .sapUiFormTitleH3,
43
40
  .sapUiFormTitleH4,
44
- .sapUiFormTitleH5,
45
41
  .sapUiFormTitleH6 {
46
42
  font-size: var(--sapFontHeader5Size);
47
43
  }
@@ -54,15 +50,9 @@
54
50
  .sapUiFormContainerTitle .sapUiFormTitleH5,
55
51
  .sapUiFormContainerTitle .sapUiFormTitleH6 {
56
52
  font-size: var(--sapFontHeader6Size);
57
- color: var(--sapGroup_TitleTextColor);
58
- font-weight: bold;
59
53
  }
60
54
 
61
55
  /* Toolbar */
62
- .sapUiFormContainerToolbar > div:first-child > .sapMTitle {
63
- font-weight: bold;
64
- }
65
-
66
56
  .sapUiFormToolbar > div:first-child >.sapMTitle.sapMTitleStyleAuto {
67
57
  font-size: var(--sapFontHeader5Size);
68
58
  }
@@ -1,3 +1,7 @@
1
+ /**
2
+ * @file
3
+ * @deprecated Since version 1.67.0, together with sap.ui.layout.form.GridLayout
4
+ */
1
5
  /* ========================================= */
2
6
  /* CSS for control sap.ui.layout/GridLayout */
3
7
  /* Evening Horizon theme */
@@ -1,3 +1,7 @@
1
+ /**
2
+ * @file
3
+ * @deprecated As of version 1.93, together with sap.ui.layout.form.ResponsiveLayout
4
+ */
1
5
  /* =============================================== */
2
6
  /* CSS for control sap.ui.layout/ResponsiveLayout */
3
7
  /* Evening Horizon theme */
@@ -21,12 +21,11 @@
21
21
  }
22
22
 
23
23
  /* Title levels should be all rendered in same style. Levels can be changed by application to meet page structure without visual effect */
24
- /* Form Titles are rendered using H4 level, but H5 size */
24
+ /* Form Titles are rendered using H4 level, but H5 size (no need to overwrite H5 class, as already set in Base-Theme)*/
25
25
  .sapUiFormTitleH1,
26
26
  .sapUiFormTitleH2,
27
27
  .sapUiFormTitleH3,
28
28
  .sapUiFormTitleH4,
29
- .sapUiFormTitleH5,
30
29
  .sapUiFormTitleH6 {
31
30
  font-size: var(--sapFontHeader5Size);
32
31
  }
@@ -39,15 +38,9 @@
39
38
  .sapUiFormContainerTitle .sapUiFormTitleH5,
40
39
  .sapUiFormContainerTitle .sapUiFormTitleH6 {
41
40
  font-size: var(--sapFontHeader6Size);
42
- color: var(--sapGroup_TitleTextColor);
43
- font-weight: bold;
44
41
  }
45
42
 
46
43
  /* Toolbar */
47
- .sapUiFormContainerToolbar > div:first-child > .sapMTitle {
48
- font-weight: bold;
49
- }
50
-
51
44
  .sapUiFormToolbar > div:first-child >.sapMTitle.sapMTitleStyleAuto {
52
45
  font-size: var(--sapFontHeader5Size);
53
46
  }
@@ -1,3 +1,7 @@
1
+ /**
2
+ * @file
3
+ * @deprecated Since version 1.67.0, together with sap.ui.layout.form.GridLayout
4
+ */
1
5
  /* ========================================= */
2
6
  /* CSS for control sap.ui.layout/GridLayout */
3
7
  /* Horizon High Contrast Black theme */
@@ -1,3 +1,7 @@
1
+ /**
2
+ * @file
3
+ * @deprecated As of version 1.93, together with sap.ui.layout.form.ResponsiveLayout
4
+ */
1
5
  /* =============================================== */
2
6
  /* CSS for control sap.ui.layout/ResponsiveLayout */
3
7
  /* Horizon High Contrast Black theme */
@@ -21,12 +21,11 @@
21
21
  }
22
22
 
23
23
  /* Title levels should be all rendered in same style. Levels can be changed by application to meet page structure without visual effect */
24
- /* Form Titles are rendered using H4 level, but H5 size */
24
+ /* Form Titles are rendered using H4 level, but H5 size (no need to overwrite H5 class, as already set in Base-Theme)*/
25
25
  .sapUiFormTitleH1,
26
26
  .sapUiFormTitleH2,
27
27
  .sapUiFormTitleH3,
28
28
  .sapUiFormTitleH4,
29
- .sapUiFormTitleH5,
30
29
  .sapUiFormTitleH6 {
31
30
  font-size: var(--sapFontHeader5Size);
32
31
  }
@@ -39,15 +38,9 @@
39
38
  .sapUiFormContainerTitle .sapUiFormTitleH5,
40
39
  .sapUiFormContainerTitle .sapUiFormTitleH6 {
41
40
  font-size: var(--sapFontHeader6Size);
42
- color: var(--sapGroup_TitleTextColor);
43
- font-weight: bold;
44
41
  }
45
42
 
46
43
  /* Toolbar */
47
- .sapUiFormContainerToolbar > div:first-child > .sapMTitle {
48
- font-weight: bold;
49
- }
50
-
51
44
  .sapUiFormToolbar > div:first-child >.sapMTitle.sapMTitleStyleAuto {
52
45
  font-size: var(--sapFontHeader5Size);
53
46
  }
@@ -1,3 +1,7 @@
1
+ /**
2
+ * @file
3
+ * @deprecated Since version 1.67.0, together with sap.ui.layout.form.GridLayout
4
+ */
1
5
  /* ========================================= */
2
6
  /* CSS for control sap.ui.layout/GridLayout */
3
7
  /* Horizon High Contrast White theme */
@@ -1,3 +1,7 @@
1
+ /**
2
+ * @file
3
+ * @deprecated As of version 1.93, together with sap.ui.layout.form.ResponsiveLayout
4
+ */
1
5
  /* =============================================== */
2
6
  /* CSS for control sap.ui.layout/ResponsiveLayout */
3
7
  /* Horizon High Contrast White theme */
@@ -6,4 +6,12 @@
6
6
  html.sap-desktop .sapUiMdcTokenizerDisplay.sapMTokenizer:focus {
7
7
  outline: none;
8
8
  box-shadow: none;
9
+ }
10
+
11
+ .sapUiMdcTokenizerDisplay .sapMTokenizerIndicator:focus {
12
+ border-radius: 0.125rem;
13
+ background-color: var(--sapContent_FocusColor);
14
+ color: var(--sapContent_ContrastTextColor);
15
+ text-shadow: none;
16
+ outline: none;
9
17
  }
@@ -6,4 +6,12 @@
6
6
  html.sap-desktop .sapUiMdcTokenizerDisplay.sapMTokenizer:focus {
7
7
  outline: none;
8
8
  box-shadow: none;
9
+ }
10
+
11
+ .sapUiMdcTokenizerDisplay .sapMTokenizerIndicator:focus {
12
+ border-radius: 0.125rem;
13
+ background-color: var(--sapContent_FocusColor);
14
+ color: var(--sapContent_ContrastTextColor);
15
+ text-shadow: none;
16
+ outline: none;
9
17
  }
@@ -1,9 +1,9 @@
1
1
  /******************************************************************
2
2
  Style of the RTA Contextmenu - Horizon Theme
3
3
  *******************************************************************/
4
- @_sap_ui_rta_ContextMenu_BorderLightColor: @sapUiShellBorderColor; //#fff
5
- @_sap_ui_rta_ContextMenu_BorderDarkColor: @sapUiShellSelectedTextColor; //#0070f2
6
- @_sap_ui_rta_ContextMenu_BorderRadius: @sapUiGroupBorderCornerRadius; // 0.5rem
4
+ @_sap_ui_rta_ContextMenu_BorderLightColor: var(--sapToolbar_Background); //#fff
5
+ @_sap_ui_rta_ContextMenu_BorderDarkColor: var(--sapInformationBorderColor); //#0070f2
6
+ @_sap_ui_rta_ContextMenu_BorderRadius: var(--sapGroup_BorderCornerRadius); // 0.75rem
7
7
 
8
8
  .sapUiRtaMode {
9
9
  .sapUiDtContextMenu {
@@ -1,8 +1,8 @@
1
1
  /******************************************************************
2
2
  Style of the RTA Dialogs - Horizon Theme
3
3
  *******************************************************************/
4
- @_sap_ui_rta_Dialogs_BorderLightColor: @sapUiShellBorderColor; //#fff
5
- @_sap_ui_rta_Dialogs_BorderDarkColor: @sapUiShellSelectedTextColor; //#0070f2
4
+ @_sap_ui_rta_Dialogs_BorderLightColor: var(--sapToolbar_Background); //#fff
5
+ @_sap_ui_rta_Dialogs_BorderDarkColor: var(--sapInformationBorderColor); //#0070f2
6
6
 
7
7
  .sapMDialog.sapUiRTABorder {
8
8
  border-image: none;
@@ -1,17 +1,17 @@
1
1
  /******************************************************************
2
2
  Style of the RTA Toolbar (type: adaptation) - Horizon Theme
3
3
  *******************************************************************/
4
- @_sap_ui_rta_Toolbar_Adaptation_TextColor: @sapUiShellTextColor; //#1d2d3e
4
+ @_sap_ui_rta_Toolbar_Adaptation_TextColor: var(--sapShell_TextColor); //#131e29
5
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
- @_sap_ui_rta_Toolbar_Adaptation_BorderRadius: @sapUiButtonBorderCornerRadius; //0.5rem
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
6
+ @_sap_ui_rta_Toolbar_Adaptation_SegBBtnTextColor: var(--sapButton_Emphasized_TextColor); //#fff
7
+ @_sap_ui_rta_Toolbar_Adaptation_SegBBtnBackgroundColor: var(--sapToolbar_Background); //#fff
8
+ @_sap_ui_rta_Toolbar_Adaptation_SegBBtnFocusColor: var(--sapToolbar_Background); //#fff
9
+ @_sap_ui_rta_Toolbar_Adaptation_SegBBtnSelectedBackgroundColor: ~"hsl(from var(--sapButton_Emphasized_Background) h s calc(l - 5) / alpha)"; // #0064d9, darken the emphasized button background by 5%
10
+ @_sap_ui_rta_Toolbar_Adaptation_BorderRadius: var(--sapButton_BorderCornerRadius); //0.5rem
11
+ @_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: ~"hsl(from var(--sapContent_RatedColor) h s calc(l - 10) / alpha)"; // #9f5a00, darken the rated color by 10%
12
+ @_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor: var(--sapShell_PositiveColor); //#256f3a
13
+ @_sap_ui_rta_Toolbar_Adaptation_FocusOutlineColor: var(--sapContent_FocusColor); //#0032a5
14
+ @_sap_ui_rta_Toolbar_Adaptation_VersionListBackgroundColor: var(--sapToolbar_Background); //#fff
15
15
 
16
16
  .sapUiRtaMode {
17
17
  .sapUiRtaToolbar.sapUiRtaToolbarAdaptation {
@@ -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_BackgroundColor: @sapUiShellBorderColor; //#fff
5
- @_sap_ui_rta_Toolbar_Base_OutlineColor: @sapUiShellSelectedTextColor; //#0070f2
4
+ @_sap_ui_rta_Toolbar_Base_BackgroundColor: var(--sapToolbar_Background); //#fff
5
+ @_sap_ui_rta_Toolbar_Base_OutlineColor: var(--sapInformationBorderColor); //#0070f2
6
6
 
7
7
  .sapUiRtaMode {
8
8
  .sapUiRtaToolbar {
@@ -1,9 +1,9 @@
1
1
  /******************************************************************
2
2
  Style of the RTA Contextmenu - Horizon Dark Theme
3
3
  *******************************************************************/
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
4
+ @_sap_ui_rta_ContextMenu_BorderLightColor: var(--sapToolbar_Background); //#1d232a
5
+ @_sap_ui_rta_ContextMenu_BorderDarkColor: var(--sapInformationBorderColor); //#4db1ff
6
+ @_sap_ui_rta_ContextMenu_BorderRadius: var(--sapGroup_BorderCornerRadius); // 0.75rem
7
7
 
8
8
  .sapUiRtaMode {
9
9
  .sapUiDtContextMenu {
@@ -1,8 +1,8 @@
1
1
  /******************************************************************
2
2
  Style of the RTA Dialogs - Horizon Dark Theme
3
3
  *******************************************************************/
4
- @_sap_ui_rta_Dialogs_BorderLightColor: @sapUiShellBorderColor; //#1d232a
5
- @_sap_ui_rta_Dialogs_BorderDarkColor: @sapUiShellSelectedTextColor; //#4db1ff
4
+ @_sap_ui_rta_Dialogs_BorderLightColor: var(--sapToolbar_Background); //#1d232a
5
+ @_sap_ui_rta_Dialogs_BorderDarkColor: var(--sapInformationBorderColor); //#4db1ff
6
6
 
7
7
  .sapMDialog.sapUiRTABorder {
8
8
  border-image: none;
@@ -1,19 +1,19 @@
1
1
  /********************************************************************
2
2
  Style of the RTA Toolbar (type: adaptation) - Horizon Dark Theme
3
3
  *********************************************************************/
4
- @_sap_ui_rta_Toolbar_Adaptation_TextColor: @sapUiShellTextColor; //#eaecee
4
+ @_sap_ui_rta_Toolbar_Adaptation_TextColor: var(--sapShell_TextColor); //#f5f6f7
5
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; //#1d232a
8
- @_sap_ui_rta_Toolbar_Adaptation_SegBBtnHoverBackgroundColor: @sapUiButtonHoverBorderColor; //#3a4a5a
9
- @_sap_ui_rta_Toolbar_Adaptation_SegBBtnFocusColor: @sapUiShellBorderColor; //#1d232a
10
- @_sap_ui_rta_Toolbar_Adaptation_SegBBtnSelectedBackgroundColor: darken(@sapUiButtonEmphasizedBackground, 5%); //#0064d9
11
- @_sap_ui_rta_Toolbar_Adaptation_BorderRadius: @sapUiButtonBorderCornerRadius; //0.5rem
12
- @_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: @sapUiContentRatedColor; //##ffdf72
13
- @_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor: @sapUiShellPositiveColor; //#97dd40
14
- @_sap_ui_rta_Toolbar_Adaptation_FocusOutlineColor: @sapUiContentFocusColor; //#9ad3ff
15
- @_sap_ui_rta_Toolbar_Adaptation_VersionListBackgroundColor: @sapUiShellBorderColor; //#1d232a
16
- @_sap_ui_rta_Toolbar_Adaptation_BtnHoverTextColor: @sapUiButtonLiteHoverTextColor; //#4db1ff
6
+ @_sap_ui_rta_Toolbar_Adaptation_SegBBtnTextColor: var(--sapButton_Emphasized_TextColor); //#fff
7
+ @_sap_ui_rta_Toolbar_Adaptation_SegBBtnBackgroundColor: var(--sapToolbar_Background); //#1d232a
8
+ @_sap_ui_rta_Toolbar_Adaptation_SegBBtnHoverBackgroundColor: var(--sapButton_Hover_BorderColor); //#3a4a5a
9
+ @_sap_ui_rta_Toolbar_Adaptation_SegBBtnFocusColor: var(--sapToolbar_Background); //#1d232a
10
+ @_sap_ui_rta_Toolbar_Adaptation_SegBBtnSelectedBackgroundColor: ~"hsl(from var(--sapButton_Emphasized_Background) h s calc(l - 5) / alpha)"; // #0064d9, darken the emphasized button background by 5%
11
+ @_sap_ui_rta_Toolbar_Adaptation_BorderRadius: var(--sapButton_BorderCornerRadius); //0.5rem
12
+ @_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: var(--sapContent_RatedColor); //##ffdf72
13
+ @_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor: var(--sapShell_PositiveColor); //#97dd40
14
+ @_sap_ui_rta_Toolbar_Adaptation_FocusOutlineColor: var(--sapContent_FocusColor); //#9ad3ff
15
+ @_sap_ui_rta_Toolbar_Adaptation_VersionListBackgroundColor: var(--sapToolbar_Background); //#1d232a
16
+ @_sap_ui_rta_Toolbar_Adaptation_BtnHoverTextColor: var(--sapButton_Lite_Hover_TextColor); //#4db1ff
17
17
 
18
18
  .sapUiRtaMode {
19
19
  .sapUiRtaToolbar.sapUiRtaToolbarAdaptation {
@@ -1,8 +1,8 @@
1
1
  /******************************************************************
2
2
  Style of the RTA Toolbar (all types) - Horizon Dark Theme
3
3
  *******************************************************************/
4
- @_sap_ui_rta_Toolbar_Base_BackgroundColor: @sapUiShellBorderColor; //#1d232a
5
- @_sap_ui_rta_Toolbar_Base_OutlineColor: @sapUiShellSelectedTextColor; //#4db1ff
4
+ @_sap_ui_rta_Toolbar_Base_BackgroundColor: var(--sapToolbar_Background); //#1d232a
5
+ @_sap_ui_rta_Toolbar_Base_OutlineColor: var(--sapInformationBorderColor); //#4db1ff
6
6
 
7
7
  .sapUiRtaMode {
8
8
  .sapUiRtaToolbar {
@@ -1,3 +1,7 @@
1
+ /**
2
+ * @file
3
+ * @deprecated As of version 1.44.0, together with sap.ui.unified.ShellHeader
4
+ */
1
5
  /* =========================================== */
2
6
  /* CSS for control sap.ui.unified/ShellHeader */
3
7
  /* Horizon theme */
@@ -1,3 +1,7 @@
1
+ /**
2
+ * @file
3
+ * @deprecated As of version 1.44.0, together with sap.ui.unified.ShellLayout
4
+ */
1
5
  /* =========================================== */
2
6
  /* CSS for control sap.ui.unified/ShellLayout */
3
7
  /* Horizon theme */
@@ -1,3 +1,7 @@
1
+ /**
2
+ * @file
3
+ * @deprecated As of version 1.44.0, together with the sap.ui.unified.ShellOverlay
4
+ */
1
5
  /* ============================================ */
2
6
  /* CSS for control sap.ui.unified/ShellOverlay */
3
7
  /* Horizon theme */
@@ -1,3 +1,7 @@
1
+ /**
2
+ * @file
3
+ * @deprecated As of version 1.44.0, together with sap.ui.unified.ShellHeader
4
+ */
1
5
  /* =========================================== */
2
6
  /* CSS for control sap.ui.unified/ShellHeader */
3
7
  /* Evening Horizon theme */
@@ -1,3 +1,7 @@
1
+ /**
2
+ * @file
3
+ * @deprecated As of version 1.44.0, together with sap.ui.unified.ShellLayout
4
+ */
1
5
  /* =========================================== */
2
6
  /* CSS for control sap.ui.unified/ShellLayout */
3
7
  /* Evening Horizon theme */
@@ -1,3 +1,7 @@
1
+ /**
2
+ * @file
3
+ * @deprecated As of version 1.44.0, together with the sap.ui.unified.ShellOverlay
4
+ */
1
5
  /* ============================================ */
2
6
  /* CSS for control sap.ui.unified/ShellOverlay */
3
7
  /* Evening Horizon theme */
@@ -1,3 +1,7 @@
1
+ /**
2
+ * @file
3
+ * @deprecated As of version 1.44.0, together with sap.ui.unified.ShellHeader
4
+ */
1
5
  /* =========================================== */
2
6
  /* CSS for control sap.ui.unified/ShellHeader */
3
7
  /* Horizon High Contrast Black theme */
@@ -1,3 +1,7 @@
1
+ /**
2
+ * @file
3
+ * @deprecated As of version 1.44.0, together with sap.ui.unified.ShellLayout
4
+ */
1
5
  /* =========================================== */
2
6
  /* CSS for control sap.ui.unified/ShellLayout */
3
7
  /* Horizon High Contrast Black theme */
@@ -1,3 +1,7 @@
1
+ /**
2
+ * @file
3
+ * @deprecated As of version 1.44.0, together with the sap.ui.unified.ShellOverlay
4
+ */
1
5
  /* ============================================ */
2
6
  /* CSS for control sap.ui.unified/ShellOverlay */
3
7
  /* Horizon High Contrast Black theme */
@@ -1,3 +1,7 @@
1
+ /**
2
+ * @file
3
+ * @deprecated As of version 1.44.0, together with sap.ui.unified.ShellHeader
4
+ */
1
5
  /* =========================================== */
2
6
  /* CSS for control sap.ui.unified/ShellHeader */
3
7
  /* Horizon High Contrast White theme */
@@ -1,3 +1,7 @@
1
+ /**
2
+ * @file
3
+ * @deprecated As of version 1.44.0, together with sap.ui.unified.ShellLayout
4
+ */
1
5
  /* =========================================== */
2
6
  /* CSS for control sap.ui.unified/ShellLayout */
3
7
  /* Horizon High Contrast White theme */
@@ -1,3 +1,7 @@
1
+ /**
2
+ * @file
3
+ * @deprecated As of version 1.44.0, together with the sap.ui.unified.ShellOverlay
4
+ */
1
5
  /* ============================================ */
2
6
  /* CSS for control sap.ui.unified/ShellOverlay */
3
7
  /* Horizon High Contrast White theme */
@@ -1,11 +0,0 @@
1
- /* ============================================= */
2
- /* CSS for control sap.ui.core/BrowserScrollbar */
3
- /* Horizon theme */
4
- /* ============================================= */
5
-
6
- /****** Safari + Chrome on Desktop ******/
7
-
8
- html.sap-desktop:not(.sapUiNativeScrollbars) ::-webkit-scrollbar-thumb {
9
- border-radius: @sapUiElementBorderCornerRadius;
10
- border: 0.125rem solid @sapUiScrollBarTrackColor;
11
- }
@@ -1,11 +0,0 @@
1
- /* ============================================= */
2
- /* CSS for control sap.ui.core/BrowserScrollbar */
3
- /* Evening Horizon theme */
4
- /* ============================================= */
5
-
6
- /****** Safari + Chrome on Desktop ******/
7
-
8
- html.sap-desktop:not(.sapUiNativeScrollbars) ::-webkit-scrollbar-thumb {
9
- border-radius: @sapUiElementBorderCornerRadius;
10
- border: 0.125rem solid @sapUiScrollBarTrackColor;
11
- }
@@ -1,11 +0,0 @@
1
- /* ============================================= */
2
- /* CSS for control sap.ui/core/BrowserScrollbar */
3
- /* Horizon High Contrast Black theme */
4
- /* ============================================= */
5
-
6
- /****** Safari + Chrome on Desktop ******/
7
-
8
- html.sap-desktop:not(.sapUiNativeScrollbars) ::-webkit-scrollbar-thumb {
9
- border-radius: @sapUiElementBorderCornerRadius;
10
- border: 0.125rem solid @sapUiScrollBarTrackColor;
11
- }
@@ -1,11 +0,0 @@
1
- /* ============================================= */
2
- /* CSS for control sap.ui.core/BrowserScrollbar */
3
- /* Horizon High Contrast White theme */
4
- /* ============================================= */
5
-
6
- /****** Safari + Chrome on Desktop ******/
7
-
8
- html.sap-desktop:not(.sapUiNativeScrollbars) ::-webkit-scrollbar-thumb {
9
- border-radius: @sapUiElementBorderCornerRadius;
10
- border: 0.125rem solid @sapUiScrollBarTrackColor;
11
- }