@openui5/themelib_sap_horizon 1.136.2 → 1.138.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/REUSE.toml +0 -28
- package/THIRDPARTY.txt +0 -24
- package/package.json +18 -18
- package/src/sap/f/themes/sap_horizon/Card.less +0 -6
- package/src/sap/f/themes/sap_horizon/DynamicPage.less +52 -43
- package/src/sap/f/themes/sap_horizon/DynamicPageHeader.less +4 -4
- package/src/sap/f/themes/sap_horizon/ShellBar.less +174 -118
- package/src/sap/f/themes/sap_horizon_dark/Card.less +0 -6
- package/src/sap/f/themes/sap_horizon_dark/DynamicPage.less +48 -40
- package/src/sap/f/themes/sap_horizon_dark/DynamicPageHeader.less +3 -3
- package/src/sap/f/themes/sap_horizon_dark/ShellBar.less +192 -130
- package/src/sap/f/themes/sap_horizon_hcb/DynamicPage.less +48 -39
- package/src/sap/f/themes/sap_horizon_hcb/DynamicPageHeader.less +9 -8
- package/src/sap/f/themes/sap_horizon_hcb/ShellBar.less +111 -81
- package/src/sap/f/themes/sap_horizon_hcw/DynamicPage.less +47 -40
- package/src/sap/f/themes/sap_horizon_hcw/DynamicPageHeader.less +8 -7
- package/src/sap/f/themes/sap_horizon_hcw/ShellBar.less +115 -84
- package/src/sap/m/themes/sap_horizon/Button.less +5 -11
- package/src/sap/m/themes/sap_horizon/IconTabBar.less +0 -2
- package/src/sap/m/themes/sap_horizon/Page.less +10 -7
- package/src/sap/m/themes/sap_horizon_dark/Button.less +4 -4
- package/src/sap/m/themes/sap_horizon_dark/IconTabBar.less +0 -2
- package/src/sap/m/themes/sap_horizon_dark/Page.less +9 -5
- package/src/sap/m/themes/sap_horizon_hcb/Button.less +1 -1
- package/src/sap/m/themes/sap_horizon_hcb/Menu.less +19 -10
- package/src/sap/m/themes/sap_horizon_hcb/Page.less +9 -7
- package/src/sap/m/themes/sap_horizon_hcw/Button.less +1 -1
- package/src/sap/m/themes/sap_horizon_hcw/Menu.less +14 -5
- package/src/sap/m/themes/sap_horizon_hcw/Page.less +9 -7
- 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/fonts/SAP-icons.ttf +0 -0
- package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon/global.less +4 -0
- package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.ttf +0 -0
- package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_dark/global.less +4 -0
- package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/SAP-icons.ttf +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/SAP-icons.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcb/global.less +4 -0
- package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/SAP-icons.ttf +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/SAP-icons.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcw/global.less +4 -0
- package/src/sap/ui/dt/themes/sap_horizon/ContextMenu.less +5 -5
- package/src/sap/ui/dt/themes/sap_horizon_dark/ContextMenu.less +5 -5
- package/src/sap/ui/dt/themes/sap_horizon_hcb/ContextMenu.less +15 -6
- package/src/sap/ui/dt/themes/sap_horizon_hcw/ContextMenu.less +14 -5
- package/src/sap/ui/mdc/themes/sap_horizon/Chart.less +5 -5
- package/src/sap/ui/mdc/themes/sap_horizon_dark/Chart.less +5 -5
- package/src/sap/ui/mdc/themes/sap_horizon_hcb/Chart.less +5 -5
- package/src/sap/ui/mdc/themes/sap_horizon_hcw/Chart.less +5 -5
- package/src/sap/ui/rta/themes/sap_horizon_hcb/ContextMenu.less +4 -4
- package/src/sap/ui/rta/themes/sap_horizon_hcw/ContextMenu.less +4 -4
- package/src/sap/ui/unified/themes/sap_horizon/Calendar.less +1 -1
- package/src/sap/ui/unified/themes/sap_horizon/CalendarRow.less +0 -25
- package/src/sap/ui/unified/themes/sap_horizon_dark/CalendarRow.less +0 -25
- package/src/sap/ui/unified/themes/sap_horizon_hcb/CalendarRow.less +0 -24
- package/src/sap/ui/unified/themes/sap_horizon_hcw/CalendarRow.less +0 -24
- package/src/sap/uxap/themes/sap_horizon/ObjectPageSection.less +14 -6
- package/src/sap/uxap/themes/sap_horizon/ObjectPageSubSection.less +10 -5
- package/src/sap/uxap/themes/sap_horizon_dark/ObjectPageSection.less +14 -6
- package/src/sap/uxap/themes/sap_horizon_dark/ObjectPageSubSection.less +10 -5
- package/src/sap/uxap/themes/sap_horizon_hcb/ObjectPageSection.less +14 -5
- package/src/sap/uxap/themes/sap_horizon_hcb/ObjectPageSubSection.less +9 -3
- package/src/sap/uxap/themes/sap_horizon_hcw/ObjectPageSection.less +14 -5
- package/src/sap/uxap/themes/sap_horizon_hcw/ObjectPageSubSection.less +9 -3
- package/src/sap/f/themes/sap_horizon/ProductSwitchItem.less +0 -4
- package/src/sap/f/themes/sap_horizon_dark/ProductSwitchItem.less +0 -4
- package/src/sap/f/themes/sap_horizon_hcb/ProductSwitchItem.less +0 -8
- package/src/sap/f/themes/sap_horizon_hcw/ProductSwitchItem.less +0 -8
|
@@ -1,10 +1,19 @@
|
|
|
1
|
-
/*
|
|
2
|
-
/* CSS for control sap.m/Menu
|
|
3
|
-
/*
|
|
4
|
-
/*
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
/* ==================================== */
|
|
2
|
+
/* CSS for control sap.m/Menu */
|
|
3
|
+
/* Quartz High Contrast Black theme */
|
|
4
|
+
/* ==================================== */
|
|
5
|
+
|
|
6
|
+
.sapMMenu {
|
|
7
|
+
|
|
8
|
+
box-shadow: @sapUiContentShadow1;
|
|
9
|
+
|
|
10
|
+
.sapMMenuItem.sapMMenuItemSubMenuOpen {
|
|
11
|
+
background-color: @sapUiListSelectionBackgroundColor
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.sapMMenuItem.sapMMenuItemSubMenuOpen:hover,
|
|
15
|
+
.sapMMenuItem.sapMMenuItemSubMenuOpen:focus {
|
|
16
|
+
background-color: @sapUiListActiveBackground;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
}
|
|
@@ -168,12 +168,13 @@ html[data-sap-ui-animation='on'] .sapMPageWithFloatingFooter {
|
|
|
168
168
|
}
|
|
169
169
|
|
|
170
170
|
.sapMPageWithHeader {
|
|
171
|
-
|
|
172
|
-
|
|
171
|
+
.sapMPageHeader:has(.sapFShellBar) + section,
|
|
172
|
+
.sapMPageHeader:has([ui5-shellbar]) + section {
|
|
173
173
|
top: 3.25rem;
|
|
174
174
|
}
|
|
175
175
|
|
|
176
|
-
&.sapMPageWithSubHeader.sapFShellBar
|
|
176
|
+
&.sapMPageWithSubHeader .sapMPageSubHeader:has(.sapFShellBar) + section,
|
|
177
|
+
&.sapMPageWithSubHeader .sapMPageSubHeader:has([ui5-shellbar]) + section {
|
|
177
178
|
top: 6rem;
|
|
178
179
|
}
|
|
179
180
|
}
|
|
@@ -229,13 +230,14 @@ html[data-sap-ui-animation='on'] .sapMPageWithFloatingFooter {
|
|
|
229
230
|
}
|
|
230
231
|
|
|
231
232
|
.sapMPageWithHeader {
|
|
232
|
-
|
|
233
|
-
|
|
233
|
+
.sapMPageHeader:has(.sapFShellBar) + section,
|
|
234
|
+
.sapMPageHeader:has([ui5-shellbar]) + section {
|
|
234
235
|
top: 3.25rem;
|
|
235
236
|
}
|
|
236
237
|
|
|
237
|
-
&.sapMPageWithSubHeader.sapFShellBar
|
|
238
|
+
&.sapMPageWithSubHeader .sapMPageSubHeader:has(.sapFShellBar) + section,
|
|
239
|
+
&.sapMPageWithSubHeader .sapMPageSubHeader:has([ui5-shellbar]) + section {
|
|
238
240
|
top: 5.75rem;
|
|
239
241
|
}
|
|
240
242
|
}
|
|
241
|
-
}
|
|
243
|
+
}
|
|
@@ -3,8 +3,17 @@
|
|
|
3
3
|
/* Horizon High Contrast White theme */
|
|
4
4
|
/* ================================== */
|
|
5
5
|
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
6
|
+
.sapMMenu {
|
|
7
|
+
|
|
8
|
+
box-shadow: @sapUiContentShadow1;
|
|
9
|
+
|
|
10
|
+
.sapMMenuItem.sapMMenuItemSubMenuOpen {
|
|
11
|
+
background-color: @sapUiListSelectionBackgroundColor
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.sapMMenuItem.sapMMenuItemSubMenuOpen:hover,
|
|
15
|
+
.sapMMenuItem.sapMMenuItemSubMenuOpen:focus {
|
|
16
|
+
background-color: @sapUiListActiveBackground;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
}
|
|
@@ -168,12 +168,13 @@ html[data-sap-ui-animation='on'] .sapMPageWithFloatingFooter {
|
|
|
168
168
|
}
|
|
169
169
|
|
|
170
170
|
.sapMPageWithHeader {
|
|
171
|
-
|
|
172
|
-
|
|
171
|
+
.sapMPageHeader:has(.sapFShellBar) + section,
|
|
172
|
+
.sapMPageHeader:has([ui5-shellbar]) + section {
|
|
173
173
|
top: 3.25rem;
|
|
174
174
|
}
|
|
175
175
|
|
|
176
|
-
&.sapMPageWithSubHeader.sapFShellBar
|
|
176
|
+
&.sapMPageWithSubHeader .sapMPageSubHeader:has(.sapFShellBar) + section,
|
|
177
|
+
&.sapMPageWithSubHeader .sapMPageSubHeader:has([ui5-shellbar]) + section {
|
|
177
178
|
top: 6rem;
|
|
178
179
|
}
|
|
179
180
|
}
|
|
@@ -229,13 +230,14 @@ html[data-sap-ui-animation='on'] .sapMPageWithFloatingFooter {
|
|
|
229
230
|
}
|
|
230
231
|
|
|
231
232
|
.sapMPageWithHeader {
|
|
232
|
-
|
|
233
|
-
|
|
233
|
+
.sapMPageHeader:has(.sapFShellBar) + section,
|
|
234
|
+
.sapMPageHeader:has([ui5-shellbar]) + section {
|
|
234
235
|
top: 3.25rem;
|
|
235
236
|
}
|
|
236
237
|
|
|
237
|
-
&.sapMPageWithSubHeader.sapFShellBar
|
|
238
|
+
&.sapMPageWithSubHeader .sapMPageSubHeader:has(.sapFShellBar) + section,
|
|
239
|
+
&.sapMPageWithSubHeader .sapMPageSubHeader:has([ui5-shellbar]) + section {
|
|
238
240
|
top: 5.75rem;
|
|
239
241
|
}
|
|
240
242
|
}
|
|
241
|
-
}
|
|
243
|
+
}
|
|
@@ -14,7 +14,6 @@
|
|
|
14
14
|
@_sap_tnt_NavigationList_ItemFocusBorderOffset: -@sapUiContentFocusWidth;
|
|
15
15
|
@_sap_tnt_NavigationList_ItemFocusBorderRadius: @_sap_tnt_NavigationList_ItemBorderRadius + @sapUiContentFocusWidth;
|
|
16
16
|
@_sap_tnt_NavigationList_ItemTransition: background-color 0.3s ease-in-out, max-width 0.3s ease-in-out;
|
|
17
|
-
@_sap_tnt_NavigationList_ItemTextFontFamily: var(--sapFontSemiboldFamily);
|
|
18
17
|
@_sap_tnt_NavigationList_SelectedBorderStyleColor: none;
|
|
19
18
|
@_sap_tnt_NavigationList_Collapsed_SelectedItemBorderStyleColor: solid @_sap_tnt_NavigationList_SelectedItemBorderColor;
|
|
20
19
|
@_sap_tnt_NavigationList_SelectedItemBorder: none;
|
|
@@ -41,12 +41,12 @@
|
|
|
41
41
|
.sapTntToolHeader {
|
|
42
42
|
.sapMBarChild:not(.sapMMenuBtn) {
|
|
43
43
|
&.sapMBtn {
|
|
44
|
-
.sapMBtnInner::after,
|
|
45
|
-
|
|
44
|
+
.sapMBtnInner:not(.sapMBtnEmphasized)::after,
|
|
45
|
+
.sapMBtnInner:not(.sapMBtnEmphasized) .sapMBtnIcon {
|
|
46
46
|
background: transparent;
|
|
47
47
|
color: @sapUiShellInteractiveTextColor;
|
|
48
48
|
}
|
|
49
|
-
.sapMBtnContent {
|
|
49
|
+
.sapMBtnInner:not(.sapMBtnEmphasized) .sapMBtnContent {
|
|
50
50
|
background: transparent;
|
|
51
51
|
color: @sapUiShellTextColor;
|
|
52
52
|
}
|
|
@@ -14,7 +14,6 @@
|
|
|
14
14
|
@_sap_tnt_NavigationList_ItemFocusBorderOffset: -@sapUiContentFocusWidth;
|
|
15
15
|
@_sap_tnt_NavigationList_ItemFocusBorderRadius: @_sap_tnt_NavigationList_ItemBorderRadius + @sapUiContentFocusWidth;
|
|
16
16
|
@_sap_tnt_NavigationList_ItemTransition: background-color 0.3s ease-in-out, max-width 0.3s ease-in-out;
|
|
17
|
-
@_sap_tnt_NavigationList_ItemTextFontFamily: var(--sapFontSemiboldFamily);
|
|
18
17
|
@_sap_tnt_NavigationList_SelectedBorderStyleColor: none;
|
|
19
18
|
@_sap_tnt_NavigationList_Collapsed_SelectedItemBorderStyleColor: solid @_sap_tnt_NavigationList_SelectedItemBorderColor;
|
|
20
19
|
@_sap_tnt_NavigationList_SelectedItemBorder: none;
|
|
@@ -41,12 +41,12 @@
|
|
|
41
41
|
.sapTntToolHeader {
|
|
42
42
|
.sapMBarChild:not(.sapMMenuBtn) {
|
|
43
43
|
&.sapMBtn {
|
|
44
|
-
.sapMBtnInner::after,
|
|
45
|
-
|
|
44
|
+
.sapMBtnInner:not(.sapMBtnEmphasized)::after,
|
|
45
|
+
.sapMBtnInner:not(.sapMBtnEmphasized) .sapMBtnIcon {
|
|
46
46
|
background: transparent;
|
|
47
47
|
color: @sapUiShellInteractiveTextColor;
|
|
48
48
|
}
|
|
49
|
-
.sapMBtnContent {
|
|
49
|
+
.sapMBtnInner:not(.sapMBtnEmphasized) .sapMBtnContent {
|
|
50
50
|
background: transparent;
|
|
51
51
|
color: @sapUiShellTextColor;
|
|
52
52
|
}
|
|
@@ -9,7 +9,6 @@
|
|
|
9
9
|
@_sap_tnt_NavigationList_ItemBorderStyleColor: solid @sapUiListBorderColor;
|
|
10
10
|
@_sap_tnt_NavigationList_ItemBorderWidth: 0 0 0.0625rem 0;
|
|
11
11
|
@_sap_tnt_NavigationList_ItemFocusBorderOffset: 0;
|
|
12
|
-
@_sap_tnt_NavigationList_ItemTextFontFamily: var(--sapFontSemiboldFamily);
|
|
13
12
|
@_sap_tnt_NavigationList_LastItemBorderStyleColor: solid transparent;
|
|
14
13
|
@_sap_tnt_NavigationList_HoverBorderStyleColor: solid @sapUiListSelectionBorderColor;
|
|
15
14
|
@_sap_tnt_NavigationList_HoverBorderWidth: 0.0625rem;
|
|
@@ -48,12 +48,12 @@
|
|
|
48
48
|
padding: 0.125rem 0;
|
|
49
49
|
min-width: 2.5rem;
|
|
50
50
|
|
|
51
|
-
.sapMBtnInner::after,
|
|
52
|
-
|
|
51
|
+
.sapMBtnInner:not(.sapMBtnEmphasized)::after,
|
|
52
|
+
.sapMBtnInner:not(.sapMBtnEmphasized) .sapMBtnIcon {
|
|
53
53
|
background: transparent;
|
|
54
54
|
color: @sapUiShellInteractiveTextColor;
|
|
55
55
|
}
|
|
56
|
-
.sapMBtnContent {
|
|
56
|
+
.sapMBtnInner:not(.sapMBtnEmphasized) .sapMBtnContent {
|
|
57
57
|
background: transparent;
|
|
58
58
|
color: @sapUiShellTextColor;
|
|
59
59
|
}
|
|
@@ -9,7 +9,6 @@
|
|
|
9
9
|
@_sap_tnt_NavigationList_ItemBorderStyleColor: solid @sapUiListBorderColor;
|
|
10
10
|
@_sap_tnt_NavigationList_ItemBorderWidth: 0 0 0.0625rem 0;
|
|
11
11
|
@_sap_tnt_NavigationList_ItemFocusBorderOffset: 0;
|
|
12
|
-
@_sap_tnt_NavigationList_ItemTextFontFamily: var(--sapFontSemiboldFamily);
|
|
13
12
|
@_sap_tnt_NavigationList_LastItemBorderStyleColor: solid transparent;
|
|
14
13
|
@_sap_tnt_NavigationList_HoverBorderStyleColor: solid @sapUiListSelectionBorderColor;
|
|
15
14
|
@_sap_tnt_NavigationList_HoverBorderWidth: 0.0625rem;
|
|
@@ -48,12 +48,12 @@
|
|
|
48
48
|
padding: 0.125rem 0;
|
|
49
49
|
min-width: 2.5rem;
|
|
50
50
|
|
|
51
|
-
.sapMBtnInner::after,
|
|
52
|
-
|
|
51
|
+
.sapMBtnInner:not(.sapMBtnEmphasized)::after,
|
|
52
|
+
.sapMBtnInner:not(.sapMBtnEmphasized) .sapMBtnIcon {
|
|
53
53
|
background: transparent;
|
|
54
54
|
color: @sapUiShellInteractiveTextColor;
|
|
55
55
|
}
|
|
56
|
-
.sapMBtnContent {
|
|
56
|
+
.sapMBtnInner:not(.sapMBtnEmphasized) .sapMBtnContent {
|
|
57
57
|
background: transparent;
|
|
58
58
|
color: @sapUiShellTextColor;
|
|
59
59
|
}
|
|
@@ -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.138.0</version>
|
|
10
10
|
|
|
11
11
|
<documentation>SAPUI5 Horizon theme library.</documentation>
|
|
12
12
|
|
|
Binary file
|
|
Binary file
|
|
@@ -202,6 +202,10 @@
|
|
|
202
202
|
@sapUiContentMarginSmall: @sapContent_Margin_Small;
|
|
203
203
|
@sapUiContentMarginMedium: @sapContent_Margin_Medium;
|
|
204
204
|
@sapUiContentMarginLarge: @sapContent_Margin_Large;
|
|
205
|
+
@sapUiContentMarginS: @sapContent_Margin_S;
|
|
206
|
+
@sapUiContentMarginM: @sapContent_Margin_M;
|
|
207
|
+
@sapUiContentMarginL: @sapContent_Margin_L;
|
|
208
|
+
@sapUiContentMarginXL: @sapContent_Margin_XL;
|
|
205
209
|
@sapUiContentGap: @sapContent_Gap;
|
|
206
210
|
@sapUiContentPaddingS: @sapContent_Padding_S;
|
|
207
211
|
@sapUiContentPaddingM: @sapContent_Padding_M;
|
|
@@ -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.138.0</version>
|
|
10
10
|
|
|
11
11
|
<documentation>SAPUI5 Evening Horizon theme library.</documentation>
|
|
12
12
|
|
|
Binary file
|
|
Binary file
|
|
@@ -202,6 +202,10 @@
|
|
|
202
202
|
@sapUiContentMarginSmall: @sapContent_Margin_Small;
|
|
203
203
|
@sapUiContentMarginMedium: @sapContent_Margin_Medium;
|
|
204
204
|
@sapUiContentMarginLarge: @sapContent_Margin_Large;
|
|
205
|
+
@sapUiContentMarginS: @sapContent_Margin_S;
|
|
206
|
+
@sapUiContentMarginM: @sapContent_Margin_M;
|
|
207
|
+
@sapUiContentMarginL: @sapContent_Margin_L;
|
|
208
|
+
@sapUiContentMarginXL: @sapContent_Margin_XL;
|
|
205
209
|
@sapUiContentGap: @sapContent_Gap;
|
|
206
210
|
@sapUiContentPaddingS: @sapContent_Padding_S;
|
|
207
211
|
@sapUiContentPaddingM: @sapContent_Padding_M;
|
|
@@ -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.138.0</version>
|
|
10
10
|
|
|
11
11
|
<documentation>SAPUI5 horizon high contrast black theme library.</documentation>
|
|
12
12
|
|
|
Binary file
|
|
Binary file
|
|
@@ -202,6 +202,10 @@
|
|
|
202
202
|
@sapUiContentMarginSmall: @sapContent_Margin_Small;
|
|
203
203
|
@sapUiContentMarginMedium: @sapContent_Margin_Medium;
|
|
204
204
|
@sapUiContentMarginLarge: @sapContent_Margin_Large;
|
|
205
|
+
@sapUiContentMarginS: @sapContent_Margin_S;
|
|
206
|
+
@sapUiContentMarginM: @sapContent_Margin_M;
|
|
207
|
+
@sapUiContentMarginL: @sapContent_Margin_L;
|
|
208
|
+
@sapUiContentMarginXL: @sapContent_Margin_XL;
|
|
205
209
|
@sapUiContentGap: @sapContent_Gap;
|
|
206
210
|
@sapUiContentPaddingS: @sapContent_Padding_S;
|
|
207
211
|
@sapUiContentPaddingM: @sapContent_Padding_M;
|
|
@@ -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.138.0</version>
|
|
10
10
|
|
|
11
11
|
<documentation>SAPUI5 horizon high contrast white theme library.</documentation>
|
|
12
12
|
|
|
Binary file
|
|
Binary file
|
|
@@ -202,6 +202,10 @@
|
|
|
202
202
|
@sapUiContentMarginSmall: @sapContent_Margin_Small;
|
|
203
203
|
@sapUiContentMarginMedium: @sapContent_Margin_Medium;
|
|
204
204
|
@sapUiContentMarginLarge: @sapContent_Margin_Large;
|
|
205
|
+
@sapUiContentMarginS: @sapContent_Margin_S;
|
|
206
|
+
@sapUiContentMarginM: @sapContent_Margin_M;
|
|
207
|
+
@sapUiContentMarginL: @sapContent_Margin_L;
|
|
208
|
+
@sapUiContentMarginXL: @sapContent_Margin_XL;
|
|
205
209
|
@sapUiContentGap: @sapContent_Gap;
|
|
206
210
|
@sapUiContentPaddingS: @sapContent_Padding_S;
|
|
207
211
|
@sapUiContentPaddingM: @sapContent_Padding_M;
|
|
@@ -3,19 +3,19 @@
|
|
|
3
3
|
*******************************************************************/
|
|
4
4
|
@_sap_ui_dt_ContextMenu_BorderRadius: @sapUiFieldBorderCornerRadius; // 0.25rem
|
|
5
5
|
|
|
6
|
-
.sapUiDtContextMenu {
|
|
7
|
-
.
|
|
8
|
-
.
|
|
6
|
+
.sapUiDtContextMenu.sapMMenu {
|
|
7
|
+
.sapMMenuList {
|
|
8
|
+
.sapMMenuItem {
|
|
9
9
|
margin: 0.0625rem;
|
|
10
10
|
border-radius: @_sap_ui_dt_ContextMenu_BorderRadius;
|
|
11
11
|
|
|
12
12
|
&:focus {
|
|
13
13
|
outline-offset: -0.125rem;
|
|
14
|
-
&.
|
|
14
|
+
&.sapMMenuItemDisabled{
|
|
15
15
|
outline: none;
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
|
-
&.
|
|
18
|
+
&.sapMMenuItemSubMenuOpen {
|
|
19
19
|
border-bottom: none !important; //1px
|
|
20
20
|
}
|
|
21
21
|
}
|
|
@@ -3,19 +3,19 @@
|
|
|
3
3
|
*******************************************************************/
|
|
4
4
|
@_sap_ui_dt_ContextMenu_BorderRadius: @sapUiFieldBorderCornerRadius; // 0.25rem
|
|
5
5
|
|
|
6
|
-
.sapUiDtContextMenu {
|
|
7
|
-
.
|
|
8
|
-
.
|
|
6
|
+
.sapUiDtContextMenu.sapMMenu {
|
|
7
|
+
.sapMMenuList {
|
|
8
|
+
.sapMMenuItem {
|
|
9
9
|
margin: 0.0625rem;
|
|
10
10
|
border-radius: @_sap_ui_dt_ContextMenu_BorderRadius;
|
|
11
11
|
|
|
12
12
|
&:focus {
|
|
13
13
|
outline-offset: -0.125rem;
|
|
14
|
-
&.
|
|
14
|
+
&.sapMMenuItemDisabled{
|
|
15
15
|
outline: none;
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
|
-
&.
|
|
18
|
+
&.sapMMenuItemSubMenuOpen {
|
|
19
19
|
border-bottom: none !important; //1px
|
|
20
20
|
}
|
|
21
21
|
}
|
|
@@ -4,11 +4,20 @@
|
|
|
4
4
|
@_sap_ui_dt_ContextMenu_BorderRadius: @sapUiButtonBorderCornerRadius; // 0.375rem
|
|
5
5
|
@_sap_ui_dt_ContextMenu_OpenSubMenuBackgroundColor: @sapUiSelected; //#0f5c93
|
|
6
6
|
|
|
7
|
-
.sapUiDtContextMenu {
|
|
8
|
-
.
|
|
9
|
-
.
|
|
7
|
+
.sapUiDtContextMenu.sapMMenu {
|
|
8
|
+
.sapMMenuList {
|
|
9
|
+
.sapMMenuItem {
|
|
10
10
|
|
|
11
|
-
|
|
11
|
+
.sapMMenuEndContent{
|
|
12
|
+
.sapMBtn {
|
|
13
|
+
&:focus-visible > .sapMFocusable,
|
|
14
|
+
&:focus > .sapMFocusable{
|
|
15
|
+
outline: none;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
&.sapMMenuItemDisabled {
|
|
12
21
|
opacity: 1;
|
|
13
22
|
}
|
|
14
23
|
|
|
@@ -16,11 +25,11 @@
|
|
|
16
25
|
border-radius: @_sap_ui_dt_ContextMenu_BorderRadius;
|
|
17
26
|
}
|
|
18
27
|
|
|
19
|
-
&.
|
|
28
|
+
&.sapMMenuItemSubMenuOpen {
|
|
20
29
|
border-bottom: 0.0625rem solid transparent !important; //remove border
|
|
21
30
|
border-radius: @_sap_ui_dt_ContextMenu_BorderRadius;
|
|
22
31
|
|
|
23
|
-
&:not(
|
|
32
|
+
&:not(:hover) {
|
|
24
33
|
background-color: @_sap_ui_dt_ContextMenu_OpenSubMenuBackgroundColor;
|
|
25
34
|
}
|
|
26
35
|
}
|
|
@@ -4,19 +4,28 @@
|
|
|
4
4
|
@_sap_ui_dt_ContextMenu_BorderRadius: @sapUiButtonBorderCornerRadius; // .375rem
|
|
5
5
|
@_sap_ui_dt_ContextMenu_OpenSubMenuBackgroundColor: @sapUiButtonSelectedBackground; //#5c93ff
|
|
6
6
|
|
|
7
|
-
.sapUiDtContextMenu {
|
|
8
|
-
.
|
|
9
|
-
.
|
|
7
|
+
.sapUiDtContextMenu.sapMMenu {
|
|
8
|
+
.sapMMenuList {
|
|
9
|
+
.sapMMenuItem {
|
|
10
|
+
|
|
11
|
+
.sapMMenuEndContent{
|
|
12
|
+
.sapMBtn {
|
|
13
|
+
&:focus-visible > .sapMFocusable,
|
|
14
|
+
&:focus > .sapMFocusable{
|
|
15
|
+
outline: none;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
}
|
|
10
19
|
|
|
11
20
|
&:focus {
|
|
12
21
|
border-radius: @_sap_ui_dt_ContextMenu_BorderRadius;
|
|
13
22
|
}
|
|
14
23
|
|
|
15
|
-
&.
|
|
24
|
+
&.sapMMenuItemSubMenuOpen {
|
|
16
25
|
border-bottom: 0.0625rem solid transparent !important; //1px
|
|
17
26
|
border-radius: @_sap_ui_dt_ContextMenu_BorderRadius;
|
|
18
27
|
|
|
19
|
-
&:not(
|
|
28
|
+
&:not(:hover) {
|
|
20
29
|
background-color: @_sap_ui_dt_ContextMenu_OpenSubMenuBackgroundColor;
|
|
21
30
|
}
|
|
22
31
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
/*
|
|
2
|
-
/* CSS for control sap.ui.mdc/Chart
|
|
3
|
-
/* Horizon theme
|
|
4
|
-
/*
|
|
1
|
+
/* ================================= */
|
|
2
|
+
/* CSS for control sap.ui.mdc/Chart */
|
|
3
|
+
/* Morning Horizon theme */
|
|
4
|
+
/* ================================= */
|
|
5
5
|
|
|
6
|
-
@_sap_ui_mdc_Chart_ToolbarDesign: ~"Solid";
|
|
6
|
+
@_sap_ui_mdc_Chart_ToolbarDesign: ~"Solid";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
/*
|
|
2
|
-
/* CSS for control sap.ui.mdc/Chart
|
|
3
|
-
/* Evening Horizon theme
|
|
4
|
-
/*
|
|
1
|
+
/* ================================= */
|
|
2
|
+
/* CSS for control sap.ui.mdc/Chart */
|
|
3
|
+
/* Evening Horizon theme */
|
|
4
|
+
/* ================================= */
|
|
5
5
|
|
|
6
|
-
@_sap_ui_mdc_Chart_ToolbarDesign: ~"Solid";
|
|
6
|
+
@_sap_ui_mdc_Chart_ToolbarDesign: ~"Solid";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
/*
|
|
2
|
-
/* CSS for control sap.ui.mdc/Chart
|
|
3
|
-
/* Horizon High Contrast Black theme
|
|
4
|
-
/*
|
|
1
|
+
/* ================================== */
|
|
2
|
+
/* CSS for control sap.ui.mdc/Chart */
|
|
3
|
+
/* Horizon High Contrast Black theme */
|
|
4
|
+
/* ================================== */
|
|
5
5
|
|
|
6
|
-
@_sap_ui_mdc_Chart_ToolbarDesign: ~"Solid";
|
|
6
|
+
@_sap_ui_mdc_Chart_ToolbarDesign: ~"Solid";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
/*
|
|
2
|
-
/* CSS for control sap.ui.mdc/Chart
|
|
3
|
-
/* Horizon High Contrast White theme
|
|
4
|
-
/*
|
|
1
|
+
/* ================================== */
|
|
2
|
+
/* CSS for control sap.ui.mdc/Chart */
|
|
3
|
+
/* Horizon High Contrast White theme */
|
|
4
|
+
/* ================================== */
|
|
5
5
|
|
|
6
|
-
@_sap_ui_mdc_Chart_ToolbarDesign: ~"Solid";
|
|
6
|
+
@_sap_ui_mdc_Chart_ToolbarDesign: ~"Solid";
|
|
@@ -696,7 +696,7 @@ html.sap-desktop .sapUiCalItemOtherMonth:not(.sapUiCalItemSel) :not(.sapUiCalWee
|
|
|
696
696
|
|
|
697
697
|
.sapUiCalMonthSecType {
|
|
698
698
|
.sapUiCalItem {
|
|
699
|
-
border-radius:
|
|
699
|
+
border-radius: var(--sapButton_BorderCornerRadius);
|
|
700
700
|
|
|
701
701
|
.sapUiCalItemSecText {
|
|
702
702
|
width: 60%;
|
|
@@ -60,31 +60,6 @@ html.sap-desktop .sapUiCalendarApp.sapUiCalendarAppSel:focus:not(:active) > .sap
|
|
|
60
60
|
background-color: @sapUiContentSelectedBackground;
|
|
61
61
|
}
|
|
62
62
|
|
|
63
|
-
.sapMListTblRow.sapMLIBFocusable:focus {
|
|
64
|
-
.sapUiCalendarRowAppsInt.sapUiCalendarRowAppsNoWork:before {
|
|
65
|
-
position: absolute;
|
|
66
|
-
top: 0px;
|
|
67
|
-
left: -1px;
|
|
68
|
-
right: 1px;
|
|
69
|
-
bottom: 0px;
|
|
70
|
-
content: "";
|
|
71
|
-
border: 0.195rem solid @sapUiContentFocusColor;
|
|
72
|
-
border-left: none;
|
|
73
|
-
pointer-events: none;
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
.sapUiCalendarRowAppsIntNoHead.sapUiCalendarRowAppsInt.sapUiCalendarRowAppsNoWork:before {
|
|
77
|
-
position: absolute;
|
|
78
|
-
top: 0px;
|
|
79
|
-
left: -1px;
|
|
80
|
-
right: 1px;
|
|
81
|
-
bottom: 1px;
|
|
82
|
-
content: "";
|
|
83
|
-
border: 0.0625rem dotted @sapUiContentFocusColor;
|
|
84
|
-
pointer-events: none;
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
|
|
88
63
|
html[data-sap-ui-browser ^= "ie"], html[data-sap-ui-browser^="ed"] {
|
|
89
64
|
.sapUiCalendarApp:focus > .sapUiCalendarAppCont:after{
|
|
90
65
|
border-style: dashed;
|
|
@@ -60,31 +60,6 @@ html.sap-desktop .sapUiCalendarApp.sapUiCalendarAppSel:focus:not(:active) > .sap
|
|
|
60
60
|
background-color: @sapUiContentSelectedBackground;
|
|
61
61
|
}
|
|
62
62
|
|
|
63
|
-
.sapMListTblRow.sapMLIBFocusable:focus {
|
|
64
|
-
.sapUiCalendarRowAppsInt.sapUiCalendarRowAppsNoWork:before {
|
|
65
|
-
position: absolute;
|
|
66
|
-
top: 0px;
|
|
67
|
-
left: -1px;
|
|
68
|
-
right: 1px;
|
|
69
|
-
bottom: 0px;
|
|
70
|
-
content: "";
|
|
71
|
-
border: 0.195rem solid @sapUiContentFocusColor;
|
|
72
|
-
border-left: none;
|
|
73
|
-
pointer-events: none;
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
.sapUiCalendarRowAppsIntNoHead.sapUiCalendarRowAppsInt.sapUiCalendarRowAppsNoWork:before {
|
|
77
|
-
position: absolute;
|
|
78
|
-
top: 0px;
|
|
79
|
-
left: -1px;
|
|
80
|
-
right: 1px;
|
|
81
|
-
bottom: 1px;
|
|
82
|
-
content: "";
|
|
83
|
-
border: 0.0625rem dotted @sapUiContentFocusColor;
|
|
84
|
-
pointer-events: none;
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
|
|
88
63
|
html[data-sap-ui-browser ^= "ie"], html[data-sap-ui-browser^="ed"] {
|
|
89
64
|
.sapUiCalendarApp:focus > .sapUiCalendarAppCont:after{
|
|
90
65
|
border-style: dashed;
|