@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
|
@@ -1,15 +1,13 @@
|
|
|
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_hcw/base.less *******************/
|
|
3
7
|
|
|
8
|
+
/******************* FILE /Base/baseLib/sap_belize_hcw/base.less (Version 11.1.34) *******************/
|
|
4
9
|
|
|
5
10
|
|
|
6
|
-
// =====================================
|
|
7
|
-
// Theme Specifics/Internals
|
|
8
|
-
// =====================================
|
|
9
|
-
|
|
10
|
-
// [Tags "ThemeSpecific", "Base", "Content", "Color", "Protected"]
|
|
11
|
-
@sapBackgroundColorDefault: @sapHC_StandardBackground;
|
|
12
|
-
|
|
13
11
|
// [Tags "SapInternal", "Base", "Dimension", "Protected"]
|
|
14
12
|
@sapContent_GridSize: 1rem;
|
|
15
13
|
|
|
@@ -18,13 +16,6 @@
|
|
|
18
16
|
// [Tags "ThemeSpecific", "Base", "Shell", "Color", "Protected"]
|
|
19
17
|
@sapShell_BackgroundPatternColor: @sapBackgroundColor;
|
|
20
18
|
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
// =====================================
|
|
25
|
-
// High Contrast
|
|
26
|
-
// =====================================
|
|
27
|
-
|
|
28
19
|
// [Label "High-Contrast Standard Background"]
|
|
29
20
|
// [Description "The high-contrast reference background color for most backgrounds."]
|
|
30
21
|
// [Tags "Base", "Content", "Color", "HighContrast"]
|
|
@@ -95,13 +86,6 @@
|
|
|
95
86
|
// [Tags "Base", "SemanticColor", "Color", "HighContrast"]
|
|
96
87
|
@sapHC_NeutralColor: #000;
|
|
97
88
|
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
// =====================================
|
|
102
|
-
// Quick
|
|
103
|
-
// =====================================
|
|
104
|
-
|
|
105
89
|
// [Tags "!Protected"]
|
|
106
90
|
@sapBrandColor: @sapHC_HighlightBackground;
|
|
107
91
|
|
|
@@ -153,13 +137,6 @@
|
|
|
153
137
|
// [Tags "!Protected"]
|
|
154
138
|
@sapTitleColor: @sapTextColor;
|
|
155
139
|
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
// =====================================
|
|
160
|
-
// Error Semantics
|
|
161
|
-
// =====================================
|
|
162
|
-
|
|
163
140
|
// [Tags "!Protected"]
|
|
164
141
|
@sapNegativeColor: @sapHC_NegativeColor;
|
|
165
142
|
|
|
@@ -247,13 +224,6 @@
|
|
|
247
224
|
// [Tags "!Protected"]
|
|
248
225
|
@sapNeutralBorderColor: @sapNeutralColor;
|
|
249
226
|
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
// =====================================
|
|
254
|
-
// Element Metrics
|
|
255
|
-
// =====================================
|
|
256
|
-
|
|
257
227
|
// [Tags "Protected"]
|
|
258
228
|
@sapElement_LineHeight: 3 * @sapContent_GridSize;
|
|
259
229
|
|
|
@@ -278,13 +248,6 @@
|
|
|
278
248
|
// [Tags "Protected"]
|
|
279
249
|
@sapElement_Condensed_Height: 1.375 * @sapContent_GridSize;
|
|
280
250
|
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
// =====================================
|
|
285
|
-
// Content
|
|
286
|
-
// =====================================
|
|
287
|
-
|
|
288
251
|
// [Tags "!Protected"]
|
|
289
252
|
@sapContent_LineHeight: 1.4;
|
|
290
253
|
|
|
@@ -343,16 +306,16 @@
|
|
|
343
306
|
@sapContent_ContrastShadowColor: @sapContent_ShadowColor;
|
|
344
307
|
|
|
345
308
|
// [Tags "!Protected"]
|
|
346
|
-
@sapContent_Shadow0: 0 0
|
|
309
|
+
@sapContent_Shadow0: 0 0 0 0.0625rem @sapContent_ShadowColor;
|
|
347
310
|
|
|
348
311
|
// [Tags "!Protected"]
|
|
349
|
-
@sapContent_Shadow1: 0 0
|
|
312
|
+
@sapContent_Shadow1: 0 0 1rem 0 fade(@sapContent_ContrastShadowColor, 50), 0 0 0 0.125rem @sapContent_ShadowColor;
|
|
350
313
|
|
|
351
314
|
// [Tags "!Protected"]
|
|
352
|
-
@sapContent_Shadow2: 0 0.25rem 2rem 0 fade(@sapContent_ContrastShadowColor, 60), 0 0 0
|
|
315
|
+
@sapContent_Shadow2: 0 0.25rem 2rem 0 fade(@sapContent_ContrastShadowColor, 60), 0 0 0 0.125rem @sapContent_ShadowColor;
|
|
353
316
|
|
|
354
317
|
// [Tags "!Protected"]
|
|
355
|
-
@sapContent_Shadow3: 0 0.625rem 4rem 0 fade(@sapContent_ContrastShadowColor, 80), 0 0 0
|
|
318
|
+
@sapContent_Shadow3: 0 0.625rem 4rem 0 fade(@sapContent_ContrastShadowColor, 80), 0 0 0 0.125rem @sapContent_ShadowColor;
|
|
356
319
|
|
|
357
320
|
// [Tags "!Protected"]
|
|
358
321
|
@sapContent_TextShadow: -1px 0 @sapHC_StandardBackground, 0 1px @sapHC_StandardBackground, 1px 0 @sapHC_StandardBackground, 0 -1px @sapHC_StandardBackground;
|
|
@@ -363,6 +326,27 @@
|
|
|
363
326
|
// [Tags "!Protected"]
|
|
364
327
|
@sapContent_HeaderShadow: inset 0 -0.125rem @sapObjectHeader_BorderColor;
|
|
365
328
|
|
|
329
|
+
// [Tags "!Protected"]
|
|
330
|
+
@sapContent_Interaction_Shadow: none;
|
|
331
|
+
|
|
332
|
+
// [Tags "!Protected"]
|
|
333
|
+
@sapContent_Selected_Shadow: none;
|
|
334
|
+
|
|
335
|
+
// [Tags "!Protected"]
|
|
336
|
+
@sapContent_Negative_Shadow: none;
|
|
337
|
+
|
|
338
|
+
// [Tags "!Protected"]
|
|
339
|
+
@sapContent_Critical_Shadow: none;
|
|
340
|
+
|
|
341
|
+
// [Tags "!Protected"]
|
|
342
|
+
@sapContent_Positive_Shadow: none;
|
|
343
|
+
|
|
344
|
+
// [Tags "!Protected"]
|
|
345
|
+
@sapContent_Informative_Shadow: none;
|
|
346
|
+
|
|
347
|
+
// [Tags "!Protected"]
|
|
348
|
+
@sapContent_Neutral_Shadow: none;
|
|
349
|
+
|
|
366
350
|
// [Tags "!Protected"]
|
|
367
351
|
@sapContent_SearchHighlightColor: @sapHighlightColor;
|
|
368
352
|
|
|
@@ -385,7 +369,7 @@
|
|
|
385
369
|
@sapContent_DisabledTextColor: @sapHC_ReducedForeground;
|
|
386
370
|
|
|
387
371
|
// [Tags "!Protected"]
|
|
388
|
-
@sapContent_DisabledOpacity: 0.
|
|
372
|
+
@sapContent_DisabledOpacity: 0.4;
|
|
389
373
|
|
|
390
374
|
// [Tags "!Protected"]
|
|
391
375
|
@sapContent_ContrastTextThreshold: 0.65;
|
|
@@ -422,36 +406,26 @@
|
|
|
422
406
|
|
|
423
407
|
// [Tags "!Protected"]
|
|
424
408
|
@sapContent_Selected_ForegroundColor: @sapHC_StandardForeground;
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
// =====================================
|
|
430
|
-
// Content Illustrative Colors
|
|
431
|
-
// =====================================
|
|
432
|
-
|
|
433
409
|
@sapContent_Illustrative_Color1: #212628;
|
|
434
|
-
|
|
435
410
|
@sapContent_Illustrative_Color2: #434e56;
|
|
436
|
-
|
|
437
411
|
@sapContent_Illustrative_Color3: #62737c;
|
|
438
|
-
|
|
439
412
|
@sapContent_Illustrative_Color4: #030303;
|
|
440
|
-
|
|
441
413
|
@sapContent_Illustrative_Color5: #9da4aa;
|
|
442
|
-
|
|
443
414
|
@sapContent_Illustrative_Color6: #c6cace;
|
|
444
|
-
|
|
445
415
|
@sapContent_Illustrative_Color7: #e7e9ea;
|
|
446
|
-
|
|
447
416
|
@sapContent_Illustrative_Color8: #fff;
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
417
|
+
@sapContent_Illustrative_Color9: #64edd2;
|
|
418
|
+
@sapContent_Illustrative_Color10: #ebf8ff;
|
|
419
|
+
@sapContent_Illustrative_Color11: #f31ded;
|
|
420
|
+
@sapContent_Illustrative_Color12: #5dc122;
|
|
421
|
+
@sapContent_Illustrative_Color13: #005dc9;
|
|
422
|
+
@sapContent_Illustrative_Color14: #004da5;
|
|
423
|
+
@sapContent_Illustrative_Color15: #cc7400;
|
|
424
|
+
@sapContent_Illustrative_Color16: #3b0ac6;
|
|
425
|
+
@sapContent_Illustrative_Color17: #00a58a;
|
|
426
|
+
@sapContent_Illustrative_Color18: #d1efff;
|
|
427
|
+
@sapContent_Illustrative_Color19: #b8e6ff;
|
|
428
|
+
@sapContent_Illustrative_Color20: #9eddff;
|
|
455
429
|
|
|
456
430
|
// [Tags "!Protected"]
|
|
457
431
|
@sapFontLightFamily: "72-Light", "72-Lightfull", "72", "72full", Arial, Helvetica, sans-serif;
|
|
@@ -459,6 +433,9 @@
|
|
|
459
433
|
// [Tags "!Protected"]
|
|
460
434
|
@sapFontBoldFamily: "72-Bold", "72-Boldfull", "72", "72full", Arial, Helvetica, sans-serif;
|
|
461
435
|
|
|
436
|
+
// [Tags "!Protected"]
|
|
437
|
+
@sapFontBlackFamily: "72Black", "72", "72full", Arial, Helvetica, sans-serif;
|
|
438
|
+
|
|
462
439
|
// [Tags "!Protected"]
|
|
463
440
|
@sapFontHeaderFamily: @sapFontFamily;
|
|
464
441
|
|
|
@@ -486,13 +463,6 @@
|
|
|
486
463
|
// [Tags "!Protected"]
|
|
487
464
|
@sapFontHeader6Size: 0.875 * @sapContent_GridSize;
|
|
488
465
|
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
// =====================================
|
|
493
|
-
// Link
|
|
494
|
-
// =====================================
|
|
495
|
-
|
|
496
466
|
// [Tags "!Protected"]
|
|
497
467
|
@sapLink_Hover_Color: @sapLinkColor;
|
|
498
468
|
|
|
@@ -508,18 +478,11 @@
|
|
|
508
478
|
// [Tags "!Protected"]
|
|
509
479
|
@sapLink_SubtleColor: @sapLinkColor;
|
|
510
480
|
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
// =====================================
|
|
515
|
-
// Shell
|
|
516
|
-
// =====================================
|
|
517
|
-
|
|
518
481
|
// [Tags "!Protected"]
|
|
519
482
|
@sapShell_Background: @sapBackgroundColor;
|
|
520
483
|
|
|
521
484
|
// [Tags "!Protected"]
|
|
522
|
-
@sapShell_BackgroundImage: @
|
|
485
|
+
@sapShell_BackgroundImage: linear-gradient(to bottom, @sapShell_Background, @sapShell_Background);
|
|
523
486
|
|
|
524
487
|
// [Tags "!Protected"]
|
|
525
488
|
@sapShell_BackgroundImageOpacity: 1.0;
|
|
@@ -533,6 +496,9 @@
|
|
|
533
496
|
// [Tags "!Protected"]
|
|
534
497
|
@sapShell_TextColor: @sapTextColor;
|
|
535
498
|
|
|
499
|
+
// [Tags "!Protected"]
|
|
500
|
+
@sapShell_InteractiveBackground: @sapField_Background;
|
|
501
|
+
|
|
536
502
|
// [Tags "!Protected"]
|
|
537
503
|
@sapShell_InteractiveTextColor: @sapShell_TextColor;
|
|
538
504
|
|
|
@@ -561,7 +527,7 @@
|
|
|
561
527
|
@sapShell_Selected_TextColor: contrast(@sapShell_Selected_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
|
|
562
528
|
|
|
563
529
|
// [Tags "!Protected"]
|
|
564
|
-
@sapShell_Selected_Hover_Background: @
|
|
530
|
+
@sapShell_Selected_Hover_Background: @sapHighlightColor;
|
|
565
531
|
|
|
566
532
|
// [Tags "!Protected"]
|
|
567
533
|
@sapShell_Favicon: none;
|
|
@@ -579,7 +545,7 @@
|
|
|
579
545
|
@sapShell_Navigation_Selected_TextColor: @sapShell_InteractiveTextColor;
|
|
580
546
|
|
|
581
547
|
// [Tags "!Protected"]
|
|
582
|
-
@sapShell_Navigation_TextColor: @
|
|
548
|
+
@sapShell_Navigation_TextColor: contrast(@sapShell_Navigation_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
|
|
583
549
|
|
|
584
550
|
// [Tags "!Protected"]
|
|
585
551
|
@sapShell_Navigation_Active_TextColor: contrast(@sapShell_Navigation_Active_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
|
|
@@ -605,13 +571,6 @@
|
|
|
605
571
|
// [Tags "!Protected"]
|
|
606
572
|
@sapShell_NeutralColor: @sapNeutralColor;
|
|
607
573
|
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
// =====================================
|
|
612
|
-
// Button
|
|
613
|
-
// =====================================
|
|
614
|
-
|
|
615
574
|
// [Tags "!Protected"]
|
|
616
575
|
@sapButton_Background: @sapBackgroundColor;
|
|
617
576
|
|
|
@@ -637,7 +596,7 @@
|
|
|
637
596
|
@sapButton_Hover_TextColor: contrast(@sapButton_Hover_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
|
|
638
597
|
|
|
639
598
|
// [Tags "!Protected"]
|
|
640
|
-
@sapButton_IconColor: @
|
|
599
|
+
@sapButton_IconColor: contrast(@sapButton_Background, @sapContent_IconColor, @sapContent_ContrastIconColor, @sapContent_ContrastTextThreshold);
|
|
641
600
|
|
|
642
601
|
// [Tags "!Protected"]
|
|
643
602
|
@sapButton_Active_Background: @sapActiveColor;
|
|
@@ -661,7 +620,7 @@
|
|
|
661
620
|
@sapButton_Emphasized_Hover_Background: @sapButton_Hover_Background;
|
|
662
621
|
|
|
663
622
|
// [Tags "!Protected"]
|
|
664
|
-
@sapButton_Emphasized_Hover_BorderColor: @
|
|
623
|
+
@sapButton_Emphasized_Hover_BorderColor: @sapButton_Emphasized_BorderColor;
|
|
665
624
|
|
|
666
625
|
// [Tags "!Protected"]
|
|
667
626
|
@sapButton_Emphasized_Hover_TextColor: contrast(@sapButton_Emphasized_Hover_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
|
|
@@ -996,13 +955,6 @@
|
|
|
996
955
|
// [Tags "!Protected"]
|
|
997
956
|
@sapButton_TokenBorderColor: @sapButton_BorderColor;
|
|
998
957
|
|
|
999
|
-
|
|
1000
|
-
|
|
1001
|
-
|
|
1002
|
-
// =====================================
|
|
1003
|
-
// Field
|
|
1004
|
-
// =====================================
|
|
1005
|
-
|
|
1006
958
|
// [Tags "!Protected"]
|
|
1007
959
|
@sapField_Background: @sapBackgroundColor;
|
|
1008
960
|
|
|
@@ -1010,7 +962,7 @@
|
|
|
1010
962
|
@sapField_TextColor: @sapTextColor;
|
|
1011
963
|
|
|
1012
964
|
// [Tags "!Protected"]
|
|
1013
|
-
@sapField_PlaceholderTextColor: @
|
|
965
|
+
@sapField_PlaceholderTextColor: @sapHC_ReducedAltForeground;
|
|
1014
966
|
|
|
1015
967
|
// [Tags "!Protected"]
|
|
1016
968
|
@sapField_BorderColor: @sapHC_StandardForeground;
|
|
@@ -1105,13 +1057,6 @@
|
|
|
1105
1057
|
// [Tags "!Protected"]
|
|
1106
1058
|
@sapField_InformationBorderStyle: dashed;
|
|
1107
1059
|
|
|
1108
|
-
|
|
1109
|
-
|
|
1110
|
-
|
|
1111
|
-
// =====================================
|
|
1112
|
-
// Group
|
|
1113
|
-
// =====================================
|
|
1114
|
-
|
|
1115
1060
|
// [Tags "!Protected"]
|
|
1116
1061
|
@sapGroup_TitleBackground: @sapBackgroundColor;
|
|
1117
1062
|
|
|
@@ -1136,26 +1081,12 @@
|
|
|
1136
1081
|
// [Tags "!Protected"]
|
|
1137
1082
|
@sapGroup_FooterBackground: @sapBackgroundColor;
|
|
1138
1083
|
|
|
1139
|
-
|
|
1140
|
-
|
|
1141
|
-
|
|
1142
|
-
// =====================================
|
|
1143
|
-
// Toolbar
|
|
1144
|
-
// =====================================
|
|
1145
|
-
|
|
1146
1084
|
// [Tags "!Protected"]
|
|
1147
1085
|
@sapToolbar_Background: @sapBackgroundColor;
|
|
1148
1086
|
|
|
1149
1087
|
// [Tags "!Protected"]
|
|
1150
1088
|
@sapToolbar_SeparatorColor: @sapHC_StandardForeground;
|
|
1151
1089
|
|
|
1152
|
-
|
|
1153
|
-
|
|
1154
|
-
|
|
1155
|
-
// =====================================
|
|
1156
|
-
// List
|
|
1157
|
-
// =====================================
|
|
1158
|
-
|
|
1159
1090
|
// [Tags "!Protected"]
|
|
1160
1091
|
@sapList_HeaderBackground: @sapBackgroundColor;
|
|
1161
1092
|
|
|
@@ -1175,16 +1106,16 @@
|
|
|
1175
1106
|
@sapList_TextColor: contrast(@sapList_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
|
|
1176
1107
|
|
|
1177
1108
|
// [Tags "!Protected"]
|
|
1178
|
-
@sapList_Active_TextColor: contrast(@sapList_Active_Background, @
|
|
1109
|
+
@sapList_Active_TextColor: contrast(@sapList_Active_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
|
|
1179
1110
|
|
|
1180
1111
|
// [Tags "!Protected"]
|
|
1181
|
-
@sapList_Active_Background: @
|
|
1112
|
+
@sapList_Active_Background: @sapActiveColor;
|
|
1182
1113
|
|
|
1183
1114
|
// [Tags "!Protected"]
|
|
1184
1115
|
@sapList_SelectionBackgroundColor: @sapSelectedColor;
|
|
1185
1116
|
|
|
1186
1117
|
// [Tags "!Protected"]
|
|
1187
|
-
@sapList_SelectionBorderColor: @
|
|
1118
|
+
@sapList_SelectionBorderColor: @sapHC_StandardForeground;
|
|
1188
1119
|
|
|
1189
1120
|
// [Tags "!Protected"]
|
|
1190
1121
|
@sapList_Hover_SelectionBackground: @sapList_Hover_Background;
|
|
@@ -1199,7 +1130,7 @@
|
|
|
1199
1130
|
@sapList_AlternatingBackground: darken(@sapList_Background, 10);
|
|
1200
1131
|
|
|
1201
1132
|
// [Tags "!Protected"]
|
|
1202
|
-
@sapList_GroupHeaderBackground: @
|
|
1133
|
+
@sapList_GroupHeaderBackground: @sapList_Background;
|
|
1203
1134
|
|
|
1204
1135
|
// [Tags "!Protected"]
|
|
1205
1136
|
@sapList_GroupHeaderBorderColor: @sapHC_StandardForeground;
|
|
@@ -1208,7 +1139,7 @@
|
|
|
1208
1139
|
@sapList_GroupHeaderTextColor: @sapList_TextColor;
|
|
1209
1140
|
|
|
1210
1141
|
// [Tags "!Protected"]
|
|
1211
|
-
@sapList_TableGroupHeaderBackground: @
|
|
1142
|
+
@sapList_TableGroupHeaderBackground: @sapHC_ReducedBackground;
|
|
1212
1143
|
|
|
1213
1144
|
// [Tags "!Protected"]
|
|
1214
1145
|
@sapList_TableGroupHeaderBorderColor: @sapList_GroupHeaderBorderColor;
|
|
@@ -1228,13 +1159,6 @@
|
|
|
1228
1159
|
// [Tags "!Protected"]
|
|
1229
1160
|
@sapList_TableFixedBorderColor: @sapHC_StandardForeground;
|
|
1230
1161
|
|
|
1231
|
-
|
|
1232
|
-
|
|
1233
|
-
|
|
1234
|
-
// =====================================
|
|
1235
|
-
// Scrollbar
|
|
1236
|
-
// =====================================
|
|
1237
|
-
|
|
1238
1162
|
// [Tags "!Protected"]
|
|
1239
1163
|
@sapScrollBar_FaceColor: @sapHC_ReducedAltForeground;
|
|
1240
1164
|
|
|
@@ -1248,18 +1172,11 @@
|
|
|
1248
1172
|
@sapScrollBar_SymbolColor: @sapContent_IconColor;
|
|
1249
1173
|
|
|
1250
1174
|
// [Tags "!Protected"]
|
|
1251
|
-
@sapScrollBar_Dimension: 0.
|
|
1175
|
+
@sapScrollBar_Dimension: 0.75 * @sapContent_GridSize;
|
|
1252
1176
|
|
|
1253
1177
|
// [Tags "!Protected"]
|
|
1254
1178
|
@sapScrollBar_Hover_FaceColor: @sapHC_StandardForeground;
|
|
1255
1179
|
|
|
1256
|
-
|
|
1257
|
-
|
|
1258
|
-
|
|
1259
|
-
// =====================================
|
|
1260
|
-
// Page Header
|
|
1261
|
-
// =====================================
|
|
1262
|
-
|
|
1263
1180
|
// [Tags "!Protected"]
|
|
1264
1181
|
@sapPageHeader_Background: @sapBaseColor;
|
|
1265
1182
|
|
|
@@ -1269,13 +1186,6 @@
|
|
|
1269
1186
|
// [Tags "!Protected"]
|
|
1270
1187
|
@sapPageHeader_TextColor: contrast(@sapPageHeader_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
|
|
1271
1188
|
|
|
1272
|
-
|
|
1273
|
-
|
|
1274
|
-
|
|
1275
|
-
// =====================================
|
|
1276
|
-
// Page Footer
|
|
1277
|
-
// =====================================
|
|
1278
|
-
|
|
1279
1189
|
// [Tags "!Protected"]
|
|
1280
1190
|
@sapPageFooter_Background: @sapBackgroundColor;
|
|
1281
1191
|
|
|
@@ -1285,13 +1195,6 @@
|
|
|
1285
1195
|
// [Tags "!Protected"]
|
|
1286
1196
|
@sapPageFooter_TextColor: contrast(@sapPageFooter_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
|
|
1287
1197
|
|
|
1288
|
-
|
|
1289
|
-
|
|
1290
|
-
|
|
1291
|
-
// =====================================
|
|
1292
|
-
// Infobar
|
|
1293
|
-
// =====================================
|
|
1294
|
-
|
|
1295
1198
|
// [Tags "!Protected"]
|
|
1296
1199
|
@sapInfobar_Background: @sapBackgroundColor;
|
|
1297
1200
|
|
|
@@ -1307,13 +1210,6 @@
|
|
|
1307
1210
|
// [Tags "!Protected"]
|
|
1308
1211
|
@sapInfobar_TextColor: contrast(@sapInfobar_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
|
|
1309
1212
|
|
|
1310
|
-
|
|
1311
|
-
|
|
1312
|
-
|
|
1313
|
-
// =====================================
|
|
1314
|
-
// Object Header
|
|
1315
|
-
// =====================================
|
|
1316
|
-
|
|
1317
1213
|
// [Tags "!Protected"]
|
|
1318
1214
|
@sapObjectHeader_Background: @sapBaseColor;
|
|
1319
1215
|
|
|
@@ -1323,23 +1219,9 @@
|
|
|
1323
1219
|
// [Tags "!Protected"]
|
|
1324
1220
|
@sapObjectHeader_BorderColor: @sapHC_StandardForeground;
|
|
1325
1221
|
|
|
1326
|
-
|
|
1327
|
-
|
|
1328
|
-
|
|
1329
|
-
// =====================================
|
|
1330
|
-
// Block Layer
|
|
1331
|
-
// =====================================
|
|
1332
|
-
|
|
1333
1222
|
// [Tags "!Protected"]
|
|
1334
1223
|
@sapBlockLayer_Background: @sapBackgroundColor;
|
|
1335
1224
|
|
|
1336
|
-
|
|
1337
|
-
|
|
1338
|
-
|
|
1339
|
-
// =====================================
|
|
1340
|
-
// Tile
|
|
1341
|
-
// =====================================
|
|
1342
|
-
|
|
1343
1225
|
// [Tags "!Protected"]
|
|
1344
1226
|
@sapTile_Background: @sapBackgroundColor;
|
|
1345
1227
|
|
|
@@ -1353,10 +1235,10 @@
|
|
|
1353
1235
|
@sapTile_BorderColor: @sapHC_StandardForeground;
|
|
1354
1236
|
|
|
1355
1237
|
// [Tags "!Protected"]
|
|
1356
|
-
@sapTile_TitleTextColor: contrast(@sapTile_Background, @
|
|
1238
|
+
@sapTile_TitleTextColor: contrast(@sapTile_Background, @sapTitleColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
|
|
1357
1239
|
|
|
1358
1240
|
// [Tags "!Protected"]
|
|
1359
|
-
@sapTile_TextColor: contrast(@sapTile_Background, @
|
|
1241
|
+
@sapTile_TextColor: contrast(@sapTile_Background, @sapContent_LabelColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
|
|
1360
1242
|
|
|
1361
1243
|
// [Tags "!Protected"]
|
|
1362
1244
|
@sapTile_IconColor: contrast(@sapTile_Background, @sapContent_IconColor, @sapContent_ContrastIconColor, @sapContent_ContrastTextThreshold);
|
|
@@ -1372,40 +1254,26 @@
|
|
|
1372
1254
|
|
|
1373
1255
|
// [Tags "!Protected"]
|
|
1374
1256
|
@sapTile_OverlayForegroundColor: contrast(@sapTile_OverlayBackground, @sapTitleColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
|
|
1375
|
-
|
|
1376
|
-
|
|
1377
|
-
|
|
1378
|
-
|
|
1379
|
-
// =====================================
|
|
1380
|
-
// Accent Colors
|
|
1381
|
-
// =====================================
|
|
1382
|
-
|
|
1383
1257
|
@sapAccentColor1: #5f5800;
|
|
1384
|
-
|
|
1385
1258
|
@sapAccentColor2: #5e4101;
|
|
1386
|
-
|
|
1387
1259
|
@sapAccentColor3: #973333;
|
|
1388
|
-
|
|
1389
1260
|
@sapAccentColor4: #961d7c;
|
|
1390
|
-
|
|
1391
1261
|
@sapAccentColor5: #365892;
|
|
1392
|
-
|
|
1393
1262
|
@sapAccentColor6: #004ccb;
|
|
1394
|
-
|
|
1395
1263
|
@sapAccentColor7: #105b5b;
|
|
1396
|
-
|
|
1397
1264
|
@sapAccentColor8: #26340b;
|
|
1398
|
-
|
|
1399
1265
|
@sapAccentColor9: #6c32a9;
|
|
1400
|
-
|
|
1401
1266
|
@sapAccentColor10: #4a5964;
|
|
1402
|
-
|
|
1403
|
-
|
|
1404
|
-
|
|
1405
|
-
|
|
1406
|
-
|
|
1407
|
-
|
|
1408
|
-
|
|
1267
|
+
@sapAccentBackgroundColor1: #fff3b8;
|
|
1268
|
+
@sapAccentBackgroundColor2: #ffd0e7;
|
|
1269
|
+
@sapAccentBackgroundColor3: #fff0fa;
|
|
1270
|
+
@sapAccentBackgroundColor4: #ffdcf3;
|
|
1271
|
+
@sapAccentBackgroundColor5: #ded3ff;
|
|
1272
|
+
@sapAccentBackgroundColor6: #d1efff;
|
|
1273
|
+
@sapAccentBackgroundColor7: #c2fcee;
|
|
1274
|
+
@sapAccentBackgroundColor8: #ebf5cb;
|
|
1275
|
+
@sapAccentBackgroundColor9: #dafdf5;
|
|
1276
|
+
@sapAccentBackgroundColor10: #eaecee;
|
|
1409
1277
|
|
|
1410
1278
|
// [Tags "!Protected"]
|
|
1411
1279
|
@sapIndicationColor_1: #780000;
|
|
@@ -1503,13 +1371,6 @@
|
|
|
1503
1371
|
// [Tags "!Protected"]
|
|
1504
1372
|
@sapIndicationColor_8_TextColor: contrast(@sapIndicationColor_8, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
|
|
1505
1373
|
|
|
1506
|
-
|
|
1507
|
-
|
|
1508
|
-
|
|
1509
|
-
// =====================================
|
|
1510
|
-
// Legend Colors
|
|
1511
|
-
// =====================================
|
|
1512
|
-
|
|
1513
1374
|
// [Tags "!Protected"]
|
|
1514
1375
|
@sapLegend_WorkingBackground: darken(@sapList_Background, 15);
|
|
1515
1376
|
|
|
@@ -1544,7 +1405,7 @@
|
|
|
1544
1405
|
@sapLegendColor8: #26340b;
|
|
1545
1406
|
|
|
1546
1407
|
// [Tags "!Protected"]
|
|
1547
|
-
@sapLegendColor9: #
|
|
1408
|
+
@sapLegendColor9: #4a5964;
|
|
1548
1409
|
|
|
1549
1410
|
// [Tags "!Protected"]
|
|
1550
1411
|
@sapLegendColor10: #6c3d62;
|
|
@@ -1639,13 +1500,6 @@
|
|
|
1639
1500
|
// [Tags "!Protected"]
|
|
1640
1501
|
@sapLegendBackgroundColor20: @sapList_Background;
|
|
1641
1502
|
|
|
1642
|
-
|
|
1643
|
-
|
|
1644
|
-
|
|
1645
|
-
// =====================================
|
|
1646
|
-
// Chart Colors
|
|
1647
|
-
// =====================================
|
|
1648
|
-
|
|
1649
1503
|
// [Tags "!Protected"]
|
|
1650
1504
|
@sapChart_OrderedColor_1: #286ac3;
|
|
1651
1505
|
|
|
@@ -1726,20 +1580,50 @@
|
|
|
1726
1580
|
|
|
1727
1581
|
// [Tags "!Protected"]
|
|
1728
1582
|
@sapChart_Sequence_Neutral: @sapChart_Neutral;
|
|
1729
|
-
|
|
1730
|
-
|
|
1731
|
-
|
|
1732
|
-
|
|
1733
|
-
//
|
|
1734
|
-
//
|
|
1735
|
-
//
|
|
1736
|
-
|
|
1737
|
-
//
|
|
1738
|
-
@
|
|
1739
|
-
|
|
1740
|
-
//
|
|
1583
|
+
// @sapFontUrl_SAP-icons_ttf: url(./../baseTheme/fonts/SAP-icons.ttf);
|
|
1584
|
+
// @sapFontUrl_SAP-icons_woff: url(./../baseTheme/fonts/SAP-icons.woff);
|
|
1585
|
+
// @sapFontUrl_SAP-icons_woff2: url(./../baseTheme/fonts/SAP-icons.woff2);
|
|
1586
|
+
// @sapFontUrl_SAP-icons-TNT_ttf: url(./../baseTheme/fonts/SAP-icons-TNT.ttf);
|
|
1587
|
+
// @sapFontUrl_SAP-icons-TNT_woff: url(./../baseTheme/fonts/SAP-icons-TNT.woff);
|
|
1588
|
+
// @sapFontUrl_SAP-icons-TNT_woff2: url(./../baseTheme/fonts/SAP-icons-TNT.woff2);
|
|
1589
|
+
// @sapFontUrl_SAP-icons-Business-Suite_ttf: url(./../baseTheme/fonts/BusinessSuiteInAppSymbols.ttf);
|
|
1590
|
+
// @sapFontUrl_SAP-icons-Business-Suite_woff: url(./../baseTheme/fonts/BusinessSuiteInAppSymbols.woff);
|
|
1591
|
+
// @sapFontUrl_SAP-icons-Business-Suite_woff2: url(./../baseTheme/fonts/BusinessSuiteInAppSymbols.woff2);
|
|
1592
|
+
// @sapFontUrl_72_Regular_woff2: url(./../baseTheme/fonts/72-Regular.woff2);
|
|
1593
|
+
// @sapFontUrl_72_Regular_woff: url(./../baseTheme/fonts/72-Regular.woff);
|
|
1594
|
+
// @sapFontUrl_72_Bold_woff2: url(./../baseTheme/fonts/72-Bold.woff2);
|
|
1595
|
+
// @sapFontUrl_72_Bold_woff: url(./../baseTheme/fonts/72-Bold.woff);
|
|
1596
|
+
// @sapFontUrl_72_Light_woff2: url(./../baseTheme/fonts/72-Light.woff2);
|
|
1597
|
+
// @sapFontUrl_72_Light_woff: url(./../baseTheme/fonts/72-Light.woff);
|
|
1598
|
+
// @sapFontUrl_72_Regular_full_woff2: url(./../baseTheme/fonts/72-Regular-full.woff2);
|
|
1599
|
+
// @sapFontUrl_72_Regular_full_woff: url(./../baseTheme/fonts/72-Regular-full.woff);
|
|
1600
|
+
// @sapFontUrl_72_Bold_full_woff2: url(./../baseTheme/fonts/72-Bold-full.woff2);
|
|
1601
|
+
// @sapFontUrl_72_Bold_full_woff: url(./../baseTheme/fonts/72-Bold-full.woff);
|
|
1602
|
+
// @sapFontUrl_72_Light_full_woff2: url(./../baseTheme/fonts/72-Light-full.woff2);
|
|
1603
|
+
// @sapFontUrl_72_Light_full_woff: url(./../baseTheme/fonts/72-Light-full.woff);
|
|
1604
|
+
// @sapFontUrl_72_Black_woff2: url(./../baseTheme/fonts/72-Black.woff2);
|
|
1605
|
+
// @sapFontUrl_72_Black_woff: url(./../baseTheme/fonts/72-Black.woff);
|
|
1606
|
+
// @sapFontUrl_72_BoldItalic_woff2: url(./../baseTheme/fonts/72-BoldItalic.woff2);
|
|
1607
|
+
// @sapFontUrl_72_BoldItalic_woff: url(./../baseTheme/fonts/72-BoldItalic.woff);
|
|
1608
|
+
// @sapFontUrl_72_Condensed_woff2: url(./../baseTheme/fonts/72-Condensed.woff2);
|
|
1609
|
+
// @sapFontUrl_72_Condensed_woff: url(./../baseTheme/fonts/72-Condensed.woff);
|
|
1610
|
+
// @sapFontUrl_72_CondensedBold_woff2: url(./../baseTheme/fonts/72-CondensedBold.woff2);
|
|
1611
|
+
// @sapFontUrl_72_CondensedBold_woff: url(./../baseTheme/fonts/72-CondensedBold.woff);
|
|
1612
|
+
// @sapFontUrl_72_Italic_woff2: url(./../baseTheme/fonts/72-Italic.woff2);
|
|
1613
|
+
// @sapFontUrl_72_Italic_woff: url(./../baseTheme/fonts/72-Italic.woff);
|
|
1614
|
+
// @sapFontUrl_72Mono_Regular_woff2: url(./../baseTheme/fonts/72Mono-Regular.woff2);
|
|
1615
|
+
// @sapFontUrl_72Mono_Regular_woff: url(./../baseTheme/fonts/72Mono-Regular.woff);
|
|
1616
|
+
// @sapFontUrl_72Mono_Regular_full_woff2: url(./../baseTheme/fonts/72Mono-Regular-full.woff2);
|
|
1617
|
+
// @sapFontUrl_72Mono_Regular_full_woff: url(./../baseTheme/fonts/72Mono-Regular-full.woff);
|
|
1618
|
+
// @sapFontUrl_72Mono_Bold_woff2: url(./../baseTheme/fonts/72Mono-Bold.woff2);
|
|
1619
|
+
// @sapFontUrl_72Mono_Bold_woff: url(./../baseTheme/fonts/72Mono-Bold.woff);
|
|
1620
|
+
// @sapFontUrl_72Mono_Bold_full_woff2: url(./../baseTheme/fonts/72Mono-Bold-full.woff2);
|
|
1621
|
+
// @sapFontUrl_72Mono_Bold_full_woff: url(./../baseTheme/fonts/72Mono-Bold-full.woff);
|
|
1622
|
+
// @sapSvgLib_SAP-icons: none;
|
|
1623
|
+
// @sapSvgLib_SAPGUI-icons: url(./../sap_belize/svg/libs/SAPGUI-icons.svg);
|
|
1624
|
+
// @sapSvgLib_SAPWeb-icons: url(./../sap_belize/svg/libs/SAPWeb-icons.svg);
|
|
1625
|
+
@sapBackgroundColorDefault: @sapBackgroundColor;
|
|
1741
1626
|
@sapList_HighlightColor: @sapHighlightColor;
|
|
1742
|
-
|
|
1627
|
+
@sapGroup_Title_FontSize: @sapFontSize;
|
|
1743
1628
|
@sapContent_ElementHeight: 1.37em;
|
|
1744
|
-
|
|
1745
|
-
@sapContent_ElementHeight_PX: 22px;
|
|
1629
|
+
@sapContent_ElementHeight_PX: 22px;
|