@openui5/themelib_sap_fiori_3 1.147.0 → 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 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.34.0
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.147.0",
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.147.0",
18
- "@openui5/sap.m": "1.147.0",
19
- "@openui5/sap.tnt": "1.147.0",
20
- "@openui5/sap.ui.codeeditor": "1.147.0",
21
- "@openui5/sap.ui.commons": "1.147.0",
22
- "@openui5/sap.ui.core": "1.147.0",
23
- "@openui5/sap.ui.dt": "1.147.0",
24
- "@openui5/sap.ui.fl": "1.147.0",
25
- "@openui5/sap.ui.mdc": "1.147.0",
26
- "@openui5/sap.ui.integration": "1.147.0",
27
- "@openui5/sap.ui.layout": "1.147.0",
28
- "@openui5/sap.ui.rta": "1.147.0",
29
- "@openui5/sap.ui.suite": "1.147.0",
30
- "@openui5/sap.ui.table": "1.147.0",
31
- "@openui5/sap.ui.unified": "1.147.0",
32
- "@openui5/sap.ui.ux3": "1.147.0",
33
- "@openui5/sap.uxap": "1.147.0"
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: 15.5rem;
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: 15.5rem;
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: 15.5rem;
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: 15.5rem;
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.147.0</version>
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 and Theming Base Content contributors. Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
3
- // * Theming Engine 17.0.0
4
- // * data:{"sModified":"2026-02-10T08:50:44Z"}
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.34.0) *******************/
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.147.0</version>
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 and Theming Base Content contributors. Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
3
- // * Theming Engine 17.0.0
4
- // * data:{"sModified":"2026-02-10T08:50:44Z"}
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.34.0) *******************/
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.147.0</version>
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 and Theming Base Content contributors. Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
3
- // * Theming Engine 17.0.0
4
- // * data:{"sModified":"2026-02-10T08:50:44Z"}
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.34.0) *******************/
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.147.0</version>
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 and Theming Base Content contributors. Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
3
- // * Theming Engine 17.0.0
4
- // * data:{"sModified":"2026-02-10T08:50:44Z"}
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.34.0) *******************/
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: none;
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: none;
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(--sapShell_BorderColor); /* #fff */
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: var(--sapContent_ShadowColor); /* #000 */
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: var(--sapShell_BorderColor); /* #000000 */
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
- /* Fiori 3 theme */
3
+ /* Quartz Light theme */
4
4
  /* ===================================== */
5
5
 
6
6
  .sapUiFeedChunk{
7
- font-family: @sapUiDesktopFontFamily;
7
+ font-family: var(--sapFontFamily);
8
8
  font-size: @sapUiDesktopFontSize;
9
- border-color: lighten(@sapUiContentForegroundBorderColor, 15); // @sapUiExtraLightBorder = #e5e5e5
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: @sapUiListFooterTextColor; // @sapUiLightText = #666666
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: @sapUiButtonHoverBackground;
128
+ background-color: var(--sapButton_Hover_Background);
134
129
  }
135
130
 
136
131
  .sapUiFeedChunk button:active {
137
- background-color: darken(@sapUiButtonHoverBackground, 45); // @sapUiDarkBG = #777777
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: @sapUiHighlight;
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: @sapUiHighlight;
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: @sapUiHighlight;
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: @sapUiHighlight;
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: @sapUiHighlight;
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: @sapUiHighlight;
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: @sapUiHighlight;
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: @sapUiHighlight;
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), -moz-linear-gradient(center bottom , lighten(@sapUiContentForegroundBorderColor, 15), lighten(@sapUiContentForegroundBorderColor, 15)), -moz-linear-gradient(center bottom , lighten(@sapUiContentForegroundBorderColor, 15), lighten(@sapUiContentForegroundBorderColor, 15)); // @sapUiExtraLightBorder = #e5e5e5
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: @sapUiBaseText;
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: @sapUiButtonBackground;
104
- border: 1px solid @sapUiButtonBorderColor;
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: @sapUiButtonHoverBorderColor;
111
- background-color: @sapUiButtonHoverBackground;
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 darken(@sapUiBaseColor, 10);
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: @sapUiBaseText;
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: @sapUiButtonBackground;
104
- border: 1px solid @sapUiButtonBorderColor;
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: @sapUiButtonHoverBorderColor;
111
- background-color: @sapUiButtonHoverBackground;
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 lighten(@sapUiBaseColor, 10);
141
+ border-top: 1px solid lighten(@sapUiBaseColor, 10);
142
142
  margin-top: 7px;
143
143
  padding-top: 0;
144
144
  height: 8px;