@openui5/themelib_sap_fiori_3 1.147.1 → 1.148.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/THIRDPARTY.txt +1 -1
- package/package.json +18 -18
- package/src/sap/m/themes/sap_fiori_3/Carousel.less +1 -1
- package/src/sap/m/themes/sap_fiori_3_dark/Carousel.less +1 -1
- package/src/sap/m/themes/sap_fiori_3_hcb/Carousel.less +1 -1
- package/src/sap/m/themes/sap_fiori_3_hcw/Carousel.less +1 -1
- package/src/sap/ui/core/themes/sap_fiori_3/.theme +1 -1
- package/src/sap/ui/core/themes/sap_fiori_3/base.less +24 -8
- package/src/sap/ui/core/themes/sap_fiori_3_dark/.theme +1 -1
- package/src/sap/ui/core/themes/sap_fiori_3_dark/base.less +24 -8
- package/src/sap/ui/core/themes/sap_fiori_3_hcb/.theme +1 -1
- package/src/sap/ui/core/themes/sap_fiori_3_hcb/base.less +24 -8
- package/src/sap/ui/core/themes/sap_fiori_3_hcw/.theme +1 -1
- package/src/sap/ui/core/themes/sap_fiori_3_hcw/base.less +24 -8
- package/src/sap/ui/dt/themes/sap_fiori_3_hcb/Overlay.less +2 -1
- package/src/sap/ui/dt/themes/sap_fiori_3_hcw/Overlay.less +3 -1
- package/src/sap/ui/rta/themes/sap_fiori_3_hcb/ContextMenu.less +4 -2
- package/src/sap/ui/rta/themes/sap_fiori_3_hcb/Dialogs.less +13 -2
- package/src/sap/ui/rta/themes/sap_fiori_3_hcw/ContextMenu.less +4 -2
- package/src/sap/ui/rta/themes/sap_fiori_3_hcw/Dialogs.less +12 -1
- package/src/sap/ui/ux3/themes/sap_fiori_3/FeedChunk.less +41 -60
- package/src/sap/ui/ux3/themes/sap_fiori_3_hcb/FeedChunk.less +13 -13
- package/src/sap/ui/ux3/themes/sap_fiori_3_hcw/FeedChunk.less +15 -15
package/THIRDPARTY.txt
CHANGED
|
@@ -454,7 +454,7 @@ License: Apache-2.0
|
|
|
454
454
|
License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
|
|
455
455
|
Contained in: lib/jsdoc/ui5/plugin.js
|
|
456
456
|
|
|
457
|
-
Component: SAP Theming Base Content, version: 11.
|
|
457
|
+
Component: SAP Theming Base Content, version: 11.35.1
|
|
458
458
|
Copyright: SAP SE or an SAP affiliate company and Theming Base Content contributors
|
|
459
459
|
License: Apache-2.0
|
|
460
460
|
License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@openui5/themelib_sap_fiori_3",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.148.0",
|
|
4
4
|
"description": "OpenUI5 Theme Library sap_fiori_3",
|
|
5
5
|
"author": "SAP SE (https://www.sap.com)",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -14,22 +14,22 @@
|
|
|
14
14
|
"url": "https://github.com/UI5/openui5.git"
|
|
15
15
|
},
|
|
16
16
|
"devDependencies": {
|
|
17
|
-
"@openui5/sap.f": "1.
|
|
18
|
-
"@openui5/sap.m": "1.
|
|
19
|
-
"@openui5/sap.tnt": "1.
|
|
20
|
-
"@openui5/sap.ui.codeeditor": "1.
|
|
21
|
-
"@openui5/sap.ui.commons": "1.
|
|
22
|
-
"@openui5/sap.ui.core": "1.
|
|
23
|
-
"@openui5/sap.ui.dt": "1.
|
|
24
|
-
"@openui5/sap.ui.fl": "1.
|
|
25
|
-
"@openui5/sap.ui.mdc": "1.
|
|
26
|
-
"@openui5/sap.ui.integration": "1.
|
|
27
|
-
"@openui5/sap.ui.layout": "1.
|
|
28
|
-
"@openui5/sap.ui.rta": "1.
|
|
29
|
-
"@openui5/sap.ui.suite": "1.
|
|
30
|
-
"@openui5/sap.ui.table": "1.
|
|
31
|
-
"@openui5/sap.ui.unified": "1.
|
|
32
|
-
"@openui5/sap.ui.ux3": "1.
|
|
33
|
-
"@openui5/sap.uxap": "1.
|
|
17
|
+
"@openui5/sap.f": "1.148.0",
|
|
18
|
+
"@openui5/sap.m": "1.148.0",
|
|
19
|
+
"@openui5/sap.tnt": "1.148.0",
|
|
20
|
+
"@openui5/sap.ui.codeeditor": "1.148.0",
|
|
21
|
+
"@openui5/sap.ui.commons": "1.148.0",
|
|
22
|
+
"@openui5/sap.ui.core": "1.148.0",
|
|
23
|
+
"@openui5/sap.ui.dt": "1.148.0",
|
|
24
|
+
"@openui5/sap.ui.fl": "1.148.0",
|
|
25
|
+
"@openui5/sap.ui.mdc": "1.148.0",
|
|
26
|
+
"@openui5/sap.ui.integration": "1.148.0",
|
|
27
|
+
"@openui5/sap.ui.layout": "1.148.0",
|
|
28
|
+
"@openui5/sap.ui.rta": "1.148.0",
|
|
29
|
+
"@openui5/sap.ui.suite": "1.148.0",
|
|
30
|
+
"@openui5/sap.ui.table": "1.148.0",
|
|
31
|
+
"@openui5/sap.ui.unified": "1.148.0",
|
|
32
|
+
"@openui5/sap.ui.ux3": "1.148.0",
|
|
33
|
+
"@openui5/sap.uxap": "1.148.0"
|
|
34
34
|
}
|
|
35
35
|
}
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
|
|
10
10
|
@_sap_m_Carousel_BackgroundColorSolid: var(--sapGroup_ContentBackground);
|
|
11
11
|
@_sap_m_Carousel_BackgroundColorTranslucent: var(--sapBackgroundColor);
|
|
12
|
-
@_sap_m_Carousel_MinWidth:
|
|
12
|
+
@_sap_m_Carousel_MinWidth: 11.25em;
|
|
13
13
|
@_sap_m_Carousel_ControlsNoArrowsHeight: 2.75rem;
|
|
14
14
|
@_sap_m_Carousel_NumericIndicatorTextColor: var(--sapPageFooter_TextColor);
|
|
15
15
|
@_sap_m_Carousel_PrevAndNextSize: 2.125rem;
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
|
|
10
10
|
@_sap_m_Carousel_BackgroundColorSolid: var(--sapGroup_ContentBackground);
|
|
11
11
|
@_sap_m_Carousel_BackgroundColorTranslucent: var(--sapBackgroundColor);
|
|
12
|
-
@_sap_m_Carousel_MinWidth:
|
|
12
|
+
@_sap_m_Carousel_MinWidth: 11.25rem;
|
|
13
13
|
@_sap_m_Carousel_ControlsNoArrowsHeight: 2.75rem;
|
|
14
14
|
@_sap_m_Carousel_NumericIndicatorTextColor: var(--sapPageFooter_TextColor);
|
|
15
15
|
@_sap_m_Carousel_PrevAndNextSize: 2.125rem;
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
/* ========================================================================== */
|
|
9
9
|
|
|
10
10
|
@_sap_m_Carousel_BackgroundColor: var(--sapBackgroundColor);
|
|
11
|
-
@_sap_m_Carousel_MinWidth:
|
|
11
|
+
@_sap_m_Carousel_MinWidth: 11.25rem;
|
|
12
12
|
@_sap_m_Carousel_ControlsNoArrowsHeight: 2.75rem;
|
|
13
13
|
@_sap_m_Carousel_NumericIndicatorTextColor: var(--sapPageFooter_TextColor);
|
|
14
14
|
@_sap_m_Carousel_PrevAndNextSize: 2.125rem;
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
/* ========================================================================== */
|
|
9
9
|
|
|
10
10
|
@_sap_m_Carousel_BackgroundColor: var(--sapBackgroundColor);
|
|
11
|
-
@_sap_m_Carousel_MinWidth:
|
|
11
|
+
@_sap_m_Carousel_MinWidth: 11.25rem;
|
|
12
12
|
@_sap_m_Carousel_ControlsNoArrowsHeight: 2.75rem;
|
|
13
13
|
@_sap_m_Carousel_NumericIndicatorTextColor: var(--sapPageFooter_TextColor);
|
|
14
14
|
@_sap_m_Carousel_PrevAndNextSize: 2.125rem;
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<copyright>OpenUI5
|
|
7
7
|
* (c) Copyright 2026 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.148.0</version>
|
|
10
10
|
|
|
11
11
|
<documentation>SAPUI5 Fiori 3 theme library.</documentation>
|
|
12
12
|
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
// /**
|
|
2
|
-
// * Copyright (c) 2012-2025 SAP SE or an SAP affiliate company
|
|
3
|
-
// * Theming Engine 17.0.
|
|
4
|
-
// * data:{"sModified":"2026-
|
|
2
|
+
// * Copyright (c) 2012-2025 SAP SE or an SAP affiliate company. All rights reserved.
|
|
3
|
+
// * Theming Engine 17.0.10
|
|
4
|
+
// * data:{"sModified":"2026-04-15T12:13:35Z"}
|
|
5
5
|
// */
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
/******************* FILE /Base/baseLib/sap_fiori_3/base.less (Version 11.
|
|
8
|
+
/******************* FILE /Base/baseLib/sap_fiori_3/base.less (Version 11.35.1) *******************/
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
// [Tags "SapInternal", "Base", "Dimension", "Protected"]
|
|
@@ -881,6 +881,18 @@
|
|
|
881
881
|
// [Protected "!true"]
|
|
882
882
|
@sapShell_SubBrand_TextColor: contrast(@sapShellColor, darken(@sapBrandColor, 18), @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
|
|
883
883
|
|
|
884
|
+
// [Tags "!Protected"]
|
|
885
|
+
// [Protected "!true"]
|
|
886
|
+
@sapShell_HeroBanner_Background: #0b75e0;
|
|
887
|
+
|
|
888
|
+
// [Tags "!Protected"]
|
|
889
|
+
// [Protected "!true"]
|
|
890
|
+
@sapShell_HeroBanner_BackgroundImage: linear-gradient(135deg, transparent 45%, fade(#000, 45) 75%);
|
|
891
|
+
|
|
892
|
+
// [Tags "!Protected"]
|
|
893
|
+
// [Protected "!true"]
|
|
894
|
+
@sapShell_HeroBanner_TextColor: contrast(@sapShell_HeroBanner_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
|
|
895
|
+
|
|
884
896
|
// [Tags "!Protected"]
|
|
885
897
|
// [Protected "!true"]
|
|
886
898
|
@sapShell_Category_1_Background: @sapLegendColor6;
|
|
@@ -2191,6 +2203,10 @@
|
|
|
2191
2203
|
// [Protected "!true"]
|
|
2192
2204
|
@sapGroup_ContentBackground: @sapBaseColor;
|
|
2193
2205
|
|
|
2206
|
+
// [Tags "!Protected"]
|
|
2207
|
+
// [Protected "!true"]
|
|
2208
|
+
@sapGroup_ContentAlternatingBackground: @sapGroup_ContentBackground;
|
|
2209
|
+
|
|
2194
2210
|
// [Tags "!Protected"]
|
|
2195
2211
|
// [Protected "!true"]
|
|
2196
2212
|
@sapGroup_ContentBorderColor: darken(@sapGroup_ContentBackground, 15);
|
|
@@ -4081,6 +4097,10 @@
|
|
|
4081
4097
|
@sapChart_Sequence_Neutral_Minus5: darken(@sapChart_Sequence_Neutral, 40);
|
|
4082
4098
|
@sapChart_Sequence_Neutral_Minus5_TextColor: contrast(@sapChart_Sequence_Neutral_Minus5, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5);
|
|
4083
4099
|
@sapChart_Sequence_Neutral_Minus5_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_Neutral_Minus5_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold);
|
|
4100
|
+
@sapBreakpoint_S_Min: 0;
|
|
4101
|
+
@sapBreakpoint_M_Min: 600px;
|
|
4102
|
+
@sapBreakpoint_L_Min: 1024px;
|
|
4103
|
+
@sapBreakpoint_XL_Min: 1440px;
|
|
4084
4104
|
@sapFontUrl_SAP-icons_ttf: url(./../baseTheme/fonts/SAP-icons.ttf);
|
|
4085
4105
|
@sapFontUrl_SAP-icons_woff: url(./../baseTheme/fonts/SAP-icons.woff);
|
|
4086
4106
|
@sapFontUrl_SAP-icons_woff2: url(./../baseTheme/fonts/SAP-icons.woff2);
|
|
@@ -4144,10 +4164,6 @@
|
|
|
4144
4164
|
@sapList_HighlightColor: @sapHighlightColor;
|
|
4145
4165
|
@sapButton_Emphasized_FontWeight: bold;
|
|
4146
4166
|
@sapShell_BackgroundGradient: linear-gradient(to bottom, darken(@sapShell_Background, 5), lighten(@sapShell_Background, 2));
|
|
4147
|
-
@sapBreakpoint_S_Min: 0;
|
|
4148
|
-
@sapBreakpoint_M_Min: 600px;
|
|
4149
|
-
@sapBreakpoint_L_Min: 1024px;
|
|
4150
|
-
@sapBreakpoint_XL_Min: 1440px;
|
|
4151
4167
|
|
|
4152
4168
|
// [Label "Shell Background Pattern Color"]
|
|
4153
4169
|
// [Description "This parameter is deprecated and has no effect. There is no background pattern."]
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<copyright>OpenUI5
|
|
7
7
|
* (c) Copyright 2026 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.148.0</version>
|
|
10
10
|
|
|
11
11
|
<documentation>SAPUI5 quartz dark black theme library.</documentation>
|
|
12
12
|
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
// /**
|
|
2
|
-
// * Copyright (c) 2012-2025 SAP SE or an SAP affiliate company
|
|
3
|
-
// * Theming Engine 17.0.
|
|
4
|
-
// * data:{"sModified":"2026-
|
|
2
|
+
// * Copyright (c) 2012-2025 SAP SE or an SAP affiliate company. All rights reserved.
|
|
3
|
+
// * Theming Engine 17.0.10
|
|
4
|
+
// * data:{"sModified":"2026-04-15T12:13:35Z"}
|
|
5
5
|
// */
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
/******************* FILE /Base/baseLib/sap_fiori_3_dark/base.less (Version 11.
|
|
8
|
+
/******************* FILE /Base/baseLib/sap_fiori_3_dark/base.less (Version 11.35.1) *******************/
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
// [Tags "SapInternal", "Base", "Dimension", "Protected"]
|
|
@@ -881,6 +881,18 @@
|
|
|
881
881
|
// [Protected "!true"]
|
|
882
882
|
@sapShell_SubBrand_TextColor: contrast(@sapShellColor, @sapHighlightColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
|
|
883
883
|
|
|
884
|
+
// [Tags "!Protected"]
|
|
885
|
+
// [Protected "!true"]
|
|
886
|
+
@sapShell_HeroBanner_Background: #4f6f8f;
|
|
887
|
+
|
|
888
|
+
// [Tags "!Protected"]
|
|
889
|
+
// [Protected "!true"]
|
|
890
|
+
@sapShell_HeroBanner_BackgroundImage: linear-gradient(135deg, transparent 45%, fade(#000, 45) 75%);
|
|
891
|
+
|
|
892
|
+
// [Tags "!Protected"]
|
|
893
|
+
// [Protected "!true"]
|
|
894
|
+
@sapShell_HeroBanner_TextColor: contrast(@sapShell_HeroBanner_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
|
|
895
|
+
|
|
884
896
|
// [Tags "!Protected"]
|
|
885
897
|
// [Protected "!true"]
|
|
886
898
|
@sapShell_Category_1_Background: @sapLegendColor6;
|
|
@@ -2191,6 +2203,10 @@
|
|
|
2191
2203
|
// [Protected "!true"]
|
|
2192
2204
|
@sapGroup_ContentBackground: @sapBaseColor;
|
|
2193
2205
|
|
|
2206
|
+
// [Tags "!Protected"]
|
|
2207
|
+
// [Protected "!true"]
|
|
2208
|
+
@sapGroup_ContentAlternatingBackground: @sapGroup_ContentBackground;
|
|
2209
|
+
|
|
2194
2210
|
// [Tags "!Protected"]
|
|
2195
2211
|
// [Protected "!true"]
|
|
2196
2212
|
@sapGroup_ContentBorderColor: lighten(@sapGroup_ContentBackground, 10);
|
|
@@ -4081,6 +4097,10 @@
|
|
|
4081
4097
|
@sapChart_Sequence_Neutral_Minus5: darken(@sapChart_Sequence_Neutral, 40);
|
|
4082
4098
|
@sapChart_Sequence_Neutral_Minus5_TextColor: contrast(@sapChart_Sequence_Neutral_Minus5, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
|
|
4083
4099
|
@sapChart_Sequence_Neutral_Minus5_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_Neutral_Minus5_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold);
|
|
4100
|
+
@sapBreakpoint_S_Min: 0;
|
|
4101
|
+
@sapBreakpoint_M_Min: 600px;
|
|
4102
|
+
@sapBreakpoint_L_Min: 1024px;
|
|
4103
|
+
@sapBreakpoint_XL_Min: 1440px;
|
|
4084
4104
|
@sapFontUrl_SAP-icons_ttf: url(./../baseTheme/fonts/SAP-icons.ttf);
|
|
4085
4105
|
@sapFontUrl_SAP-icons_woff: url(./../baseTheme/fonts/SAP-icons.woff);
|
|
4086
4106
|
@sapFontUrl_SAP-icons_woff2: url(./../baseTheme/fonts/SAP-icons.woff2);
|
|
@@ -4144,10 +4164,6 @@
|
|
|
4144
4164
|
@sapList_HighlightColor: @sapHighlightColor;
|
|
4145
4165
|
@sapButton_Emphasized_FontWeight: bold;
|
|
4146
4166
|
@sapShell_BackgroundGradient: linear-gradient(to bottom, darken(@sapShell_Background, 5), lighten(@sapShell_Background, 2));
|
|
4147
|
-
@sapBreakpoint_S_Min: 0;
|
|
4148
|
-
@sapBreakpoint_M_Min: 600px;
|
|
4149
|
-
@sapBreakpoint_L_Min: 1024px;
|
|
4150
|
-
@sapBreakpoint_XL_Min: 1440px;
|
|
4151
4167
|
|
|
4152
4168
|
// [Label "Shell Background Pattern Color"]
|
|
4153
4169
|
// [Description "This parameter is deprecated and has no effect. There is no background pattern."]
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<copyright>OpenUI5
|
|
7
7
|
* (c) Copyright 2026 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.148.0</version>
|
|
10
10
|
|
|
11
11
|
<documentation>SAPUI5 quartz high contrast black theme library.</documentation>
|
|
12
12
|
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
// /**
|
|
2
|
-
// * Copyright (c) 2012-2025 SAP SE or an SAP affiliate company
|
|
3
|
-
// * Theming Engine 17.0.
|
|
4
|
-
// * data:{"sModified":"2026-
|
|
2
|
+
// * Copyright (c) 2012-2025 SAP SE or an SAP affiliate company. All rights reserved.
|
|
3
|
+
// * Theming Engine 17.0.10
|
|
4
|
+
// * data:{"sModified":"2026-04-15T12:13:35Z"}
|
|
5
5
|
// */
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
/******************* FILE /Base/baseLib/sap_fiori_3_hcb/base.less (Version 11.
|
|
8
|
+
/******************* FILE /Base/baseLib/sap_fiori_3_hcb/base.less (Version 11.35.1) *******************/
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
// [Tags "SapInternal", "Base", "Dimension", "Protected"]
|
|
@@ -936,6 +936,18 @@
|
|
|
936
936
|
// [Tags "!Protected"]
|
|
937
937
|
// [Protected "!true"]
|
|
938
938
|
@sapShell_SubBrand_TextColor: contrast(@sapShellColor, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
|
|
939
|
+
|
|
940
|
+
// [Tags "!Protected"]
|
|
941
|
+
// [Protected "!true"]
|
|
942
|
+
@sapShell_HeroBanner_Background: #223548;
|
|
943
|
+
|
|
944
|
+
// [Tags "!Protected"]
|
|
945
|
+
// [Protected "!true"]
|
|
946
|
+
@sapShell_HeroBanner_BackgroundImage: linear-gradient(135deg, transparent 45%, fade(#000, 45) 75%);
|
|
947
|
+
|
|
948
|
+
// [Tags "!Protected"]
|
|
949
|
+
// [Protected "!true"]
|
|
950
|
+
@sapShell_HeroBanner_TextColor: contrast(@sapShell_HeroBanner_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
|
|
939
951
|
@sapShell_Category_1_Background: @sapHC_StandardBackground;
|
|
940
952
|
|
|
941
953
|
// [Tags "!Protected"]
|
|
@@ -2247,6 +2259,10 @@
|
|
|
2247
2259
|
// [Protected "!true"]
|
|
2248
2260
|
@sapGroup_ContentBackground: @sapBackgroundColor;
|
|
2249
2261
|
|
|
2262
|
+
// [Tags "!Protected"]
|
|
2263
|
+
// [Protected "!true"]
|
|
2264
|
+
@sapGroup_ContentAlternatingBackground: @sapGroup_ContentBackground;
|
|
2265
|
+
|
|
2250
2266
|
// [Tags "!Protected"]
|
|
2251
2267
|
// [Protected "!true"]
|
|
2252
2268
|
@sapGroup_ContentBorderColor: @sapHC_StandardForeground;
|
|
@@ -4134,6 +4150,10 @@
|
|
|
4134
4150
|
@sapChart_Sequence_Neutral_Minus5: darken(@sapChart_Sequence_Neutral, 33);
|
|
4135
4151
|
@sapChart_Sequence_Neutral_Minus5_TextColor: contrast(@sapChart_Sequence_Neutral_Minus5, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .6);
|
|
4136
4152
|
@sapChart_Sequence_Neutral_Minus5_TextShadow: -1px 0 contrast(@sapChart_Sequence_Neutral_Minus5_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold), 0 1px contrast(@sapChart_Sequence_Neutral_Minus5_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold), 1px 0 contrast(@sapChart_Sequence_Neutral_Minus5_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold), 0 -1px contrast(@sapChart_Sequence_Neutral_Minus5_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold);
|
|
4153
|
+
@sapBreakpoint_S_Min: 0;
|
|
4154
|
+
@sapBreakpoint_M_Min: 600px;
|
|
4155
|
+
@sapBreakpoint_L_Min: 1024px;
|
|
4156
|
+
@sapBreakpoint_XL_Min: 1440px;
|
|
4137
4157
|
@sapFontUrl_SAP-icons_ttf: url(./../baseTheme/fonts/SAP-icons.ttf);
|
|
4138
4158
|
@sapFontUrl_SAP-icons_woff: url(./../baseTheme/fonts/SAP-icons.woff);
|
|
4139
4159
|
@sapFontUrl_SAP-icons_woff2: url(./../baseTheme/fonts/SAP-icons.woff2);
|
|
@@ -4196,10 +4216,6 @@
|
|
|
4196
4216
|
@sapBackgroundColorDefault: @sapBackgroundColor;
|
|
4197
4217
|
@sapList_HighlightColor: @sapHighlightColor;
|
|
4198
4218
|
@sapButton_Emphasized_FontWeight: bold;
|
|
4199
|
-
@sapBreakpoint_S_Min: 0;
|
|
4200
|
-
@sapBreakpoint_M_Min: 600px;
|
|
4201
|
-
@sapBreakpoint_L_Min: 1024px;
|
|
4202
|
-
@sapBreakpoint_XL_Min: 1440px;
|
|
4203
4219
|
|
|
4204
4220
|
// [Label "Shell Background Pattern Color"]
|
|
4205
4221
|
// [Description "This parameter is deprecated and has no effect. There is no background pattern."]
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<copyright>OpenUI5
|
|
7
7
|
* (c) Copyright 2026 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.148.0</version>
|
|
10
10
|
|
|
11
11
|
<documentation>SAPUI5 belize high contrast white theme library.</documentation>
|
|
12
12
|
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
// /**
|
|
2
|
-
// * Copyright (c) 2012-2025 SAP SE or an SAP affiliate company
|
|
3
|
-
// * Theming Engine 17.0.
|
|
4
|
-
// * data:{"sModified":"2026-
|
|
2
|
+
// * Copyright (c) 2012-2025 SAP SE or an SAP affiliate company. All rights reserved.
|
|
3
|
+
// * Theming Engine 17.0.10
|
|
4
|
+
// * data:{"sModified":"2026-04-15T12:13:35Z"}
|
|
5
5
|
// */
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
/******************* FILE /Base/baseLib/sap_fiori_3_hcw/base.less (Version 11.
|
|
8
|
+
/******************* FILE /Base/baseLib/sap_fiori_3_hcw/base.less (Version 11.35.1) *******************/
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
// [Tags "SapInternal", "Base", "Dimension", "Protected"]
|
|
@@ -936,6 +936,18 @@
|
|
|
936
936
|
// [Tags "!Protected"]
|
|
937
937
|
// [Protected "!true"]
|
|
938
938
|
@sapShell_SubBrand_TextColor: contrast(@sapShellColor, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
|
|
939
|
+
|
|
940
|
+
// [Tags "!Protected"]
|
|
941
|
+
// [Protected "!true"]
|
|
942
|
+
@sapShell_HeroBanner_Background: #d1efff;
|
|
943
|
+
|
|
944
|
+
// [Tags "!Protected"]
|
|
945
|
+
// [Protected "!true"]
|
|
946
|
+
@sapShell_HeroBanner_BackgroundImage: linear-gradient(135deg, transparent 45%, fade(#000, 45) 75%);
|
|
947
|
+
|
|
948
|
+
// [Tags "!Protected"]
|
|
949
|
+
// [Protected "!true"]
|
|
950
|
+
@sapShell_HeroBanner_TextColor: contrast(@sapShell_HeroBanner_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
|
|
939
951
|
@sapShell_Category_1_Background: @sapHC_StandardBackground;
|
|
940
952
|
|
|
941
953
|
// [Tags "!Protected"]
|
|
@@ -2247,6 +2259,10 @@
|
|
|
2247
2259
|
// [Protected "!true"]
|
|
2248
2260
|
@sapGroup_ContentBackground: @sapBackgroundColor;
|
|
2249
2261
|
|
|
2262
|
+
// [Tags "!Protected"]
|
|
2263
|
+
// [Protected "!true"]
|
|
2264
|
+
@sapGroup_ContentAlternatingBackground: @sapGroup_ContentBackground;
|
|
2265
|
+
|
|
2250
2266
|
// [Tags "!Protected"]
|
|
2251
2267
|
// [Protected "!true"]
|
|
2252
2268
|
@sapGroup_ContentBorderColor: @sapHC_StandardForeground;
|
|
@@ -4131,6 +4147,10 @@
|
|
|
4131
4147
|
@sapChart_Sequence_Neutral_Minus5: darken(@sapChart_Sequence_Neutral, 32);
|
|
4132
4148
|
@sapChart_Sequence_Neutral_Minus5_TextColor: contrast(@sapChart_Sequence_Neutral_Minus5, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5);
|
|
4133
4149
|
@sapChart_Sequence_Neutral_Minus5_TextShadow: -1px 0 contrast(@sapChart_Sequence_Neutral_Minus5_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold), 0 1px contrast(@sapChart_Sequence_Neutral_Minus5_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold), 1px 0 contrast(@sapChart_Sequence_Neutral_Minus5_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold), 0 -1px contrast(@sapChart_Sequence_Neutral_Minus5_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold);
|
|
4150
|
+
@sapBreakpoint_S_Min: 0;
|
|
4151
|
+
@sapBreakpoint_M_Min: 600px;
|
|
4152
|
+
@sapBreakpoint_L_Min: 1024px;
|
|
4153
|
+
@sapBreakpoint_XL_Min: 1440px;
|
|
4134
4154
|
@sapFontUrl_SAP-icons_ttf: url(./../baseTheme/fonts/SAP-icons.ttf);
|
|
4135
4155
|
@sapFontUrl_SAP-icons_woff: url(./../baseTheme/fonts/SAP-icons.woff);
|
|
4136
4156
|
@sapFontUrl_SAP-icons_woff2: url(./../baseTheme/fonts/SAP-icons.woff2);
|
|
@@ -4193,10 +4213,6 @@
|
|
|
4193
4213
|
@sapBackgroundColorDefault: @sapBackgroundColor;
|
|
4194
4214
|
@sapList_HighlightColor: @sapHighlightColor;
|
|
4195
4215
|
@sapButton_Emphasized_FontWeight: bold;
|
|
4196
|
-
@sapBreakpoint_S_Min: 0;
|
|
4197
|
-
@sapBreakpoint_M_Min: 600px;
|
|
4198
|
-
@sapBreakpoint_L_Min: 1024px;
|
|
4199
|
-
@sapBreakpoint_XL_Min: 1440px;
|
|
4200
4216
|
|
|
4201
4217
|
// [Label "Shell Background Pattern Color"]
|
|
4202
4218
|
// [Description "This parameter is deprecated and has no effect. There is no background pattern."]
|
|
@@ -9,12 +9,13 @@
|
|
|
9
9
|
@_sap_ui_dt_Overlay_HoverBackgroundColor: fade(lighten(@sapUiSelected, 10%), 30%); /* rgba(20, 122, 194, 0.3) */
|
|
10
10
|
@_sap_ui_dt_Overlay_DropZoneBackgroundColor: fade(lighten(@sapUiSelected, 10%), 30%); /* rgba(20, 122, 194, 0.3) */
|
|
11
11
|
@_sap_ui_dt_Overlay_SelectionOutlineColor: var(--sapSuccessBorderColor); /* #9c9 */
|
|
12
|
+
@_sap_ui_dt_Overlay_BoxShadowColor: fade(@sapUiContentContrastShadowColor, 60%);
|
|
12
13
|
|
|
13
14
|
.sapUiDtOverlayHover {
|
|
14
15
|
background: transparent;
|
|
15
16
|
|
|
16
17
|
&::after {
|
|
17
|
-
box-shadow:
|
|
18
|
+
box-shadow: 0 0.25rem 2rem 0 @_sap_ui_dt_Overlay_BoxShadowColor, 0 0 0 0.125rem @_sap_ui_dt_Overlay_SelectionOutlineColor;
|
|
18
19
|
outline: 0.125rem dotted @_sap_ui_dt_Overlay_SelectionOutlineColor; /* 2px */
|
|
19
20
|
outline-offset: -0.125rem; /* 2px */
|
|
20
21
|
}
|
|
@@ -6,6 +6,8 @@
|
|
|
6
6
|
@_sap_ui_dt_Overlay_CuttedBackgroundColor: var(--sapField_PlaceholderTextColor); /* #585858 */
|
|
7
7
|
@_sap_ui_dt_Overlay_HighlightOutlineColor: var(--sapWarningBorderColor); /* #5c5c00 */
|
|
8
8
|
@_sap_ui_dt_Overlay_SelectionOutlineColor: darken(@sapUiSelected, 40%); /* #0042c2 */
|
|
9
|
+
@_sap_ui_dt_Overlay_HoverBorder: fade(@sapUiSelected, 15%);
|
|
10
|
+
@_sap_ui_dt_Overlay_BoxShadowColor: fade(@sapUiContentContrastShadowColor, 60%);
|
|
9
11
|
|
|
10
12
|
.sapUiDtOverlayHighlighted:not(.sapUiDtOverlaySelected)::after {
|
|
11
13
|
box-shadow: none;
|
|
@@ -14,7 +16,7 @@
|
|
|
14
16
|
.sapUiDtOverlayHover {
|
|
15
17
|
|
|
16
18
|
&::after {
|
|
17
|
-
box-shadow:
|
|
19
|
+
box-shadow: 0 0 1rem 0 @_sap_ui_dt_Overlay_BoxShadowColor, 0 0 0 0.125rem @_sap_ui_dt_Overlay_HoverBorder;
|
|
18
20
|
outline: 0.125rem dotted @_sap_ui_dt_Overlay_SelectionOutlineColor; /* 2px */
|
|
19
21
|
outline-offset: -0.125rem; /* 2px */
|
|
20
22
|
}
|
|
@@ -4,9 +4,11 @@
|
|
|
4
4
|
/* ======================================= */
|
|
5
5
|
|
|
6
6
|
@_sap_ui_rta_ContextMenu_BorderDarkColor: var(--sapShell_Background); /* #000000 */
|
|
7
|
+
@_sap_ui_rta_ContextMenu_BorderLightColor: var(--sapSuccessBorderColor); /* #9c9 */
|
|
8
|
+
@_sap_ui_rta_ContextMenu_BoxShadowColor: fade(@sapUiContentContrastShadowColor, 50%);
|
|
7
9
|
|
|
8
|
-
.sapUiDtContextMenu.sapMMenu {
|
|
9
|
-
|
|
10
|
+
.sapUiRtaMode .sapUiDtContextMenu.sapMMenu {
|
|
11
|
+
box-shadow: 0 0 1rem 0 @_sap_ui_rta_ContextMenu_BoxShadowColor, 0 0 0 0.125rem @_sap_ui_rta_ContextMenu_BorderLightColor;
|
|
10
12
|
.sapMMenuList {
|
|
11
13
|
|
|
12
14
|
.sapMMenuItem {
|
|
@@ -3,5 +3,16 @@
|
|
|
3
3
|
/* Quartz High Contrast Black theme */
|
|
4
4
|
/* =================================== */
|
|
5
5
|
|
|
6
|
-
@_sap_ui_rta_Dialogs_BorderLightColor: var(--
|
|
7
|
-
@_sap_ui_rta_Dialogs_BorderDarkColor: var(--sapShell_Background); /* #000000 */
|
|
6
|
+
@_sap_ui_rta_Dialogs_BorderLightColor: var(--sapSuccessBorderColor); /* #9c9 */
|
|
7
|
+
@_sap_ui_rta_Dialogs_BorderDarkColor: var(--sapShell_Background); /* #000000 */
|
|
8
|
+
@_sap_ui_rta_Dialogs_BoxShadowColor: fade(@sapUiContentContrastShadowColor, 60%);
|
|
9
|
+
@_sap_ui_rta_Dialogs_BoxShadowDarkColor: fade(@sapUiContentContrastShadowColor, 80%);
|
|
10
|
+
|
|
11
|
+
.sapMDialog.sapUiRTABorder {
|
|
12
|
+
box-shadow: 0 0.625rem 4rem 0 @_sap_ui_rta_Dialogs_BoxShadowDarkColor, 0 0 0 0.125rem @_sap_ui_rta_Dialogs_BorderLightColor;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.sapUiRtaPopover.sapMPopover,
|
|
16
|
+
.sapUiRtaPopover .sapMPopover {
|
|
17
|
+
box-shadow: 0 0.25rem 2rem 0 @_sap_ui_rta_Dialogs_BoxShadowColor, 0 0 0 0.125rem @_sap_ui_rta_Dialogs_BorderLightColor;
|
|
18
|
+
}
|
|
@@ -4,9 +4,11 @@
|
|
|
4
4
|
/* ======================================= */
|
|
5
5
|
|
|
6
6
|
@_sap_ui_rta_ContextMenu_BorderLightColor: var(--sapShell_Background); /* #fff */
|
|
7
|
-
@_sap_ui_rta_ContextMenu_BorderDarkColor:
|
|
7
|
+
@_sap_ui_rta_ContextMenu_BorderDarkColor: darken(@sapUiSelected, 40%); /* #0042c2 */
|
|
8
|
+
@_sap_ui_rta_ContextMenu_BoxShadowColor: fade(@sapUiContentContrastShadowColor, 50%);
|
|
8
9
|
|
|
9
|
-
.sapUiDtContextMenu.sapMMenu {
|
|
10
|
+
.sapUiRtaMode .sapUiDtContextMenu.sapMMenu {
|
|
11
|
+
box-shadow: 0 0 1rem 0 @_sap_ui_rta_ContextMenu_BoxShadowColor, 0 0 0 0.125rem @_sap_ui_rta_ContextMenu_BorderLightColor;
|
|
10
12
|
|
|
11
13
|
.sapMMenuList {
|
|
12
14
|
|
|
@@ -4,4 +4,15 @@
|
|
|
4
4
|
/* =================================== */
|
|
5
5
|
|
|
6
6
|
@_sap_ui_rta_Dialogs_BorderLightColor: var(--sapShell_Background); /* #fff */
|
|
7
|
-
@_sap_ui_rta_Dialogs_BorderDarkColor:
|
|
7
|
+
@_sap_ui_rta_Dialogs_BorderDarkColor: darken(@sapUiSelected, 40%); /* #0042c2 */
|
|
8
|
+
@_sap_ui_rta_Dialogs_BoxShadowColor: fade(@sapUiContentContrastShadowColor, 60%);
|
|
9
|
+
@_sap_ui_rta_Dialogs_BoxShadowDarkColor: fade(@sapUiContentContrastShadowColor, 80%);
|
|
10
|
+
|
|
11
|
+
.sapMDialog.sapUiRTABorder {
|
|
12
|
+
box-shadow: 0 0.625rem 4rem 0 @_sap_ui_rta_Dialogs_BoxShadowDarkColor, 0 0 0 0.125rem @_sap_ui_rta_Dialogs_BorderLightColor;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.sapUiRtaPopover.sapMPopover,
|
|
16
|
+
.sapUiRtaPopover .sapMPopover {
|
|
17
|
+
box-shadow: 0 0.25rem 2rem 0 @_sap_ui_rta_Dialogs_BoxShadowColor, 0 0 0 0.125rem @_sap_ui_rta_Dialogs_BorderLightColor;
|
|
18
|
+
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
/* ===================================== */
|
|
2
2
|
/* CSS for control sap.ui.ux3/FeedChunk */
|
|
3
|
-
/*
|
|
3
|
+
/* Quartz Light theme */
|
|
4
4
|
/* ===================================== */
|
|
5
5
|
|
|
6
6
|
.sapUiFeedChunk{
|
|
7
|
-
font-family:
|
|
7
|
+
font-family: var(--sapFontFamily);
|
|
8
8
|
font-size: @sapUiDesktopFontSize;
|
|
9
|
-
border-color: lighten(@sapUiContentForegroundBorderColor, 15);
|
|
9
|
+
border-color: lighten(@sapUiContentForegroundBorderColor, 15);
|
|
10
10
|
padding: 15px 15px 10px 15px;
|
|
11
11
|
}
|
|
12
12
|
|
|
@@ -30,7 +30,6 @@
|
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
.sapUiFeedChunkComment > img {
|
|
33
|
-
/* margin-bottom: 0px;*/
|
|
34
33
|
width: 32px;
|
|
35
34
|
height: 32px;
|
|
36
35
|
}
|
|
@@ -40,7 +39,7 @@
|
|
|
40
39
|
font-size: 13px;
|
|
41
40
|
line-height: 19px;
|
|
42
41
|
margin-right: 27px;
|
|
43
|
-
margin-left:58px;
|
|
42
|
+
margin-left: 58px;
|
|
44
43
|
margin-top: -2px;
|
|
45
44
|
min-height: 57px;
|
|
46
45
|
height: 57px;
|
|
@@ -57,7 +56,7 @@
|
|
|
57
56
|
padding: 0;
|
|
58
57
|
height: 19px;
|
|
59
58
|
width: 12px;
|
|
60
|
-
background-image: url(img/feed/ico12_click.png);
|
|
59
|
+
background-image: url('img/feed/ico12_click.png');
|
|
61
60
|
margin-right: 2px;
|
|
62
61
|
}
|
|
63
62
|
|
|
@@ -87,21 +86,21 @@
|
|
|
87
86
|
}
|
|
88
87
|
|
|
89
88
|
.sapUiFeedChunkFlagged {
|
|
90
|
-
background-image: url(img/status_ico_flag.png);
|
|
89
|
+
background-image: url('img/status_ico_flag.png');
|
|
91
90
|
}
|
|
92
91
|
|
|
93
92
|
.sapUiFeedChunkFavorite {
|
|
94
|
-
background-image: url(img/status_ico_favorite.png);
|
|
93
|
+
background-image: url('img/status_ico_favorite.png');
|
|
95
94
|
}
|
|
96
95
|
|
|
97
96
|
.sapUiFeedChunkShared {
|
|
98
|
-
background-image: url(img/status_ico_shared.png);
|
|
97
|
+
background-image: url('img/status_ico_shared.png');
|
|
99
98
|
}
|
|
100
99
|
|
|
101
100
|
.sapUiFeedChunkByline {
|
|
102
101
|
font-family: Arial, regular;
|
|
103
102
|
font-size: 11px;
|
|
104
|
-
color:
|
|
103
|
+
color: var(--sapList_FooterTextColor);
|
|
105
104
|
margin-top: 5px;
|
|
106
105
|
margin-left:58px;
|
|
107
106
|
}
|
|
@@ -118,23 +117,19 @@
|
|
|
118
117
|
background-repeat: no-repeat;
|
|
119
118
|
background-color: transparent;
|
|
120
119
|
border: none;
|
|
121
|
-
-moz-user-select: none;
|
|
122
120
|
-webkit-user-select: none;
|
|
121
|
+
user-select: none;
|
|
123
122
|
outline: none;
|
|
124
123
|
padding: 0;
|
|
125
124
|
}
|
|
126
125
|
|
|
127
|
-
html[data-sap-ui-browser^="ie"] .sapUiFeedChunk button {
|
|
128
|
-
filter: none;
|
|
129
|
-
}
|
|
130
|
-
|
|
131
126
|
.sapUiFeedChunk button:focus,
|
|
132
127
|
.sapUiFeedChunk button:hover {
|
|
133
|
-
background-color:
|
|
128
|
+
background-color: var(--sapButton_Hover_Background);
|
|
134
129
|
}
|
|
135
130
|
|
|
136
131
|
.sapUiFeedChunk button:active {
|
|
137
|
-
background-color: darken(@sapUiButtonHoverBackground, 45);
|
|
132
|
+
background-color: darken(@sapUiButtonHoverBackground, 45);
|
|
138
133
|
}
|
|
139
134
|
|
|
140
135
|
.sapUiFeedChunkExpand,
|
|
@@ -142,91 +137,82 @@ html[data-sap-ui-browser^="ie"] .sapUiFeedChunk button {
|
|
|
142
137
|
width: 16px;
|
|
143
138
|
height: 16px;
|
|
144
139
|
margin-left: 15px;
|
|
145
|
-
|
|
146
140
|
}
|
|
147
141
|
|
|
148
142
|
.sapUiFeedChunkExpand {
|
|
149
|
-
background-image: url(img/feed/Expand_button.png);
|
|
143
|
+
background-image: url('img/feed/Expand_button.png');
|
|
150
144
|
}
|
|
151
145
|
|
|
152
146
|
.sapUiFeedChunkExpand:focus,
|
|
153
147
|
.sapUiFeedChunkExpand:hover {
|
|
154
|
-
background-image: url(img/feed/Expand_button_hover.png);
|
|
155
|
-
background-color:
|
|
148
|
+
background-image: url('img/feed/Expand_button_hover.png');
|
|
149
|
+
background-color: var(--sapHighlightColor);
|
|
156
150
|
}
|
|
157
151
|
|
|
158
152
|
.sapUiFeedChunkCollapse {
|
|
159
|
-
background-image: url(img/feed/Collapse_button.png);
|
|
153
|
+
background-image: url('img/feed/Collapse_button.png');
|
|
160
154
|
}
|
|
161
155
|
|
|
162
156
|
.sapUiFeedChunkCollapse:focus,
|
|
163
157
|
.sapUiFeedChunkCollapse:hover {
|
|
164
|
-
background-image: url(img/feed/Collapse_button_hover.png);
|
|
165
|
-
background-color:
|
|
158
|
+
background-image: url('img/feed/Collapse_button_hover.png');
|
|
159
|
+
background-color: var(--sapHighlightColor);
|
|
166
160
|
}
|
|
167
161
|
|
|
168
162
|
.sapUiFeedChunkAct,
|
|
169
163
|
.sapUiFeedChunk > .sapUiMenuButton {
|
|
170
164
|
width: 22px;
|
|
171
165
|
height: 22px;
|
|
172
|
-
/* visibility: hidden;*/ /* only show on hover in Chunk */
|
|
173
|
-
}
|
|
174
|
-
/*
|
|
175
|
-
.sapUiFeedChunk:focus > .sapUiFeedChunkAct,
|
|
176
|
-
.sapUiFeedChunk:hover > .sapUiFeedChunkAct,
|
|
177
|
-
.sapUiFeedChunk:focus > .sapUiMenuButton,
|
|
178
|
-
.sapUiFeedChunk:hover > .sapUiMenuButton{
|
|
179
|
-
visibility: visible;
|
|
180
166
|
}
|
|
181
|
-
|
|
167
|
+
|
|
182
168
|
.sapUiFeedChunkActComment {
|
|
183
|
-
background-image: url(img/feed/Action_Comment_regular.png);
|
|
169
|
+
background-image: url('img/feed/Action_Comment_regular.png');
|
|
184
170
|
}
|
|
185
171
|
|
|
186
172
|
.sapUiFeedChunkActComment:hover,
|
|
187
173
|
.sapUiFeedChunkActComment:focus {
|
|
188
|
-
background-image: url(img/feed/Action_Comment_hover.png);
|
|
189
|
-
background-color:
|
|
174
|
+
background-image: url('img/feed/Action_Comment_hover.png');
|
|
175
|
+
background-color: var(--sapHighlightColor);
|
|
190
176
|
}
|
|
191
177
|
|
|
192
178
|
.sapUiFeedChunkActFlag {
|
|
193
|
-
background-image: url(img/feed/Action_Flag_regular.png);
|
|
179
|
+
background-image: url('img/feed/Action_Flag_regular.png');
|
|
194
180
|
}
|
|
195
181
|
|
|
196
182
|
.sapUiFeedChunkActFlag:hover,
|
|
197
183
|
.sapUiFeedChunkActFlag:focus {
|
|
198
|
-
background-image: url(img/feed/Action_Flag_hover.png);
|
|
199
|
-
background-color:
|
|
184
|
+
background-image: url('img/feed/Action_Flag_hover.png');
|
|
185
|
+
background-color: var(--sapHighlightColor);
|
|
200
186
|
}
|
|
201
187
|
|
|
202
188
|
.sapUiFeedChunkActFavorite {
|
|
203
|
-
background-image: url(img/feed/Action_Favorite_regular.png);
|
|
189
|
+
background-image: url('img/feed/Action_Favorite_regular.png');
|
|
204
190
|
}
|
|
205
191
|
|
|
206
192
|
.sapUiFeedChunkActFavorite:hover,
|
|
207
193
|
.sapUiFeedChunkActFavorite:focus {
|
|
208
|
-
background-image: url(img/feed/Action_Favorite_hover.png);
|
|
209
|
-
background-color:
|
|
194
|
+
background-image: url('img/feed/Action_Favorite_hover.png');
|
|
195
|
+
background-color: var(--sapHighlightColor);
|
|
210
196
|
}
|
|
211
197
|
|
|
212
198
|
.sapUiFeedChunkActInspect {
|
|
213
|
-
background-image: url(img/feed/Action_Inspect_regular.png);
|
|
199
|
+
background-image: url('img/feed/Action_Inspect_regular.png');
|
|
214
200
|
}
|
|
215
201
|
|
|
216
202
|
.sapUiFeedChunkActInspect:hover,
|
|
217
203
|
.sapUiFeedChunkActInspect:focus {
|
|
218
|
-
background-image: url(img/feed/Action_Inspect_hover.png);
|
|
219
|
-
background-color:
|
|
204
|
+
background-image: url('img/feed/Action_Inspect_hover.png');
|
|
205
|
+
background-color: var(--sapHighlightColor);
|
|
220
206
|
}
|
|
221
207
|
|
|
222
208
|
.sapUiFeedChunkActShare {
|
|
223
|
-
background-image: url(img/feed/Share.png);
|
|
209
|
+
background-image: url('img/feed/Share.png');
|
|
224
210
|
}
|
|
225
211
|
|
|
226
212
|
.sapUiFeedChunkActShare:hover,
|
|
227
213
|
.sapUiFeedChunkActShare:focus {
|
|
228
|
-
background-image: url(img/feed/Share_hover.png);
|
|
229
|
-
background-color:
|
|
214
|
+
background-image: url('img/feed/Share_hover.png');
|
|
215
|
+
background-color: var(--sapHighlightColor);
|
|
230
216
|
}
|
|
231
217
|
|
|
232
218
|
.sapUiFeedChunk > .sapUiMenuButton {
|
|
@@ -239,24 +225,24 @@ html[data-sap-ui-browser^="ie"] .sapUiFeedChunk button {
|
|
|
239
225
|
|
|
240
226
|
.sapUiFeedChunkDel {
|
|
241
227
|
border: none;
|
|
242
|
-
background-image: url(img/feed/Delete_button.png);
|
|
228
|
+
background-image: url('img/feed/Delete_button.png');
|
|
243
229
|
width: 16px;
|
|
244
230
|
height: 16px;
|
|
245
231
|
color: transparent;
|
|
246
232
|
font-size: 0;
|
|
247
|
-
-moz-user-select: none;
|
|
248
233
|
-webkit-user-select: none;
|
|
234
|
+
user-select: none;
|
|
249
235
|
outline: none;
|
|
250
236
|
}
|
|
251
237
|
|
|
252
238
|
.sapUiFeedChunkDel:hover,
|
|
253
239
|
.sapUiFeedChunkDel:focus {
|
|
254
|
-
background-image: url(img/feed/Delete_button_hover.png);
|
|
255
|
-
background-color:
|
|
240
|
+
background-image: url('img/feed/Delete_button_hover.png');
|
|
241
|
+
background-color: var(--sapHighlightColor);
|
|
256
242
|
}
|
|
257
243
|
|
|
258
244
|
.sapUiFeedChunkDel:active {
|
|
259
|
-
background-image: url(img/feed/Delete_button_down.png);
|
|
245
|
+
background-image: url('img/feed/Delete_button_down.png');
|
|
260
246
|
}
|
|
261
247
|
|
|
262
248
|
.sapUiFeedChunk > section {
|
|
@@ -264,18 +250,13 @@ html[data-sap-ui-browser^="ie"] .sapUiFeedChunk button {
|
|
|
264
250
|
}
|
|
265
251
|
|
|
266
252
|
.sapUiFeedChunk > section > header {
|
|
267
|
-
/* border-color: @sapUiExtraLightBorder;*/
|
|
268
253
|
border: none;
|
|
269
254
|
height: 8px;
|
|
270
|
-
background-image: url(img/feed/Triangle_Comments.png), url(img/feed/Line_Comments.png), url(img/feed/Line_Comments.png);
|
|
271
|
-
background-image: url(img/feed/Triangle_Comments.png),
|
|
272
|
-
background-image: url(img/feed/Triangle_Comments.png), -webkit-gradient(linear, left top, left bottom, from(lighten(@sapUiContentForegroundBorderColor, 15)), to(lighten(@sapUiContentForegroundBorderColor, 15))), -webkit-gradient(linear, left top, left bottom, from(lighten(@sapUiContentForegroundBorderColor, 15)), to(lighten(@sapUiContentForegroundBorderColor, 15))); // @sapUiExtraLightBorder = #e5e5e5
|
|
255
|
+
background-image: url('img/feed/Triangle_Comments.png'), url('img/feed/Line_Comments.png'), url('img/feed/Line_Comments.png');
|
|
256
|
+
background-image: url('img/feed/Triangle_Comments.png'), linear-gradient(center bottom , lighten(@sapUiContentForegroundBorderColor, 15), lighten(@sapUiContentForegroundBorderColor, 15)), linear-gradient(center bottom , lighten(@sapUiContentForegroundBorderColor, 15), lighten(@sapUiContentForegroundBorderColor, 15));
|
|
273
257
|
background-position: 10px top, left 7px, 15px top;
|
|
274
258
|
background-repeat: no-repeat, no-repeat, no-repeat;
|
|
275
259
|
background-size: auto auto, 10px 1px, 100% 1px;
|
|
276
|
-
-webkit-background-size: auto auto, 10px 1px, 100% 1px;
|
|
277
|
-
background-origin: padding, padding, content;
|
|
278
|
-
-webkit-background-origin: padding, padding, content;
|
|
279
260
|
background-origin: padding-box, padding-box, content-box;
|
|
280
261
|
padding-top: 7px;
|
|
281
262
|
padding-left: 10px;
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
font-size: 13px;
|
|
33
33
|
line-height: 19px;
|
|
34
34
|
margin-right: 27px;
|
|
35
|
-
margin-left:58px;
|
|
35
|
+
margin-left: 58px;
|
|
36
36
|
margin-top: -2px;
|
|
37
37
|
min-height: 57px;
|
|
38
38
|
height: 57px;
|
|
@@ -41,13 +41,13 @@
|
|
|
41
41
|
|
|
42
42
|
.sapUiFeedChunkComment > .sapUiFeedChunkText {
|
|
43
43
|
min-height: 19px;
|
|
44
|
-
margin-left:42px;
|
|
44
|
+
margin-left: 42px;
|
|
45
45
|
height: auto;
|
|
46
46
|
}
|
|
47
47
|
|
|
48
48
|
.sapUiFeedChunkComment > .sapUiFeedChunkText {
|
|
49
49
|
min-height: 19px;
|
|
50
|
-
margin-left:42px;
|
|
50
|
+
margin-left: 42px;
|
|
51
51
|
height: auto;
|
|
52
52
|
}
|
|
53
53
|
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
padding: 0;
|
|
56
56
|
height: 19px;
|
|
57
57
|
width: 12px;
|
|
58
|
-
background-image: url(img/feed/ico12_click.png);
|
|
58
|
+
background-image: url('img/feed/ico12_click.png');
|
|
59
59
|
background-repeat: no-repeat;
|
|
60
60
|
background-position: center center;
|
|
61
61
|
margin-right: 2px;
|
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
}
|
|
78
78
|
|
|
79
79
|
.sapUiFeedChunkStatusIcons > li {
|
|
80
|
-
width:12px;
|
|
80
|
+
width: 12px;
|
|
81
81
|
height: 12px;
|
|
82
82
|
margin-bottom: 2px;
|
|
83
83
|
}
|
|
@@ -95,20 +95,20 @@
|
|
|
95
95
|
}
|
|
96
96
|
|
|
97
97
|
.sapUiFeedChunk button {
|
|
98
|
-
color:
|
|
99
|
-
-moz-user-select: none;
|
|
98
|
+
color: var(--sapTextColor);
|
|
100
99
|
-webkit-user-select: none;
|
|
100
|
+
user-select: none;
|
|
101
101
|
outline: none;
|
|
102
102
|
padding: 0;
|
|
103
|
-
background-color:
|
|
104
|
-
border: 1px solid
|
|
103
|
+
background-color: var(--sapButton_Background);
|
|
104
|
+
border: 1px solid var(--sapButton_BorderColor);
|
|
105
105
|
border-radius: 2px;
|
|
106
106
|
}
|
|
107
107
|
|
|
108
108
|
.sapUiFeedChunk button:focus,
|
|
109
109
|
.sapUiFeedChunk button:hover {
|
|
110
|
-
border-color:
|
|
111
|
-
background-color:
|
|
110
|
+
border-color: var(--sapButton_Hover_BorderColor);
|
|
111
|
+
background-color: var(--sapButton_Hover_Background);
|
|
112
112
|
}
|
|
113
113
|
|
|
114
114
|
.sapUiFeedChunkExpand,
|
|
@@ -128,8 +128,8 @@
|
|
|
128
128
|
.sapUiFeedChunkDel {
|
|
129
129
|
width: 16px;
|
|
130
130
|
height: 16px;
|
|
131
|
-
-moz-user-select: none;
|
|
132
131
|
-webkit-user-select: none;
|
|
132
|
+
user-select: none;
|
|
133
133
|
outline: none;
|
|
134
134
|
}
|
|
135
135
|
|
|
@@ -138,7 +138,7 @@
|
|
|
138
138
|
}
|
|
139
139
|
|
|
140
140
|
.sapUiFeedChunk > section > header {
|
|
141
|
-
border-top: 1px solid
|
|
141
|
+
border-top: 1px solid darken(@sapUiBaseColor, 10);
|
|
142
142
|
margin-top: 7px;
|
|
143
143
|
padding-top: 0;
|
|
144
144
|
height: 8px;
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
font-size: 13px;
|
|
33
33
|
line-height: 19px;
|
|
34
34
|
margin-right: 27px;
|
|
35
|
-
margin-left:58px;
|
|
35
|
+
margin-left: 58px;
|
|
36
36
|
margin-top: -2px;
|
|
37
37
|
min-height: 57px;
|
|
38
38
|
height: 57px;
|
|
@@ -41,13 +41,13 @@
|
|
|
41
41
|
|
|
42
42
|
.sapUiFeedChunkComment > .sapUiFeedChunkText {
|
|
43
43
|
min-height: 19px;
|
|
44
|
-
margin-left:42px;
|
|
44
|
+
margin-left: 42px;
|
|
45
45
|
height: auto;
|
|
46
46
|
}
|
|
47
47
|
|
|
48
48
|
.sapUiFeedChunkComment > .sapUiFeedChunkText {
|
|
49
49
|
min-height: 19px;
|
|
50
|
-
margin-left:42px;
|
|
50
|
+
margin-left: 42px;
|
|
51
51
|
height: auto;
|
|
52
52
|
}
|
|
53
53
|
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
padding: 0;
|
|
56
56
|
height: 19px;
|
|
57
57
|
width: 12px;
|
|
58
|
-
background-image: url(img/feed/ico12_click.png);
|
|
58
|
+
background-image: url('img/feed/ico12_click.png');
|
|
59
59
|
background-repeat: no-repeat;
|
|
60
60
|
background-position: center center;
|
|
61
61
|
margin-right: 2px;
|
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
}
|
|
78
78
|
|
|
79
79
|
.sapUiFeedChunkStatusIcons > li {
|
|
80
|
-
width:12px;
|
|
80
|
+
width: 12px;
|
|
81
81
|
height: 12px;
|
|
82
82
|
margin-bottom: 2px;
|
|
83
83
|
}
|
|
@@ -86,29 +86,29 @@
|
|
|
86
86
|
font-family: Arial, regular;
|
|
87
87
|
font-size: 11px;
|
|
88
88
|
margin-top: 5px;
|
|
89
|
-
margin-left:58px;
|
|
89
|
+
margin-left: 58px;
|
|
90
90
|
}
|
|
91
91
|
|
|
92
92
|
.sapUiFeedChunkComment > .sapUiFeedChunkByline {
|
|
93
|
-
margin-left:42px;
|
|
93
|
+
margin-left: 42px;
|
|
94
94
|
display: block;
|
|
95
95
|
}
|
|
96
96
|
|
|
97
97
|
.sapUiFeedChunk button {
|
|
98
|
-
color:
|
|
99
|
-
-moz-user-select: none;
|
|
98
|
+
color: var(--sapTextColor);
|
|
100
99
|
-webkit-user-select: none;
|
|
100
|
+
user-select: none;
|
|
101
101
|
outline: none;
|
|
102
102
|
padding: 0;
|
|
103
|
-
background-color:
|
|
104
|
-
border: 1px solid
|
|
103
|
+
background-color: var(--sapButton_Background);
|
|
104
|
+
border: 1px solid var(--sapButton_BorderColor);
|
|
105
105
|
border-radius: 2px;
|
|
106
106
|
}
|
|
107
107
|
|
|
108
108
|
.sapUiFeedChunk button:focus,
|
|
109
109
|
.sapUiFeedChunk button:hover {
|
|
110
|
-
border-color:
|
|
111
|
-
background-color:
|
|
110
|
+
border-color: var(--sapButton_Hover_BorderColor);
|
|
111
|
+
background-color: var(--sapButton_Hover_Background);
|
|
112
112
|
}
|
|
113
113
|
|
|
114
114
|
.sapUiFeedChunkExpand,
|
|
@@ -128,8 +128,8 @@
|
|
|
128
128
|
.sapUiFeedChunkDel {
|
|
129
129
|
width: 16px;
|
|
130
130
|
height: 16px;
|
|
131
|
-
-moz-user-select: none;
|
|
132
131
|
-webkit-user-select: none;
|
|
132
|
+
user-select: none;
|
|
133
133
|
outline: none;
|
|
134
134
|
}
|
|
135
135
|
|
|
@@ -138,7 +138,7 @@
|
|
|
138
138
|
}
|
|
139
139
|
|
|
140
140
|
.sapUiFeedChunk > section > header {
|
|
141
|
-
border-top: 1px solid
|
|
141
|
+
border-top: 1px solid lighten(@sapUiBaseColor, 10);
|
|
142
142
|
margin-top: 7px;
|
|
143
143
|
padding-top: 0;
|
|
144
144
|
height: 8px;
|