@openui5/themelib_sap_belize 1.91.0 → 1.93.2
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/dep5 +46 -0
- package/THIRDPARTY.txt +59 -1
- package/package.json +18 -18
- package/src/sap/m/themes/sap_belize/Button.less +0 -5
- package/src/sap/m/themes/sap_belize/IconTabBar.less +19 -16
- package/src/sap/m/themes/sap_belize/InputBase.less +25 -0
- package/src/sap/m/themes/sap_belize/ProgressIndicator.less +1 -4
- package/src/sap/m/themes/sap_belize/QuickView.less +7 -6
- package/src/sap/m/themes/sap_belize/SelectList.less +0 -5
- package/src/sap/m/themes/sap_belize_hcb/Avatar.less +19 -11
- package/src/sap/m/themes/sap_belize_hcb/IconTabBar.less +4 -4
- package/src/sap/m/themes/sap_belize_hcb/InputBase.less +25 -0
- package/src/sap/m/themes/sap_belize_hcb/QuickView.less +3 -2
- package/src/sap/m/themes/sap_belize_hcb/SelectList.less +0 -5
- package/src/sap/m/themes/sap_belize_hcb/SinglePlanningCalendarMonthGrid.less +2 -1
- package/src/sap/m/themes/sap_belize_hcw/Avatar.less +19 -11
- package/src/sap/m/themes/sap_belize_hcw/IconTabBar.less +4 -4
- package/src/sap/m/themes/sap_belize_hcw/InputBase.less +25 -0
- package/src/sap/m/themes/sap_belize_hcw/QuickView.less +3 -2
- package/src/sap/m/themes/sap_belize_hcw/SelectList.less +0 -5
- package/src/sap/m/themes/sap_belize_hcw/SinglePlanningCalendarMonthGrid.less +2 -1
- package/src/sap/tnt/themes/sap_belize/ToolHeader.less +33 -1
- package/src/sap/tnt/themes/sap_belize_hcb/ToolHeader.less +4 -0
- package/src/sap/tnt/themes/sap_belize_hcw/ToolHeader.less +5 -1
- package/src/sap/ui/core/themes/sap_belize/.theme +1 -1
- package/src/sap/ui/core/themes/sap_belize/base.less +204 -206
- package/src/sap/ui/core/themes/sap_belize/global.less +34 -0
- package/src/sap/ui/core/themes/sap_belize/shared.less +0 -3
- package/src/sap/ui/core/themes/sap_belize_hcb/.theme +1 -1
- package/src/sap/ui/core/themes/sap_belize_hcb/base.less +120 -236
- package/src/sap/ui/core/themes/sap_belize_hcb/global.less +34 -0
- package/src/sap/ui/core/themes/sap_belize_hcw/.theme +1 -1
- package/src/sap/ui/core/themes/sap_belize_hcw/base.less +120 -236
- package/src/sap/ui/core/themes/sap_belize_hcw/global.less +34 -0
- package/src/sap/ui/core/themes/sap_belize_plus/.theme +1 -1
- package/src/sap/ui/core/themes/sap_belize_plus/base.less +8 -128
- package/src/sap/ui/rta/themes/sap_belize/ContextMenu.less +1 -2
- package/src/sap/ui/unified/themes/sap_belize/Calendar.less +4 -0
|
@@ -122,6 +122,13 @@
|
|
|
122
122
|
@sapUiContentTextShadow: @sapContent_TextShadow;
|
|
123
123
|
@sapUiContentContrastTextShadow: @sapContent_ContrastTextShadow;
|
|
124
124
|
@sapUiContentHeaderShadow: @sapContent_HeaderShadow;
|
|
125
|
+
@sapUiContentInteractionShadow: @sapContent_Interaction_Shadow;
|
|
126
|
+
@sapUiContentSelectedShadow: @sapContent_Selected_Shadow;
|
|
127
|
+
@sapUiContentNegativeShadow: @sapContent_Negative_Shadow;
|
|
128
|
+
@sapUiContentCriticalShadow: @sapContent_Critical_Shadow;
|
|
129
|
+
@sapUiContentPositiveShadow: @sapContent_Positive_Shadow;
|
|
130
|
+
@sapUiContentInformativeShadow: @sapContent_Informative_Shadow;
|
|
131
|
+
@sapUiContentNeutralShadow: @sapContent_Neutral_Shadow;
|
|
125
132
|
@sapUiContentSearchHighlightColor: @sapContent_SearchHighlightColor;
|
|
126
133
|
@sapUiContentHelpColor: @sapContent_HelpColor;
|
|
127
134
|
@sapUiContentLabelColor: @sapContent_LabelColor;
|
|
@@ -151,9 +158,22 @@
|
|
|
151
158
|
@sapUiContentIllustrativeColor6: @sapContent_Illustrative_Color6;
|
|
152
159
|
@sapUiContentIllustrativeColor7: @sapContent_Illustrative_Color7;
|
|
153
160
|
@sapUiContentIllustrativeColor8: @sapContent_Illustrative_Color8;
|
|
161
|
+
@sapUiContentIllustrativeColor9: @sapContent_Illustrative_Color9;
|
|
162
|
+
@sapUiContentIllustrativeColor10: @sapContent_Illustrative_Color10;
|
|
163
|
+
@sapUiContentIllustrativeColor11: @sapContent_Illustrative_Color11;
|
|
164
|
+
@sapUiContentIllustrativeColor12: @sapContent_Illustrative_Color12;
|
|
165
|
+
@sapUiContentIllustrativeColor13: @sapContent_Illustrative_Color13;
|
|
166
|
+
@sapUiContentIllustrativeColor14: @sapContent_Illustrative_Color14;
|
|
167
|
+
@sapUiContentIllustrativeColor15: @sapContent_Illustrative_Color15;
|
|
168
|
+
@sapUiContentIllustrativeColor16: @sapContent_Illustrative_Color16;
|
|
169
|
+
@sapUiContentIllustrativeColor17: @sapContent_Illustrative_Color17;
|
|
170
|
+
@sapUiContentIllustrativeColor18: @sapContent_Illustrative_Color18;
|
|
171
|
+
@sapUiContentIllustrativeColor19: @sapContent_Illustrative_Color19;
|
|
172
|
+
@sapUiContentIllustrativeColor20: @sapContent_Illustrative_Color20;
|
|
154
173
|
|
|
155
174
|
@sapUiFontLightFamily: @sapFontLightFamily;
|
|
156
175
|
@sapUiFontBoldFamily: @sapFontBoldFamily;
|
|
176
|
+
@sapUiFontBlackFamily: @sapFontBlackFamily;
|
|
157
177
|
@sapUiFontHeaderFamily: @sapFontHeaderFamily;
|
|
158
178
|
@sapMFontSmallSize: @sapFontSmallSize;
|
|
159
179
|
@sapMFontLargeSize: @sapFontLargeSize;
|
|
@@ -176,6 +196,7 @@
|
|
|
176
196
|
@sapUiShellBackgroundImageRepeat: @sapShell_BackgroundImageRepeat;
|
|
177
197
|
@sapUiShellBorderColor: @sapShell_BorderColor;
|
|
178
198
|
@sapUiShellTextColor: @sapShell_TextColor;
|
|
199
|
+
@sapUiShellInteractiveBackground: @sapShell_InteractiveBackground;
|
|
179
200
|
@sapUiShellInteractiveTextColor: @sapShell_InteractiveTextColor;
|
|
180
201
|
@sapUiShellInteractiveBorderColor: @sapShell_InteractiveBorderColor;
|
|
181
202
|
@sapUiShellGroupTitleTextColor: @sapShell_GroupTitleTextColor;
|
|
@@ -457,6 +478,17 @@
|
|
|
457
478
|
@sapUiAccent9: @sapAccentColor9;
|
|
458
479
|
@sapUiAccent10: @sapAccentColor10;
|
|
459
480
|
|
|
481
|
+
@sapUiAccentBackgroundColor1: @sapAccentBackgroundColor1;
|
|
482
|
+
@sapUiAccentBackgroundColor2: @sapAccentBackgroundColor2;
|
|
483
|
+
@sapUiAccentBackgroundColor3: @sapAccentBackgroundColor3;
|
|
484
|
+
@sapUiAccentBackgroundColor4: @sapAccentBackgroundColor4;
|
|
485
|
+
@sapUiAccentBackgroundColor5: @sapAccentBackgroundColor5;
|
|
486
|
+
@sapUiAccentBackgroundColor6: @sapAccentBackgroundColor6;
|
|
487
|
+
@sapUiAccentBackgroundColor7: @sapAccentBackgroundColor7;
|
|
488
|
+
@sapUiAccentBackgroundColor8: @sapAccentBackgroundColor8;
|
|
489
|
+
@sapUiAccentBackgroundColor9: @sapAccentBackgroundColor9;
|
|
490
|
+
@sapUiAccentBackgroundColor10: @sapAccentBackgroundColor10;
|
|
491
|
+
|
|
460
492
|
|
|
461
493
|
// =====================================
|
|
462
494
|
// Indication Colors
|
|
@@ -641,6 +673,8 @@
|
|
|
641
673
|
|
|
642
674
|
@sapMPlatformDependent: false;
|
|
643
675
|
|
|
676
|
+
@sapUiColumnHeaderFontSize: @sapMFontMediumSize;
|
|
677
|
+
@sapUiColumnHeaderFontWeight: normal;
|
|
644
678
|
|
|
645
679
|
|
|
646
680
|
// =====================================
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<copyright>OpenUI5
|
|
7
7
|
* (c) Copyright 2009-2021 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.93.2</version>
|
|
10
10
|
|
|
11
11
|
<documentation>SAPUI5 belize plus theme library.</documentation>
|
|
12
12
|
|
|
@@ -1,20 +1,11 @@
|
|
|
1
|
+
// /**
|
|
2
|
+
// * Copyright (c) 2012-2020 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 1.51.0
|
|
4
|
+
// * data:{"sModified":"2021-10-12T13:35:50Z"}
|
|
5
|
+
// */
|
|
1
6
|
|
|
2
|
-
/******************* FILE /Base/baseLib/sap_belize_plus/base.less *******************/
|
|
3
7
|
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
// =====================================
|
|
7
|
-
// Theme Specifics/Internals
|
|
8
|
-
// =====================================
|
|
9
|
-
|
|
10
|
-
@sapBackgroundColorDefault: @sapPrimary1;
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
// =====================================
|
|
16
|
-
// Quick
|
|
17
|
-
// =====================================
|
|
8
|
+
/******************* FILE /Base/baseLib/sap_belize_plus/base.less (Version 11.1.34) *******************/
|
|
18
9
|
|
|
19
10
|
@sapHighlightColor: lighten(saturate(@sapBrandColor, 40), 30);
|
|
20
11
|
@sapBaseColor: @sapPrimary1;
|
|
@@ -22,14 +13,6 @@
|
|
|
22
13
|
@sapTextColor: @sapPrimary5;
|
|
23
14
|
@sapLinkColor: #7ed0ff;
|
|
24
15
|
@sapTitleColor: @sapTextColor;
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
// =====================================
|
|
30
|
-
// Error Semantics
|
|
31
|
-
// =====================================
|
|
32
|
-
|
|
33
16
|
@sapNegativeColor: #ff8888;
|
|
34
17
|
@sapCriticalColor: #fabd64;
|
|
35
18
|
@sapPositiveColor: #abe2ab;
|
|
@@ -44,14 +27,6 @@
|
|
|
44
27
|
@sapSuccessBackground: darken(@sapPositiveColor, 60);
|
|
45
28
|
@sapInformationBackground: darken(@sapInformativeColor, 60);
|
|
46
29
|
@sapNeutralBackground: darken(@sapNeutralColor, 60);
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
// =====================================
|
|
52
|
-
// Content
|
|
53
|
-
// =====================================
|
|
54
|
-
|
|
55
30
|
@sapContent_IconColor: lighten(@sapHighlightColor, 12);
|
|
56
31
|
@sapContent_ContrastIconColor: darken(@sapPrimary1, 8);
|
|
57
32
|
@sapContent_NonInteractiveIconColor: lighten(@sapBaseColor, 35);
|
|
@@ -77,37 +52,13 @@
|
|
|
77
52
|
@sapContent_BadgeBackground: @sapAccentColor3;
|
|
78
53
|
@sapContent_BadgeTextColor: contrast(@sapContent_BadgeBackground, lighten(@sapTextColor, 2), @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
|
|
79
54
|
@sapContent_Selected_Hover_Background: darken(@sapContent_Selected_Background, 3);
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
// =====================================
|
|
85
|
-
// Link
|
|
86
|
-
// =====================================
|
|
87
|
-
|
|
88
55
|
@sapLink_InvertedColor: #0070b1;
|
|
89
56
|
@sapLink_SubtleColor: lighten(@sapLinkColor, 10);
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
// =====================================
|
|
95
|
-
// Shell
|
|
96
|
-
// =====================================
|
|
97
|
-
|
|
98
57
|
@sapShell_Background: lighten(saturate(@sapBaseColor, 4), 20.3);
|
|
99
58
|
@sapShell_BackgroundImage: linear-gradient(to bottom, darken(saturate(@sapShell_Background, 15), 24), lighten(saturate(@sapShell_Background, 24), 22.7));
|
|
100
59
|
@sapShell_TextColor: lighten(@sapTextColor, 2);
|
|
101
60
|
@sapShell_InteractiveTextColor: @sapShell_TextColor;
|
|
102
61
|
@sapShell_Hover_Background: lighten(@sapBrandColor, 10);
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
// =====================================
|
|
108
|
-
// Button
|
|
109
|
-
// =====================================
|
|
110
|
-
|
|
111
62
|
@sapButton_Background: lighten(@sapBaseColor, 2);
|
|
112
63
|
@sapButton_BorderColor: lighten(@sapButton_Background, 36);
|
|
113
64
|
@sapButton_TextColor: lighten(@sapHighlightColor, 12);
|
|
@@ -138,14 +89,6 @@
|
|
|
138
89
|
@sapButton_Track_Background: darken(@sapButton_Background, 2);
|
|
139
90
|
@sapButton_TokenBackground: @sapButton_Background;
|
|
140
91
|
@sapButton_TokenBorderColor: lighten(@sapButton_Background, 15);
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
// =====================================
|
|
146
|
-
// Field
|
|
147
|
-
// =====================================
|
|
148
|
-
|
|
149
92
|
@sapField_Background: lighten(@sapBaseColor, 5);
|
|
150
93
|
@sapField_TextColor: lighten(@sapTextColor, 2);
|
|
151
94
|
@sapField_PlaceholderTextColor: lighten(saturate(@sapBaseColor, 24), 52.5);
|
|
@@ -157,14 +100,6 @@
|
|
|
157
100
|
@sapGroup_ContentBackground: @sapBaseColor;
|
|
158
101
|
@sapGroup_ContentBorderColor: lighten(@sapGroup_ContentBackground, 8);
|
|
159
102
|
@sapToolbar_SeparatorColor: fade(@sapPrimary3, 20);
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
// =====================================
|
|
165
|
-
// List
|
|
166
|
-
// =====================================
|
|
167
|
-
|
|
168
103
|
@sapList_HeaderBackground: darken(@sapBaseColor, 1.5);
|
|
169
104
|
@sapList_BorderColor: lighten(@sapList_Background, 7);
|
|
170
105
|
@sapList_SelectionBackgroundColor: lighten(saturate(@sapList_Background, 10), 10);
|
|
@@ -178,37 +113,13 @@
|
|
|
178
113
|
@sapList_FooterBackground: darken(@sapBaseColor, 8);
|
|
179
114
|
@sapList_TableFooterBorder: lighten(@sapList_BorderColor, 13.1);
|
|
180
115
|
@sapList_TableFixedBorderColor: lighten(@sapList_BorderColor, 30);
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
// =====================================
|
|
186
|
-
// Scrollbar
|
|
187
|
-
// =====================================
|
|
188
|
-
|
|
189
116
|
@sapScrollBar_FaceColor: lighten(@sapAccentColor6, 2);
|
|
190
117
|
@sapScrollBar_TrackColor: @sapBaseColor;
|
|
191
118
|
@sapScrollBar_Hover_FaceColor: lighten(@sapScrollBar_FaceColor, 3);
|
|
192
119
|
@sapPageHeader_BorderColor: lighten(@sapPageHeader_Background, 8);
|
|
193
120
|
@sapPageHeader_TextColor: @sapTextColor;
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
// =====================================
|
|
199
|
-
// Page Footer
|
|
200
|
-
// =====================================
|
|
201
|
-
|
|
202
121
|
@sapPageFooter_Background: darken(@sapBaseColor, 8);
|
|
203
122
|
@sapPageFooter_TextColor: @sapTextColor;
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
// =====================================
|
|
209
|
-
// Tile
|
|
210
|
-
// =====================================
|
|
211
|
-
|
|
212
123
|
@sapTile_Background: @sapBaseColor;
|
|
213
124
|
@sapTile_BorderColor: transparent;
|
|
214
125
|
@sapTile_TitleTextColor: @sapTextColor;
|
|
@@ -216,14 +127,6 @@
|
|
|
216
127
|
@sapTile_IconColor: darken(@sapContent_IconColor, 15);
|
|
217
128
|
@sapTile_SeparatorColor: lighten(@sapTile_Background, 12);
|
|
218
129
|
@sapTile_Interactive_BorderColor: lighten(@sapTile_Background, 30);
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
// =====================================
|
|
224
|
-
// Indication Colors
|
|
225
|
-
// =====================================
|
|
226
|
-
|
|
227
130
|
@sapIndicationColor_1: #ff8888;
|
|
228
131
|
@sapIndicationColor_1_Hover_Background: lighten(@sapIndicationColor_1, 5);
|
|
229
132
|
@sapIndicationColor_1_Active_Background: lighten(@sapIndicationColor_1, 10);
|
|
@@ -256,14 +159,6 @@
|
|
|
256
159
|
@sapIndicationColor_8_Hover_Background: lighten(@sapIndicationColor_8, 5);
|
|
257
160
|
@sapIndicationColor_8_Active_Background: lighten(@sapIndicationColor_8, 10);
|
|
258
161
|
@sapIndicationColor_8_TextColor: contrast(@sapIndicationColor_8, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
// =====================================
|
|
264
|
-
// Legend Colors
|
|
265
|
-
// =====================================
|
|
266
|
-
|
|
267
162
|
@sapLegend_WorkingBackground: lighten(@sapList_Background, 8);
|
|
268
163
|
@sapLegend_NonWorkingBackground: lighten(@sapList_Background, 2);
|
|
269
164
|
@sapLegendColor1: #ffb914;
|
|
@@ -306,24 +201,9 @@
|
|
|
306
201
|
@sapLegendBackgroundColor18: #576432;
|
|
307
202
|
@sapLegendBackgroundColor19: #36677d;
|
|
308
203
|
@sapLegendBackgroundColor20: #003895;
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
// =====================================
|
|
314
|
-
// Chart Colors
|
|
315
|
-
// =====================================
|
|
316
|
-
|
|
317
204
|
@sapChart_Bad: #f55556;
|
|
318
205
|
@sapChart_Critical: #f4ac44;
|
|
319
206
|
@sapChart_Good: #69c683;
|
|
320
207
|
@sapChart_Neutral: #9ea8ad;
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
// =====================================
|
|
326
|
-
// Deprecated
|
|
327
|
-
// =====================================
|
|
328
|
-
|
|
329
|
-
@sapList_HighlightColor: darken(desaturate(@sapHighlightColor, 40), 30);
|
|
208
|
+
@sapBackgroundColorDefault: @sapPrimary1;
|
|
209
|
+
@sapList_HighlightColor: darken(desaturate(@sapHighlightColor, 40), 30);
|
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
*******************************************************************/
|
|
4
4
|
@_sap_ui_rta_ContextMenu_Border_LightColor: @sapUiWhite; //#fff
|
|
5
5
|
@_sap_ui_rta_ContextMenu_Border_DarkColor: darken(@sapPrimary1,8); //#2F3C48
|
|
6
|
-
@_sap_ui_dt_ContextMenu_BoxShadow: 0 10px 20px fade(black, 19), 0 6px 6px fade(black, 23), 0 0 0 1px fade(white, 20), 0 1px 0 0 fade(white, 20);
|
|
7
6
|
|
|
8
7
|
.sapUiRtaMode {
|
|
9
8
|
|
|
@@ -12,7 +11,7 @@
|
|
|
12
11
|
&.sapMPopover, .sapMPopover {
|
|
13
12
|
border: 0.125rem solid @_sap_ui_rta_ContextMenu_Border_LightColor; //2px
|
|
14
13
|
border-image: repeating-linear-gradient( -45deg, @_sap_ui_rta_ContextMenu_Border_DarkColor, @_sap_ui_rta_ContextMenu_Border_DarkColor 4px, @_sap_ui_rta_ContextMenu_Border_LightColor 4px, @_sap_ui_rta_ContextMenu_Border_LightColor 6px) 4;
|
|
15
|
-
box-shadow:
|
|
14
|
+
box-shadow: 0 10px 20px fade(black, 19), 0 6px 6px fade(black, 23), 0 0 0 1px fade(white, 20), 0 1px 0 0 fade(white, 20);
|
|
16
15
|
}
|
|
17
16
|
|
|
18
17
|
&.sapMPopoverArr, .sapMPopoverArr {
|
|
@@ -114,6 +114,10 @@ html.sap-desktop .sapUiCalYearPicker .sapUiCalItem:focus {
|
|
|
114
114
|
outline-offset: -4px;
|
|
115
115
|
}
|
|
116
116
|
|
|
117
|
+
html.sap-desktop .sapUiCalItem.sapUiRelativeCalItem:focus > .sapUiCalItemText {
|
|
118
|
+
outline: none;
|
|
119
|
+
}
|
|
120
|
+
|
|
117
121
|
html.sap-desktop .sapUiCalItemSel:not(.sapUiCalItemNow):not(.sapUiCalItemSelBetween):focus > .sapUiCalItemText,
|
|
118
122
|
html.sap-desktop .sapUiCalMonthPicker .sapUiCalItemSel:focus,
|
|
119
123
|
html.sap-desktop .sapUiCalYearPicker .sapUiCalItemSel:focus {
|