@openui5/themelib_sap_horizon 1.138.0 → 1.140.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.
- package/README.md +1 -1
- package/REUSE.toml +8 -1
- package/THIRDPARTY.txt +72 -66
- package/package.json +19 -19
- package/src/sap/m/themes/sap_horizon/Button.less +14 -19
- package/src/sap/m/themes/sap_horizon/CheckBox.less +16 -1
- package/src/sap/m/themes/sap_horizon/IconTabBar.less +0 -8
- package/src/sap/m/themes/sap_horizon/InputBase.less +2 -1
- package/src/sap/m/themes/sap_horizon/MessageView.less +1 -1
- package/src/sap/m/themes/sap_horizon/ObjectStatus.less +5 -3
- package/src/sap/m/themes/sap_horizon/Panel.less +1 -1
- package/src/sap/m/themes/sap_horizon/Select.less +1 -1
- package/src/sap/m/themes/sap_horizon/Switch.less +12 -9
- package/src/sap/m/themes/sap_horizon/Tokenizer.less +0 -1
- package/src/sap/m/themes/sap_horizon_dark/Button.less +14 -19
- package/src/sap/m/themes/sap_horizon_dark/CheckBox.less +16 -1
- package/src/sap/m/themes/sap_horizon_dark/IconTabBar.less +0 -8
- package/src/sap/m/themes/sap_horizon_dark/InputBase.less +2 -1
- package/src/sap/m/themes/sap_horizon_dark/MessageView.less +1 -1
- package/src/sap/m/themes/sap_horizon_dark/ObjectStatus.less +5 -3
- package/src/sap/m/themes/sap_horizon_dark/Panel.less +1 -1
- package/src/sap/m/themes/sap_horizon_dark/Select.less +1 -1
- package/src/sap/m/themes/sap_horizon_dark/Switch.less +12 -9
- package/src/sap/m/themes/sap_horizon_hcb/Button.less +1 -1
- package/src/sap/m/themes/sap_horizon_hcb/CheckBox.less +16 -1
- package/src/sap/m/themes/sap_horizon_hcb/IconTabBar.less +0 -4
- package/src/sap/m/themes/sap_horizon_hcb/MessageView.less +1 -1
- package/src/sap/m/themes/sap_horizon_hcb/ObjectListItem.less +1 -0
- package/src/sap/m/themes/sap_horizon_hcb/ObjectStatus.less +16 -16
- package/src/sap/m/themes/sap_horizon_hcb/Switch.less +12 -9
- package/src/sap/m/themes/sap_horizon_hcw/Button.less +1 -1
- package/src/sap/m/themes/sap_horizon_hcw/CheckBox.less +16 -1
- package/src/sap/m/themes/sap_horizon_hcw/IconTabBar.less +0 -4
- package/src/sap/m/themes/sap_horizon_hcw/MessageView.less +1 -1
- package/src/sap/m/themes/sap_horizon_hcw/ObjectListItem.less +1 -0
- package/src/sap/m/themes/sap_horizon_hcw/ObjectStatus.less +16 -15
- package/src/sap/m/themes/sap_horizon_hcw/Switch.less +12 -9
- package/src/sap/tnt/themes/sap_horizon/NavigationList.less +0 -1
- package/src/sap/tnt/themes/sap_horizon/ToolHeader.less +3 -3
- package/src/sap/tnt/themes/sap_horizon_dark/NavigationList.less +0 -1
- package/src/sap/tnt/themes/sap_horizon_dark/ToolHeader.less +3 -3
- package/src/sap/tnt/themes/sap_horizon_hcb/NavigationList.less +0 -1
- package/src/sap/tnt/themes/sap_horizon_hcb/ToolHeader.less +3 -3
- package/src/sap/tnt/themes/sap_horizon_hcw/NavigationList.less +0 -1
- package/src/sap/tnt/themes/sap_horizon_hcw/ToolHeader.less +3 -3
- package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon/base.less +5 -5
- package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_dark/base.less +3 -3
- package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_hcb/base.less +3 -3
- package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_hcw/base.less +3 -3
- package/src/sap/ui/layout/themes/sap_horizon/FormLayout.less +1 -11
- package/src/sap/ui/layout/themes/sap_horizon_dark/FormLayout.less +1 -11
- package/src/sap/ui/layout/themes/sap_horizon_hcb/FormLayout.less +1 -8
- package/src/sap/ui/layout/themes/sap_horizon_hcw/FormLayout.less +1 -8
- package/src/sap/ui/mdc/themes/sap_horizon/TokenizerDisplay.less +8 -0
- package/src/sap/ui/mdc/themes/sap_horizon/ValueHelpDialog.less +8 -1
- package/src/sap/ui/mdc/themes/sap_horizon_dark/TokenizerDisplay.less +8 -0
- package/src/sap/ui/mdc/themes/sap_horizon_dark/ValueHelpDialog.less +7 -0
- package/src/sap/ui/rta/themes/sap_horizon/ContextMenu.less +3 -3
- package/src/sap/ui/rta/themes/sap_horizon/Dialogs.less +2 -2
- package/src/sap/ui/rta/themes/sap_horizon/Toolbar.adaptation.less +10 -10
- package/src/sap/ui/rta/themes/sap_horizon/Toolbar.base.less +2 -2
- package/src/sap/ui/rta/themes/sap_horizon_dark/ContextMenu.less +3 -3
- package/src/sap/ui/rta/themes/sap_horizon_dark/Dialogs.less +2 -2
- package/src/sap/ui/rta/themes/sap_horizon_dark/Toolbar.adaptation.less +12 -12
- package/src/sap/ui/rta/themes/sap_horizon_dark/Toolbar.base.less +2 -2
|
@@ -182,6 +182,10 @@
|
|
|
182
182
|
padding: 0.1875rem 0.313rem;
|
|
183
183
|
}
|
|
184
184
|
|
|
185
|
+
.sapMObjStatusInverted .sapMObjStatusTitle {
|
|
186
|
+
vertical-align: middle;
|
|
187
|
+
}
|
|
188
|
+
|
|
185
189
|
.sapMObjStatusInverted .sapMObjStatusText {
|
|
186
190
|
padding: 0.1875rem 0.25rem;
|
|
187
191
|
}
|
|
@@ -577,34 +581,31 @@
|
|
|
577
581
|
background-color: var(--sapIndicationColor_10b_Hover_Background);
|
|
578
582
|
}
|
|
579
583
|
|
|
580
|
-
html.sap-desktop .sapMObjStatusActive:focus .sapMObjStatusLink::after {
|
|
581
|
-
top: 0.125rem;
|
|
582
|
-
left: 0.125rem;
|
|
583
|
-
bottom: 0.0625rem;
|
|
584
|
-
right: 0.125rem;
|
|
585
|
-
outline: 0.125rem dotted var(--sapContent_FocusColor);
|
|
586
|
-
}
|
|
587
584
|
|
|
588
585
|
.sapMListTbl .sapMObjStatusInverted .sapMObjStatusIcon > .sapUiIcon:not(.sapMLIBImgNav):not(.sapMBtnIcon),
|
|
589
586
|
.sapMObjStatusInverted:not(.sapMObjectStatusLarge) .sapMObjStatusIcon > .sapUiIcon {
|
|
590
587
|
height: 0.875rem;
|
|
591
588
|
}
|
|
592
589
|
|
|
590
|
+
.sapMObjStatusLink {
|
|
591
|
+
line-height: 0.5rem;
|
|
592
|
+
}
|
|
593
|
+
|
|
593
594
|
html.sap-desktop .sapMObjStatusActive:focus {
|
|
594
595
|
|
|
595
596
|
.sapMObjStatusLink::after {
|
|
596
|
-
top:
|
|
597
|
-
left:
|
|
598
|
-
bottom:
|
|
599
|
-
right:
|
|
597
|
+
top: 0;
|
|
598
|
+
left: 0;
|
|
599
|
+
bottom: 0;
|
|
600
|
+
right: 0;
|
|
600
601
|
outline: 2px dotted var(--sapContent_FocusColor);
|
|
601
602
|
}
|
|
602
603
|
|
|
603
604
|
&.sapMObjStatusInverted .sapMObjStatusLink::after {
|
|
604
|
-
top:
|
|
605
|
-
left:
|
|
606
|
-
bottom:
|
|
607
|
-
right:
|
|
605
|
+
top: 3px;
|
|
606
|
+
left: 3px;
|
|
607
|
+
bottom: 3px;
|
|
608
|
+
right: 3px;
|
|
608
609
|
|
|
609
610
|
.sapMObjStatusIcon > .sapUiIcon {
|
|
610
611
|
line-height: 0.875rem;
|
|
@@ -5,30 +5,33 @@
|
|
|
5
5
|
|
|
6
6
|
/* Switch container */
|
|
7
7
|
.sapMSwtCont {
|
|
8
|
-
overflow:
|
|
8
|
+
overflow: visible;
|
|
9
9
|
/* in order to have a touchable area of 2.75rem height and 3.5rem width */
|
|
10
|
-
padding: 0.625rem 0
|
|
10
|
+
padding: 0.625rem 0;
|
|
11
11
|
}
|
|
12
12
|
|
|
13
13
|
/* focus */
|
|
14
14
|
html.sap-desktop {
|
|
15
15
|
|
|
16
|
-
.sapMSwtCont:focus
|
|
16
|
+
.sapMSwtCont:focus::after {
|
|
17
17
|
content: ' ';
|
|
18
18
|
position: absolute;
|
|
19
19
|
display: block;
|
|
20
|
-
top:
|
|
21
|
-
left: -0.
|
|
22
|
-
bottom:
|
|
23
|
-
right: -0.
|
|
20
|
+
top: 0.375rem;
|
|
21
|
+
left: -0.25rem;
|
|
22
|
+
bottom: 0.375rem;
|
|
23
|
+
right: -0.25rem;
|
|
24
24
|
border: 0.125rem solid var(--sapContent_FocusColor);
|
|
25
25
|
border-radius: 1rem;
|
|
26
|
+
pointer-events: none;
|
|
26
27
|
}
|
|
27
28
|
|
|
28
29
|
.sapUiSizeCompact {
|
|
29
30
|
|
|
30
|
-
.sapMSwtCont:focus
|
|
31
|
+
.sapMSwtCont:focus::after {
|
|
31
32
|
border-radius: 0.875rem;
|
|
33
|
+
top: 0.125rem;
|
|
34
|
+
bottom: 0.125rem;
|
|
32
35
|
}
|
|
33
36
|
}
|
|
34
37
|
}
|
|
@@ -37,7 +40,7 @@ html.sap-desktop {
|
|
|
37
40
|
.sapMSwt {
|
|
38
41
|
width: 2.875rem;
|
|
39
42
|
height: 1.5rem;
|
|
40
|
-
overflow:
|
|
43
|
+
overflow: hidden;
|
|
41
44
|
border: none;
|
|
42
45
|
margin: 0;
|
|
43
46
|
border-radius: 0.75rem;
|
|
@@ -24,7 +24,6 @@
|
|
|
24
24
|
@_sap_tnt_NavigationList_GroupIconMarginRight: 0.5rem;
|
|
25
25
|
@_sap_tnt_NavigationList_ParentItemBottomMarginInPopup: 0.5rem;
|
|
26
26
|
@_sap_tnt_NavigationList_GroupTextWeight: bold;
|
|
27
|
-
@_sap_tnt_NavigationList_GroupPadding: 0;
|
|
28
27
|
@_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
|
|
29
28
|
@_sap_tnt_NavigationList_Padding: 0.5rem 0.5rem 0 0.5rem;
|
|
30
29
|
@_sap_tnt_NavigationList_PaddingFixed: 0 0.5rem 0.5rem 0.5rem;
|
|
@@ -157,9 +157,9 @@
|
|
|
157
157
|
.sapMTitle {
|
|
158
158
|
text-shadow: none;
|
|
159
159
|
line-height: 1.625rem;
|
|
160
|
-
font-size:
|
|
161
|
-
font-
|
|
162
|
-
color: var(--
|
|
160
|
+
font-size: var(-sapFontHeader5Size);
|
|
161
|
+
font-family: var(--sapFontSemiboldDuplexFamily);
|
|
162
|
+
color: var(--sapShell_SubBrand_TextColor);
|
|
163
163
|
}
|
|
164
164
|
|
|
165
165
|
.sapMText,
|
|
@@ -24,7 +24,6 @@
|
|
|
24
24
|
@_sap_tnt_NavigationList_GroupIconMarginRight: 0.5rem;
|
|
25
25
|
@_sap_tnt_NavigationList_ParentItemBottomMarginInPopup: 0.5rem;
|
|
26
26
|
@_sap_tnt_NavigationList_GroupTextWeight: bold;
|
|
27
|
-
@_sap_tnt_NavigationList_GroupPadding: 0;
|
|
28
27
|
@_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
|
|
29
28
|
@_sap_tnt_NavigationList_Padding: 0.5rem 0.5rem 0 0.5rem;
|
|
30
29
|
@_sap_tnt_NavigationList_PaddingFixed: 0 0.5rem 0.5rem 0.5rem;
|
|
@@ -158,9 +158,9 @@
|
|
|
158
158
|
.sapMTitle {
|
|
159
159
|
text-shadow: none;
|
|
160
160
|
line-height: 1.625rem;
|
|
161
|
-
font-size:
|
|
162
|
-
font-
|
|
163
|
-
color: var(--
|
|
161
|
+
font-size: var(-sapFontHeader5Size);
|
|
162
|
+
font-family: var(--sapFontSemiboldDuplexFamily);
|
|
163
|
+
color: var(--sapShell_SubBrand_TextColor);
|
|
164
164
|
}
|
|
165
165
|
|
|
166
166
|
.sapMText,
|
|
@@ -25,7 +25,6 @@
|
|
|
25
25
|
@_sap_tnt_NavigationList_GroupIconWidthExpanded: 1rem;
|
|
26
26
|
@_sap_tnt_NavigationList_GroupIconMarginLeft: 1rem;
|
|
27
27
|
@_sap_tnt_NavigationList_GroupIconMarginRight: 0.5rem;
|
|
28
|
-
@_sap_tnt_NavigationList_GroupPadding: 0;
|
|
29
28
|
@_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
|
|
30
29
|
@_sap_tnt_NavigationList_Padding: 0.5rem 0.5rem 0 0.5rem;
|
|
31
30
|
@_sap_tnt_NavigationList_PaddingFixed: 0 0.5rem 0.5rem 0.5rem;
|
|
@@ -165,9 +165,9 @@
|
|
|
165
165
|
.sapMTitle {
|
|
166
166
|
text-shadow: none;
|
|
167
167
|
line-height: 1.625rem;
|
|
168
|
-
font-size:
|
|
169
|
-
font-
|
|
170
|
-
color: var(--
|
|
168
|
+
font-size: var(-sapFontHeader5Size);
|
|
169
|
+
font-family: var(--sapFontSemiboldDuplexFamily);
|
|
170
|
+
color: var(--sapShell_SubBrand_TextColor);
|
|
171
171
|
}
|
|
172
172
|
|
|
173
173
|
.sapMText,
|
|
@@ -25,7 +25,6 @@
|
|
|
25
25
|
@_sap_tnt_NavigationList_GroupIconWidthExpanded: 1rem;
|
|
26
26
|
@_sap_tnt_NavigationList_GroupIconMarginLeft: 1rem;
|
|
27
27
|
@_sap_tnt_NavigationList_GroupIconMarginRight: 0.5rem;
|
|
28
|
-
@_sap_tnt_NavigationList_GroupPadding: 0;
|
|
29
28
|
@_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
|
|
30
29
|
@_sap_tnt_NavigationList_Padding: 0.5rem 0.5rem 0 0.5rem;
|
|
31
30
|
@_sap_tnt_NavigationList_PaddingFixed: 0 0.5rem 0.5rem 0.5rem;
|
|
@@ -165,9 +165,9 @@
|
|
|
165
165
|
.sapMTitle {
|
|
166
166
|
text-shadow: none;
|
|
167
167
|
line-height: 1.625rem;
|
|
168
|
-
font-size:
|
|
169
|
-
font-
|
|
170
|
-
color: var(--
|
|
168
|
+
font-size: var(-sapFontHeader5Size);
|
|
169
|
+
font-family: var(--sapFontSemiboldDuplexFamily);
|
|
170
|
+
color: var(--sapShell_SubBrand_TextColor);
|
|
171
171
|
}
|
|
172
172
|
|
|
173
173
|
.sapMText,
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<copyright>OpenUI5
|
|
7
7
|
* (c) Copyright 2025 SAP SE or an SAP affiliate company.
|
|
8
8
|
* Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
|
|
9
|
-
<version>1.
|
|
9
|
+
<version>1.140.0</version>
|
|
10
10
|
|
|
11
11
|
<documentation>SAPUI5 Horizon theme library.</documentation>
|
|
12
12
|
|
|
@@ -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.
|
|
4
|
-
// * data:{"sModified":"2025-
|
|
3
|
+
// * Theming Engine 16.0.13
|
|
4
|
+
// * data:{"sModified":"2025-07-11T07:56:16Z"}
|
|
5
5
|
// */
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
/******************* FILE /Base/baseLib/sap_horizon/base.less (Version 11.31.
|
|
8
|
+
/******************* FILE /Base/baseLib/sap_horizon/base.less (Version 11.31.1) *******************/
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
// [Tags "SapInternal", "Base", "Dimension", "Protected"]
|
|
@@ -3633,7 +3633,7 @@
|
|
|
3633
3633
|
@sapChart_Sequence_2_Minus3: darken(@sapChart_Sequence_2, 20);
|
|
3634
3634
|
@sapChart_Sequence_2_Minus3_TextColor: contrast(@sapChart_Sequence_2_Minus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5);
|
|
3635
3635
|
@sapChart_Sequence_2_Minus3_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_2_Minus3_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold);
|
|
3636
|
-
@sapChart_Sequence_2_Minus4: darken(@sapChart_Sequence_2,
|
|
3636
|
+
@sapChart_Sequence_2_Minus4: darken(@sapChart_Sequence_2, 25);
|
|
3637
3637
|
@sapChart_Sequence_2_Minus4_TextColor: contrast(@sapChart_Sequence_2_Minus4, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5);
|
|
3638
3638
|
@sapChart_Sequence_2_Minus4_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_2_Minus4_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold);
|
|
3639
3639
|
@sapChart_Sequence_2_Minus5: darken(@sapChart_Sequence_2, 30);
|
|
@@ -3915,7 +3915,7 @@
|
|
|
3915
3915
|
@sapChart_Sequence_11_Minus4: darken(desaturate(@sapChart_Sequence_11, 20), 32);
|
|
3916
3916
|
@sapChart_Sequence_11_Minus4_TextColor: contrast(@sapChart_Sequence_11_Minus4, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
|
|
3917
3917
|
@sapChart_Sequence_11_Minus4_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_11_Minus4_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold);
|
|
3918
|
-
@sapChart_Sequence_11_Minus5: darken(desaturate(@sapChart_Sequence_11, 20),
|
|
3918
|
+
@sapChart_Sequence_11_Minus5: darken(desaturate(@sapChart_Sequence_11, 20), 42);
|
|
3919
3919
|
@sapChart_Sequence_11_Minus5_TextColor: contrast(@sapChart_Sequence_11_Minus5, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
|
|
3920
3920
|
@sapChart_Sequence_11_Minus5_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_11_Minus5_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold);
|
|
3921
3921
|
@sapChart_Sequence_12_Plus3: lighten(desaturate(@sapChart_Sequence_12, 1), 35);
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<copyright>OpenUI5
|
|
7
7
|
* (c) Copyright 2025 SAP SE or an SAP affiliate company.
|
|
8
8
|
* Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
|
|
9
|
-
<version>1.
|
|
9
|
+
<version>1.140.0</version>
|
|
10
10
|
|
|
11
11
|
<documentation>SAPUI5 Evening Horizon theme library.</documentation>
|
|
12
12
|
|
|
@@ -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.
|
|
4
|
-
// * data:{"sModified":"2025-
|
|
3
|
+
// * Theming Engine 16.0.13
|
|
4
|
+
// * data:{"sModified":"2025-07-11T07:56:16Z"}
|
|
5
5
|
// */
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
/******************* FILE /Base/baseLib/sap_horizon_dark/base.less (Version 11.31.
|
|
8
|
+
/******************* FILE /Base/baseLib/sap_horizon_dark/base.less (Version 11.31.1) *******************/
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
// [Tags "SapInternal", "Base", "Dimension", "Protected"]
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<copyright>OpenUI5
|
|
7
7
|
* (c) Copyright 2025 SAP SE or an SAP affiliate company.
|
|
8
8
|
* Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
|
|
9
|
-
<version>1.
|
|
9
|
+
<version>1.140.0</version>
|
|
10
10
|
|
|
11
11
|
<documentation>SAPUI5 horizon high contrast black theme library.</documentation>
|
|
12
12
|
|
|
@@ -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.
|
|
4
|
-
// * data:{"sModified":"2025-
|
|
3
|
+
// * Theming Engine 16.0.13
|
|
4
|
+
// * data:{"sModified":"2025-07-11T07:56:16Z"}
|
|
5
5
|
// */
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
/******************* FILE /Base/baseLib/sap_horizon_hcb/base.less (Version 11.31.
|
|
8
|
+
/******************* FILE /Base/baseLib/sap_horizon_hcb/base.less (Version 11.31.1) *******************/
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
// [Tags "SapInternal", "Base", "Dimension", "Protected"]
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<copyright>OpenUI5
|
|
7
7
|
* (c) Copyright 2025 SAP SE or an SAP affiliate company.
|
|
8
8
|
* Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
|
|
9
|
-
<version>1.
|
|
9
|
+
<version>1.140.0</version>
|
|
10
10
|
|
|
11
11
|
<documentation>SAPUI5 horizon high contrast white theme library.</documentation>
|
|
12
12
|
|
|
@@ -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.
|
|
4
|
-
// * data:{"sModified":"2025-
|
|
3
|
+
// * Theming Engine 16.0.13
|
|
4
|
+
// * data:{"sModified":"2025-07-11T07:56:16Z"}
|
|
5
5
|
// */
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
/******************* FILE /Base/baseLib/sap_horizon_hcw/base.less (Version 11.31.
|
|
8
|
+
/******************* FILE /Base/baseLib/sap_horizon_hcw/base.less (Version 11.31.1) *******************/
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
// [Tags "SapInternal", "Base", "Dimension", "Protected"]
|
|
@@ -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
|
}
|
|
@@ -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
|
}
|
|
@@ -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
|
}
|
|
@@ -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
|
}
|
|
@@ -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:
|
|
5
|
-
@_sap_ui_rta_ContextMenu_BorderDarkColor:
|
|
6
|
-
@_sap_ui_rta_ContextMenu_BorderRadius:
|
|
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:
|
|
5
|
-
@_sap_ui_rta_Dialogs_BorderDarkColor:
|
|
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:
|
|
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:
|
|
7
|
-
@_sap_ui_rta_Toolbar_Adaptation_SegBBtnBackgroundColor:
|
|
8
|
-
@_sap_ui_rta_Toolbar_Adaptation_SegBBtnFocusColor:
|
|
9
|
-
@_sap_ui_rta_Toolbar_Adaptation_SegBBtnSelectedBackgroundColor:
|
|
10
|
-
@_sap_ui_rta_Toolbar_Adaptation_BorderRadius:
|
|
11
|
-
@_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor:
|
|
12
|
-
@_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor:
|
|
13
|
-
@_sap_ui_rta_Toolbar_Adaptation_FocusOutlineColor:
|
|
14
|
-
@_sap_ui_rta_Toolbar_Adaptation_VersionListBackgroundColor:
|
|
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:
|
|
5
|
-
@_sap_ui_rta_Toolbar_Base_OutlineColor:
|
|
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:
|
|
5
|
-
@_sap_ui_rta_ContextMenu_BorderDarkColor:
|
|
6
|
-
@_sap_ui_rta_ContextMenu_BorderRadius:
|
|
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:
|
|
5
|
-
@_sap_ui_rta_Dialogs_BorderDarkColor:
|
|
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;
|