@openui5/themelib_sap_horizon 1.96.12 → 1.96.14

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.
@@ -1,11 +1,11 @@
1
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:51Z"}
2
+ // * Copyright (c) 2012-2022 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.70.1
4
+ // * data:{"sModified":"2022-09-12T09:20:55Z"}
5
5
  // */
6
6
 
7
7
 
8
- /******************* FILE /Base/baseLib/sap_horizon/base.less (Version 11.1.34) *******************/
8
+ /******************* FILE /Base/baseLib/sap_horizon/base.less (Version 11.1.42) *******************/
9
9
 
10
10
 
11
11
  // [Tags "SapInternal", "Base", "Dimension", "Protected"]
@@ -24,10 +24,10 @@
24
24
  @sapPrimary4: #f5f6f7;
25
25
 
26
26
  // [Tags "SapInternal", "Base", "Palette", "Color", "Protected"]
27
- @sapPrimary5: #788fa6;
27
+ @sapPrimary5: #758ca4;
28
28
 
29
29
  // [Tags "SapInternal", "Base", "Palette", "Color", "Protected"]
30
- @sapPrimary6: #223548;
30
+ @sapPrimary6: #1d2d3e;
31
31
 
32
32
  // [Tags "SapInternal", "Base", "Palette", "Color", "Protected"]
33
33
  @sapPrimary7: #556b82;
@@ -62,7 +62,7 @@
62
62
  @sapTextColor: @sapPrimary6;
63
63
 
64
64
  // [Tags "!Protected"]
65
- @sapLinkColor: darken(@sapPrimary2, 5);
65
+ @sapLinkColor: @sapPrimary2;
66
66
 
67
67
  // [Tags "!Protected"]
68
68
  @sapCompanyLogo: none;
@@ -101,7 +101,7 @@
101
101
  @sapInformativeColor: #0070f2;
102
102
 
103
103
  // [Tags "!Protected"]
104
- @sapNeutralColor: #5b738b;
104
+ @sapNeutralColor: #788fa6;
105
105
 
106
106
  // [Tags "!Protected"]
107
107
  @sapNegativeElementColor: lighten(@sapNegativeColor, 23);
@@ -116,7 +116,7 @@
116
116
  @sapInformativeElementColor: @sapInformativeColor;
117
117
 
118
118
  // [Tags "!Protected"]
119
- @sapNeutralElementColor: lighten(@sapNeutralColor, 8);
119
+ @sapNeutralElementColor: @sapNeutralColor;
120
120
 
121
121
  // [Tags "!Protected"]
122
122
  @sapNegativeTextColor: @sapNegativeColor;
@@ -131,7 +131,7 @@
131
131
  @sapInformativeTextColor: @sapInformativeColor;
132
132
 
133
133
  // [Tags "!Protected"]
134
- @sapNeutralTextColor: @sapNeutralColor;
134
+ @sapNeutralTextColor: @sapTextColor;
135
135
 
136
136
  // [Tags "!Protected"]
137
137
  @sapErrorColor: @sapNegativeColor;
@@ -158,7 +158,7 @@
158
158
  @sapInformationBackground: #e1f4ff;
159
159
 
160
160
  // [Tags "!Protected"]
161
- @sapNeutralBackground: #f5f6f7;
161
+ @sapNeutralBackground: #eff1f2;
162
162
 
163
163
  // [Tags "!Protected"]
164
164
  @sapErrorBorderColor: lighten(@sapErrorColor, 23);
@@ -173,7 +173,7 @@
173
173
  @sapInformationBorderColor: @sapInformationColor;
174
174
 
175
175
  // [Tags "!Protected"]
176
- @sapNeutralBorderColor: lighten(@sapNeutralColor, 8);
176
+ @sapNeutralBorderColor: @sapNeutralColor;
177
177
 
178
178
  // [Tags "Protected"]
179
179
  @sapElement_LineHeight: 2.75 * @sapContent_GridSize;
@@ -212,7 +212,7 @@
212
212
  @sapContent_ContrastIconColor: @sapContent_ContrastTextColor;
213
213
 
214
214
  // [Tags "!Protected"]
215
- @sapContent_NonInteractiveIconColor: @sapPrimary6;
215
+ @sapContent_NonInteractiveIconColor: @sapPrimary5;
216
216
 
217
217
  // [Tags "!Protected"]
218
218
  @sapContent_MarkerIconColor: @sapAccentColor5;
@@ -220,6 +220,12 @@
220
220
  // [Tags "!Protected"]
221
221
  @sapContent_MarkerTextColor: @sapAccentColor7;
222
222
 
223
+ // [Tags "!Protected"]
224
+ @sapContent_MeasureIndicatorColor: @sapField_BorderColor;
225
+
226
+ // [Tags "!Protected"]
227
+ @sapContent_Selected_MeasureIndicatorColor: @sapHighlightColor;
228
+
223
229
  // [Tags "!Protected"]
224
230
  @sapContent_Placeholderloading_Background: darken(@sapBaseColor, 20);
225
231
 
@@ -233,11 +239,14 @@
233
239
  @sapContent_ImagePlaceholderForegroundColor: @sapAccentColor10;
234
240
 
235
241
  // [Tags "!Protected"]
236
- @sapContent_RatedColor: @sapAccentColor5;
242
+ @sapContent_RatedColor: @sapAccentColor1;
237
243
 
238
244
  // [Tags "!Protected"]
239
245
  @sapContent_UnratedColor: @sapPrimary5;
240
246
 
247
+ // [Tags "!Protected"]
248
+ @sapContent_BusyColor: @sapHighlightColor;
249
+
241
250
  // [Tags "!Protected"]
242
251
  @sapContent_FocusColor: @sapPrimary2;
243
252
 
@@ -260,13 +269,13 @@
260
269
  @sapContent_Shadow0: 0 0 0.125rem 0 fade(@sapContent_ShadowColor, 16), 0 0.125rem 0.25rem 0 fade(@sapContent_ShadowColor, 16);
261
270
 
262
271
  // [Tags "!Protected"]
263
- @sapContent_Shadow1: 0 0 0 0.0625rem fade(@sapContent_ShadowColor, 42), 0 0.125rem 0.5rem 0 fade(@sapContent_ShadowColor, 30);
272
+ @sapContent_Shadow1: 0 0 0 0.0625rem fade(@sapContent_ShadowColor, 72), 0 0.125rem 0.5rem 0 fade(@sapContent_ShadowColor, 30);
264
273
 
265
274
  // [Tags "!Protected"]
266
- @sapContent_Shadow2: 0 0 0 0.0625rem fade(@sapContent_ShadowColor, 42), 0 0.625rem 1.875rem 0 fade(@sapContent_ShadowColor, 30);
275
+ @sapContent_Shadow2: 0 0 0 0.0625rem fade(@sapContent_ShadowColor, 72), 0 0.625rem 1.875rem 0 fade(@sapContent_ShadowColor, 30);
267
276
 
268
277
  // [Tags "!Protected"]
269
- @sapContent_Shadow3: 0 0 0 0.0625rem fade(@sapContent_ShadowColor, 42), 0 1.25rem 5rem 0 fade(@sapContent_ShadowColor, 30);
278
+ @sapContent_Shadow3: 0 0 0 0.0625rem fade(@sapContent_ShadowColor, 72), 0 1.25rem 5rem 0 fade(@sapContent_ShadowColor, 30);
270
279
 
271
280
  // [Tags "!Protected"]
272
281
  @sapContent_TextShadow: 0 0 0.125rem @sapContent_ContrastShadowColor;
@@ -275,7 +284,7 @@
275
284
  @sapContent_ContrastTextShadow: 0 0 0.0625rem fade(darken(@sapContent_ShadowColor, 100), 70);
276
285
 
277
286
  // [Tags "!Protected"]
278
- @sapContent_HeaderShadow: 0 0 0.25rem 0 fade(@sapContent_ShadowColor, 16), inset 0 -0.0625rem 0 0 @sapObjectHeader_BorderColor;
287
+ @sapContent_HeaderShadow: 0 0.125rem 0.125rem 0 fade(@sapContent_ShadowColor, 5), inset 0 -0.0625rem 0 0 @sapObjectHeader_BorderColor;
279
288
 
280
289
  // [Tags "!Protected"]
281
290
  @sapContent_Interaction_Shadow: 0 0 0.125rem 0 fade(@sapContent_ShadowColor, 72);
@@ -357,25 +366,68 @@
357
366
 
358
367
  // [Tags "!Protected"]
359
368
  @sapContent_Selected_ForegroundColor: @sapSelectedColor;
369
+
370
+ // [Tags "!Protected"]
371
+ @sapContent_ForcedColorAdjust: none;
372
+
373
+ // [Tags "!Protected"]
360
374
  @sapContent_Illustrative_Color1: #5d36ff;
375
+
376
+ // [Tags "!Protected"]
361
377
  @sapContent_Illustrative_Color2: #0070f2;
378
+
379
+ // [Tags "!Protected"]
362
380
  @sapContent_Illustrative_Color3: #f58b00;
381
+
382
+ // [Tags "!Protected"]
363
383
  @sapContent_Illustrative_Color4: #00144a;
384
+
385
+ // [Tags "!Protected"]
364
386
  @sapContent_Illustrative_Color5: #a9b4be;
387
+
388
+ // [Tags "!Protected"]
365
389
  @sapContent_Illustrative_Color6: #d5dadd;
390
+
391
+ // [Tags "!Protected"]
366
392
  @sapContent_Illustrative_Color7: #ebf8ff;
393
+
394
+ // [Tags "!Protected"]
367
395
  @sapContent_Illustrative_Color8: #fff;
396
+
397
+ // [Tags "!Protected"]
368
398
  @sapContent_Illustrative_Color9: #64edd2;
399
+
400
+ // [Tags "!Protected"]
369
401
  @sapContent_Illustrative_Color10: #ebf8ff;
402
+
403
+ // [Tags "!Protected"]
370
404
  @sapContent_Illustrative_Color11: #f31ded;
371
- @sapContent_Illustrative_Color12: #5dc122;
405
+
406
+ // [Tags "!Protected"]
407
+ @sapContent_Illustrative_Color12: #00a800;
408
+
409
+ // [Tags "!Protected"]
372
410
  @sapContent_Illustrative_Color13: #005dc9;
411
+
412
+ // [Tags "!Protected"]
373
413
  @sapContent_Illustrative_Color14: #004da5;
414
+
415
+ // [Tags "!Protected"]
374
416
  @sapContent_Illustrative_Color15: #cc7400;
417
+
418
+ // [Tags "!Protected"]
375
419
  @sapContent_Illustrative_Color16: #3b0ac6;
420
+
421
+ // [Tags "!Protected"]
376
422
  @sapContent_Illustrative_Color17: #00a58a;
423
+
424
+ // [Tags "!Protected"]
377
425
  @sapContent_Illustrative_Color18: #d1efff;
426
+
427
+ // [Tags "!Protected"]
378
428
  @sapContent_Illustrative_Color19: #b8e6ff;
429
+
430
+ // [Tags "!Protected"]
379
431
  @sapContent_Illustrative_Color20: #9eddff;
380
432
 
381
433
  // [Tags "!Protected"]
@@ -384,6 +436,12 @@
384
436
  // [Tags "!Protected"]
385
437
  @sapFontBoldFamily: "72-Bold", "72-Boldfull", "72", "72full", Arial, Helvetica, sans-serif;
386
438
 
439
+ // [Tags "!Protected"]
440
+ @sapFontSemiboldFamily: "72-Semibold", "72-Semiboldfull", "72", "72full", Arial, Helvetica, sans-serif;
441
+
442
+ // [Tags "!Protected"]
443
+ @sapFontSemiboldDuplexFamily: "72-SemiboldDuplex", "72-SemiboldDuplexfull", "72", "72full", Arial, Helvetica, sans-serif;
444
+
387
445
  // [Tags "!Protected"]
388
446
  @sapFontBlackFamily: "72Black", "72", "72full", Arial, Helvetica, sans-serif;
389
447
 
@@ -415,19 +473,19 @@
415
473
  @sapFontHeader6Size: 0.875 * @sapContent_GridSize;
416
474
 
417
475
  // [Tags "!Protected"]
418
- @sapLink_Hover_Color: darken(@sapPrimary2, 7);
476
+ @sapLink_Hover_Color: darken(@sapPrimary2, 5);
419
477
 
420
478
  // [Tags "!Protected"]
421
- @sapLink_Active_Color: @sapLinkColor;
479
+ @sapLink_Active_Color: darken(@sapPrimary2, 5);
422
480
 
423
481
  // [Tags "!Protected"]
424
- @sapLink_Visited_Color: @sapLinkColor;
482
+ @sapLink_Visited_Color: darken(@sapPrimary2, 5);
425
483
 
426
484
  // [Tags "!Protected"]
427
485
  @sapLink_InvertedColor: lighten(@sapLinkColor, 40);
428
486
 
429
487
  // [Tags "!Protected"]
430
- @sapLink_SubtleColor: darken(@sapLinkColor, 15);
488
+ @sapLink_SubtleColor: @sapTextColor;
431
489
 
432
490
  // [Tags "!Protected"]
433
491
  @sapShell_Background: @sapBackgroundColor;
@@ -460,7 +518,7 @@
460
518
  @sapShell_GroupTitleTextColor: @sapTitleColor;
461
519
 
462
520
  // [Tags "!Protected"]
463
- @sapShell_GroupTitleTextShadow: 0 0 0.125rem contrast(@sapShell_GroupTitleTextColor, @sapContent_ShadowColor, @sapContent_ContrastShadowColor, @sapContent_ContrastTextThreshold);
521
+ @sapShell_GroupTitleTextShadow: 0 0 0.125 * @sapContent_GridSize contrast(@sapShell_GroupTitleTextColor, @sapContent_ShadowColor, @sapContent_ContrastShadowColor, @sapContent_ContrastTextThreshold);
464
522
 
465
523
  // [Tags "!Protected"]
466
524
  @sapShell_Hover_Background: @sapShellColor;
@@ -493,7 +551,7 @@
493
551
  @sapShell_Navigation_SelectedColor: @sapShell_Navigation_Selected_TextColor;
494
552
 
495
553
  // [Tags "!Protected"]
496
- @sapShell_Navigation_Selected_TextColor: @sapShell_InteractiveTextColor;
554
+ @sapShell_Navigation_Selected_TextColor: contrast(@sapShell_Navigation_Background, @sapHighlightColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
497
555
 
498
556
  // [Tags "!Protected"]
499
557
  @sapShell_Navigation_TextColor: contrast(@sapShell_Navigation_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@@ -505,22 +563,112 @@
505
563
  @sapShell_Navigation_Active_Background: @sapShell_Active_Background;
506
564
 
507
565
  // [Tags "!Protected"]
508
- @sapShell_Shadow: 0 0 0.5rem 0 fade(@sapContent_ShadowColor, 20), inset 0 -0.0625rem 0 0 fade(@sapContent_ShadowColor, 10);
566
+ @sapShell_Shadow: 0 0.125rem 0.125rem 0 fade(@sapContent_ShadowColor, 10), inset 0 -0.0625rem 0 0 fade(@sapContent_ShadowColor, 20);
567
+
568
+ // [Tags "!Protected"]
569
+ @sapShell_NegativeColor: @sapNegativeTextColor;
570
+
571
+ // [Tags "!Protected"]
572
+ @sapShell_CriticalColor: @sapCriticalTextColor;
573
+
574
+ // [Tags "!Protected"]
575
+ @sapShell_PositiveColor: @sapPositiveTextColor;
576
+
577
+ // [Tags "!Protected"]
578
+ @sapShell_InformativeColor: @sapInformativeTextColor;
579
+
580
+ // [Tags "!Protected"]
581
+ @sapShell_NeutralColor: @sapNeutralTextColor;
582
+
583
+ // [Tags "!Protected"]
584
+ @sapAvatar_1_Background: @sapAccentBackgroundColor1;
585
+
586
+ // [Tags "!Protected"]
587
+ @sapAvatar_1_BorderColor: @sapAvatar_1_Background;
588
+
589
+ // [Tags "!Protected"]
590
+ @sapAvatar_1_TextColor: contrast(@sapAvatar_1_Background, darken(@sapAccentColor1, 9), @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
591
+
592
+ // [Tags "!Protected"]
593
+ @sapAvatar_2_Background: @sapAccentBackgroundColor2;
594
+
595
+ // [Tags "!Protected"]
596
+ @sapAvatar_2_BorderColor: @sapAvatar_2_Background;
597
+
598
+ // [Tags "!Protected"]
599
+ @sapAvatar_2_TextColor: contrast(@sapAvatar_2_Background, @sapAccentColor2, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
600
+
601
+ // [Tags "!Protected"]
602
+ @sapAvatar_3_Background: @sapAccentBackgroundColor3;
603
+
604
+ // [Tags "!Protected"]
605
+ @sapAvatar_3_BorderColor: @sapAvatar_3_Background;
606
+
607
+ // [Tags "!Protected"]
608
+ @sapAvatar_3_TextColor: contrast(@sapAvatar_3_Background, @sapAccentColor3, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
609
+
610
+ // [Tags "!Protected"]
611
+ @sapAvatar_4_Background: @sapAccentBackgroundColor4;
612
+
613
+ // [Tags "!Protected"]
614
+ @sapAvatar_4_BorderColor: @sapAvatar_4_Background;
615
+
616
+ // [Tags "!Protected"]
617
+ @sapAvatar_4_TextColor: contrast(@sapAvatar_4_Background, @sapAccentColor4, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
618
+
619
+ // [Tags "!Protected"]
620
+ @sapAvatar_5_Background: @sapAccentBackgroundColor5;
621
+
622
+ // [Tags "!Protected"]
623
+ @sapAvatar_5_BorderColor: @sapAvatar_5_Background;
624
+
625
+ // [Tags "!Protected"]
626
+ @sapAvatar_5_TextColor: contrast(@sapAvatar_5_Background, darken(@sapAccentColor5, 2), @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
627
+
628
+ // [Tags "!Protected"]
629
+ @sapAvatar_6_Background: @sapAccentBackgroundColor6;
630
+
631
+ // [Tags "!Protected"]
632
+ @sapAvatar_6_BorderColor: @sapAvatar_6_Background;
633
+
634
+ // [Tags "!Protected"]
635
+ @sapAvatar_6_TextColor: contrast(@sapAvatar_6_Background, @sapAccentColor6, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
636
+
637
+ // [Tags "!Protected"]
638
+ @sapAvatar_7_Background: @sapAccentBackgroundColor7;
639
+
640
+ // [Tags "!Protected"]
641
+ @sapAvatar_7_BorderColor: @sapAvatar_7_Background;
642
+
643
+ // [Tags "!Protected"]
644
+ @sapAvatar_7_TextColor: contrast(@sapAvatar_7_Background, @sapAccentColor7, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
645
+
646
+ // [Tags "!Protected"]
647
+ @sapAvatar_8_Background: @sapAccentBackgroundColor8;
648
+
649
+ // [Tags "!Protected"]
650
+ @sapAvatar_8_BorderColor: @sapAvatar_8_Background;
651
+
652
+ // [Tags "!Protected"]
653
+ @sapAvatar_8_TextColor: contrast(@sapAvatar_8_Background, @sapAccentColor8, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
509
654
 
510
655
  // [Tags "!Protected"]
511
- @sapShell_NegativeColor: @sapNegativeColor;
656
+ @sapAvatar_9_Background: @sapAccentBackgroundColor9;
512
657
 
513
658
  // [Tags "!Protected"]
514
- @sapShell_CriticalColor: @sapCriticalColor;
659
+ @sapAvatar_9_BorderColor: @sapAvatar_9_Background;
515
660
 
516
661
  // [Tags "!Protected"]
517
- @sapShell_PositiveColor: @sapPositiveColor;
662
+ @sapAvatar_9_TextColor: contrast(@sapAvatar_9_Background, @sapAccentColor9, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
518
663
 
519
664
  // [Tags "!Protected"]
520
- @sapShell_InformativeColor: @sapInformativeColor;
665
+ @sapAvatar_10_Background: @sapAccentBackgroundColor10;
521
666
 
522
667
  // [Tags "!Protected"]
523
- @sapShell_NeutralColor: @sapNeutralColor;
668
+ @sapAvatar_10_BorderColor: @sapAvatar_10_Background;
669
+
670
+ // [Tags "!Protected"]
671
+ @sapAvatar_10_TextColor: contrast(@sapAvatar_10_Background, darken(@sapAccentColor10, 3), @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
524
672
 
525
673
  // [Tags "!Protected"]
526
674
  @sapButton_Background: darken(@sapBackgroundColor, 4);
@@ -682,7 +830,7 @@
682
830
  @sapButton_Lite_BorderColor: transparent;
683
831
 
684
832
  // [Tags "!Protected"]
685
- @sapButton_Lite_TextColor: @sapButton_TextColor;
833
+ @sapButton_Lite_TextColor: darken(@sapHighlightColor, 5);
686
834
 
687
835
  // [Tags "!Protected"]
688
836
  @sapButton_Lite_Hover_Background: @sapButton_Hover_Background;
@@ -736,7 +884,7 @@
736
884
  @sapButton_Attention_Active_Background: @sapButton_Active_Background;
737
885
 
738
886
  // [Tags "!Protected"]
739
- @sapButton_Attention_Active_BorderColor: lighten(@sapWarningBorderColor, 22);
887
+ @sapButton_Attention_Active_BorderColor: lighten(@sapWarningBorderColor, 15);
740
888
 
741
889
  // [Tags "!Protected"]
742
890
  @sapButton_Attention_Active_TextColor: contrast(@sapButton_Attention_Active_Background, @sapCriticalTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@@ -766,7 +914,7 @@
766
914
  @sapButton_Negative_TextColor: contrast(@sapButton_Negative_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
767
915
 
768
916
  // [Tags "!Protected"]
769
- @sapButton_Negative_Hover_Background: darken(@sapButton_Negative_Background, 7);
917
+ @sapButton_Negative_Hover_Background: darken(@sapButton_Negative_Background, 10);
770
918
 
771
919
  // [Tags "!Protected"]
772
920
  @sapButton_Negative_Hover_BorderColor: @sapButton_Negative_Hover_Background;
@@ -775,7 +923,7 @@
775
923
  @sapButton_Negative_Hover_TextColor: contrast(@sapButton_Negative_Hover_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
776
924
 
777
925
  // [Tags "!Protected"]
778
- @sapButton_Negative_Active_Background: darken(@sapButton_Negative_Background, 10);
926
+ @sapButton_Negative_Active_Background: darken(@sapButton_Negative_Background, 14);
779
927
 
780
928
  // [Tags "!Protected"]
781
929
  @sapButton_Negative_Active_BorderColor: @sapButton_Negative_Active_Background;
@@ -793,7 +941,7 @@
793
941
  @sapButton_Critical_TextColor: contrast(@sapButton_Critical_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
794
942
 
795
943
  // [Tags "!Protected"]
796
- @sapButton_Critical_Hover_Background: lighten(@sapButton_Critical_Background, 7);
944
+ @sapButton_Critical_Hover_Background: darken(@sapButton_Critical_Background, 2);
797
945
 
798
946
  // [Tags "!Protected"]
799
947
  @sapButton_Critical_Hover_BorderColor: @sapButton_Critical_Hover_Background;
@@ -802,7 +950,7 @@
802
950
  @sapButton_Critical_Hover_TextColor: contrast(@sapButton_Critical_Hover_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
803
951
 
804
952
  // [Tags "!Protected"]
805
- @sapButton_Critical_Active_Background: lighten(@sapButton_Critical_Background, 14);
953
+ @sapButton_Critical_Active_Background: darken(@sapButton_Critical_Background, 4);
806
954
 
807
955
  // [Tags "!Protected"]
808
956
  @sapButton_Critical_Active_BorderColor: @sapButton_Critical_Active_Background;
@@ -820,7 +968,7 @@
820
968
  @sapButton_Success_TextColor: contrast(@sapButton_Success_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
821
969
 
822
970
  // [Tags "!Protected"]
823
- @sapButton_Success_Hover_Background: darken(@sapButton_Success_Background, 7);
971
+ @sapButton_Success_Hover_Background: darken(@sapButton_Success_Background, 3);
824
972
 
825
973
  // [Tags "!Protected"]
826
974
  @sapButton_Success_Hover_BorderColor: @sapButton_Success_Hover_Background;
@@ -829,7 +977,7 @@
829
977
  @sapButton_Success_Hover_TextColor: contrast(@sapButton_Success_Hover_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
830
978
 
831
979
  // [Tags "!Protected"]
832
- @sapButton_Success_Active_Background: darken(@sapButton_Success_Background, 10);
980
+ @sapButton_Success_Active_Background: darken(@sapButton_Success_Background, 6);
833
981
 
834
982
  // [Tags "!Protected"]
835
983
  @sapButton_Success_Active_BorderColor: @sapButton_Success_Active_Background;
@@ -861,6 +1009,9 @@
861
1009
  // [Tags "!Protected"]
862
1010
  @sapButton_Information_Active_BorderColor: @sapButton_Information_Active_Background;
863
1011
 
1012
+ // [Tags "!Protected"]
1013
+ @sapButton_Information_Active_TextColor: contrast(@sapButton_Information_Active_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
1014
+
864
1015
  // [Tags "!Protected"]
865
1016
  @sapButton_Neutral_Background: @sapNeutralElementColor;
866
1017
 
@@ -889,16 +1040,124 @@
889
1040
  @sapButton_Neutral_Active_TextColor: contrast(@sapButton_Neutral_Active_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
890
1041
 
891
1042
  // [Tags "!Protected"]
892
- @sapButton_Track_Selected_Background: @sapHighlightColor;
1043
+ @sapButton_Track_Background: @sapNeutralElementColor;
1044
+
1045
+ // [Tags "!Protected"]
1046
+ @sapButton_Track_BorderColor: @sapButton_Track_Background;
1047
+
1048
+ // [Tags "!Protected"]
1049
+ @sapButton_Track_TextColor: contrast(@sapButton_Track_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
1050
+
1051
+ // [Tags "!Protected"]
1052
+ @sapButton_Track_Hover_Background: darken(@sapButton_Track_Background, 7);
1053
+
1054
+ // [Tags "!Protected"]
1055
+ @sapButton_Track_Hover_BorderColor: @sapButton_Track_Hover_Background;
1056
+
1057
+ // [Tags "!Protected"]
1058
+ @sapButton_Track_Selected_Background: @sapSelectedColor;
1059
+
1060
+ // [Tags "!Protected"]
1061
+ @sapButton_Track_Selected_BorderColor: @sapButton_Track_Selected_Background;
893
1062
 
894
1063
  // [Tags "!Protected"]
895
1064
  @sapButton_Track_Selected_TextColor: contrast(@sapButton_Track_Selected_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
896
1065
 
897
1066
  // [Tags "!Protected"]
898
- @sapButton_Track_Background: darken(@sapButton_Background, 7);
1067
+ @sapButton_Track_Selected_Hover_Background: darken(@sapButton_Track_Selected_Background, 5);
899
1068
 
900
1069
  // [Tags "!Protected"]
901
- @sapButton_Track_TextColor: contrast(@sapButton_Track_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
1070
+ @sapButton_Track_Selected_Hover_BorderColor: @sapButton_Track_Selected_Hover_Background;
1071
+
1072
+ // [Tags "!Protected"]
1073
+ @sapButton_Handle_Background: @sapPrimary3;
1074
+
1075
+ // [Tags "!Protected"]
1076
+ @sapButton_Handle_BorderColor: @sapButton_Handle_Background;
1077
+
1078
+ // [Tags "!Protected"]
1079
+ @sapButton_Handle_TextColor: contrast(@sapButton_Handle_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
1080
+
1081
+ // [Tags "!Protected"]
1082
+ @sapButton_Handle_Hover_Background: @sapButton_Handle_Background;
1083
+
1084
+ // [Tags "!Protected"]
1085
+ @sapButton_Handle_Hover_BorderColor: fade(@sapButton_Handle_Background, 50);
1086
+
1087
+ // [Tags "!Protected"]
1088
+ @sapButton_Handle_Selected_Background: @sapButton_Selected_Background;
1089
+
1090
+ // [Tags "!Protected"]
1091
+ @sapButton_Handle_Selected_BorderColor: @sapButton_Handle_Selected_Background;
1092
+
1093
+ // [Tags "!Protected"]
1094
+ @sapButton_Handle_Selected_TextColor: @sapButton_Selected_TextColor;
1095
+
1096
+ // [Tags "!Protected"]
1097
+ @sapButton_Handle_Selected_Hover_Background: @sapButton_Handle_Selected_Background;
1098
+
1099
+ // [Tags "!Protected"]
1100
+ @sapButton_Handle_Selected_Hover_BorderColor: fade(@sapButton_Handle_Selected_Background, 50);
1101
+
1102
+ // [Tags "!Protected"]
1103
+ @sapButton_Track_Negative_Background: @sapNegativeElementColor;
1104
+
1105
+ // [Tags "!Protected"]
1106
+ @sapButton_Track_Negative_BorderColor: @sapButton_Track_Negative_Background;
1107
+
1108
+ // [Tags "!Protected"]
1109
+ @sapButton_Track_Negative_TextColor: contrast(@sapButton_Track_Negative_Background, @sapNegativeElementColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
1110
+
1111
+ // [Tags "!Protected"]
1112
+ @sapButton_Track_Negative_Hover_Background: darken(@sapButton_Track_Negative_Background, 10);
1113
+
1114
+ // [Tags "!Protected"]
1115
+ @sapButton_Track_Negative_Hover_BorderColor: @sapButton_Track_Negative_Hover_Background;
1116
+
1117
+ // [Tags "!Protected"]
1118
+ @sapButton_Handle_Negative_Background: @sapButton_Handle_Background;
1119
+
1120
+ // [Tags "!Protected"]
1121
+ @sapButton_Handle_Negative_BorderColor: @sapButton_Handle_Negative_Background;
1122
+
1123
+ // [Tags "!Protected"]
1124
+ @sapButton_Handle_Negative_TextColor: contrast(@sapButton_Handle_Negative_Background, @sapNegativeTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
1125
+
1126
+ // [Tags "!Protected"]
1127
+ @sapButton_Handle_Negative_Hover_Background: @sapButton_Handle_Negative_Background;
1128
+
1129
+ // [Tags "!Protected"]
1130
+ @sapButton_Handle_Negative_Hover_BorderColor: fade(@sapButton_Handle_Negative_Background, 50);
1131
+
1132
+ // [Tags "!Protected"]
1133
+ @sapButton_Track_Positive_Background: @sapPositiveElementColor;
1134
+
1135
+ // [Tags "!Protected"]
1136
+ @sapButton_Track_Positive_BorderColor: @sapButton_Track_Positive_Background;
1137
+
1138
+ // [Tags "!Protected"]
1139
+ @sapButton_Track_Positive_TextColor: contrast(@sapButton_Track_Positive_Background, @sapPositiveElementColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
1140
+
1141
+ // [Tags "!Protected"]
1142
+ @sapButton_Track_Positive_Hover_Background: darken(@sapButton_Track_Positive_Background, 3);
1143
+
1144
+ // [Tags "!Protected"]
1145
+ @sapButton_Track_Positive_Hover_BorderColor: @sapButton_Track_Positive_Hover_Background;
1146
+
1147
+ // [Tags "!Protected"]
1148
+ @sapButton_Handle_Positive_Background: @sapPrimary3;
1149
+
1150
+ // [Tags "!Protected"]
1151
+ @sapButton_Handle_Positive_BorderColor: @sapButton_Handle_Positive_Background;
1152
+
1153
+ // [Tags "!Protected"]
1154
+ @sapButton_Handle_Positive_TextColor: contrast(@sapButton_Handle_Positive_Background, @sapPositiveTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
1155
+
1156
+ // [Tags "!Protected"]
1157
+ @sapButton_Handle_Positive_Hover_Background: @sapButton_Handle_Positive_Background;
1158
+
1159
+ // [Tags "!Protected"]
1160
+ @sapButton_Handle_Positive_Hover_BorderColor: fade(@sapButton_Handle_Positive_Background, 50);
902
1161
 
903
1162
  // [Tags "!Protected"]
904
1163
  @sapButton_TokenBackground: @sapPrimary3;
@@ -910,13 +1169,16 @@
910
1169
  @sapField_Background: darken(@sapPrimary4, 2);
911
1170
 
912
1171
  // [Tags "!Protected"]
913
- @sapField_TextColor: darken(@sapTextColor, 9);
1172
+ @sapField_BackgroundStyle: ~"0 100% / 100% @{sapField_BorderWidth} no-repeat linear-gradient(0deg, @{sapField_BorderColor}, @{sapField_BorderColor}) border-box";
1173
+
1174
+ // [Tags "!Protected"]
1175
+ @sapField_TextColor: darken(@sapTextColor, 6);
914
1176
 
915
1177
  // [Tags "!Protected"]
916
1178
  @sapField_PlaceholderTextColor: @sapContent_LabelColor;
917
1179
 
918
1180
  // [Tags "!Protected"]
919
- @sapField_BorderColor: @sapPrimary5;
1181
+ @sapField_BorderColor: darken(@sapPrimary5, 13);
920
1182
 
921
1183
  // [Tags "!Protected"]
922
1184
  @sapField_HelpBackground: @sapField_Background;
@@ -924,12 +1186,18 @@
924
1186
  // [Tags "!Protected"]
925
1187
  @sapField_BorderWidth: @sapElement_BorderWidth;
926
1188
 
1189
+ // [Tags "!Protected"]
1190
+ @sapField_BorderStyle: none;
1191
+
927
1192
  // [Tags "!Protected"]
928
1193
  @sapField_BorderCornerRadius: 0.25 * @sapContent_GridSize;
929
1194
 
930
1195
  // [Tags "!Protected"]
931
1196
  @sapField_Hover_Background: @sapBaseColor;
932
1197
 
1198
+ // [Tags "!Protected"]
1199
+ @sapField_Hover_BackgroundStyle: ~"0 100% / 100% @{sapField_BorderWidth} no-repeat linear-gradient(0deg, @{sapField_Hover_BorderColor}, @{sapField_Hover_BorderColor}) border-box";
1200
+
933
1201
  // [Tags "!Protected"]
934
1202
  @sapField_Hover_BorderColor: @sapField_BorderColor;
935
1203
 
@@ -949,16 +1217,22 @@
949
1217
  @sapField_Focus_HelpBackground: @sapField_Focus_Background;
950
1218
 
951
1219
  // [Tags "!Protected"]
952
- @sapField_ReadOnly_Background: @sapField_Background;
1220
+ @sapField_ReadOnly_Background: transparent;
1221
+
1222
+ // [Tags "!Protected"]
1223
+ @sapField_ReadOnly_BackgroundStyle: ~"0 100% / 0.375rem @{sapField_BorderWidth} repeat-x linear-gradient(90deg, @{sapField_ReadOnly_BorderColor} 0, @{sapField_ReadOnly_BorderColor} 0.25rem, transparent 0.25rem) border-box";
953
1224
 
954
1225
  // [Tags "!Protected"]
955
1226
  @sapField_ReadOnly_BorderColor: @sapField_BorderColor;
956
1227
 
1228
+ // [Tags "!Protected"]
1229
+ @sapField_ReadOnly_BorderStyle: @sapField_BorderStyle;
1230
+
957
1231
  // [Tags "!Protected"]
958
1232
  @sapField_ReadOnly_HelpBackground: @sapField_ReadOnly_Background;
959
1233
 
960
1234
  // [Tags "!Protected"]
961
- @sapField_RequiredColor: @sapAccentColor5;
1235
+ @sapField_RequiredColor: @sapAccentColor3;
962
1236
 
963
1237
  // [Tags "!Protected"]
964
1238
  @sapField_InvalidColor: @sapErrorBorderColor;
@@ -966,11 +1240,14 @@
966
1240
  // [Tags "!Protected"]
967
1241
  @sapField_InvalidBackground: @sapErrorBackground;
968
1242
 
1243
+ // [Tags "!Protected"]
1244
+ @sapField_InvalidBackgroundStyle: ~"0 100% / 100% @{sapField_InvalidBorderWidth} no-repeat linear-gradient(0deg, @{sapField_InvalidColor}, @{sapField_InvalidColor}) border-box";
1245
+
969
1246
  // [Tags "!Protected"]
970
1247
  @sapField_InvalidBorderWidth: 0.125 * @sapContent_GridSize;
971
1248
 
972
1249
  // [Tags "!Protected"]
973
- @sapField_InvalidBorderStyle: solid;
1250
+ @sapField_InvalidBorderStyle: none;
974
1251
 
975
1252
  // [Tags "!Protected"]
976
1253
  @sapField_WarningColor: @sapWarningBorderColor;
@@ -978,11 +1255,14 @@
978
1255
  // [Tags "!Protected"]
979
1256
  @sapField_WarningBackground: @sapWarningBackground;
980
1257
 
1258
+ // [Tags "!Protected"]
1259
+ @sapField_WarningBackgroundStyle: ~"0 100% / 100% @{sapField_WarningBorderWidth} no-repeat linear-gradient(0deg, @{sapField_WarningColor}, @{sapField_WarningColor}) border-box";
1260
+
981
1261
  // [Tags "!Protected"]
982
1262
  @sapField_WarningBorderWidth: 0.125 * @sapContent_GridSize;
983
1263
 
984
1264
  // [Tags "!Protected"]
985
- @sapField_WarningBorderStyle: solid;
1265
+ @sapField_WarningBorderStyle: none;
986
1266
 
987
1267
  // [Tags "!Protected"]
988
1268
  @sapField_SuccessColor: @sapSuccessBorderColor;
@@ -990,11 +1270,14 @@
990
1270
  // [Tags "!Protected"]
991
1271
  @sapField_SuccessBackground: @sapSuccessBackground;
992
1272
 
1273
+ // [Tags "!Protected"]
1274
+ @sapField_SuccessBackgroundStyle: ~"0 100% / 100% @{sapField_SuccessBorderWidth} no-repeat linear-gradient(0deg, @{sapField_SuccessColor}, @{sapField_SuccessColor}) border-box";
1275
+
993
1276
  // [Tags "!Protected"]
994
1277
  @sapField_SuccessBorderWidth: 0.0625 * @sapContent_GridSize;
995
1278
 
996
1279
  // [Tags "!Protected"]
997
- @sapField_SuccessBorderStyle: solid;
1280
+ @sapField_SuccessBorderStyle: none;
998
1281
 
999
1282
  // [Tags "!Protected"]
1000
1283
  @sapField_InformationColor: @sapInformationBorderColor;
@@ -1002,20 +1285,26 @@
1002
1285
  // [Tags "!Protected"]
1003
1286
  @sapField_InformationBackground: @sapInformationBackground;
1004
1287
 
1288
+ // [Tags "!Protected"]
1289
+ @sapField_InformationBackgroundStyle: ~"0 100% / 100% @{sapField_InformationBorderWidth} no-repeat linear-gradient(0deg, @{sapField_InformationColor}, @{sapField_InformationColor}) border-box";
1290
+
1005
1291
  // [Tags "!Protected"]
1006
1292
  @sapField_InformationBorderWidth: 0.125 * @sapContent_GridSize;
1007
1293
 
1008
1294
  // [Tags "!Protected"]
1009
- @sapField_InformationBorderStyle: solid;
1295
+ @sapField_InformationBorderStyle: none;
1296
+
1297
+ // [Tags "!Protected"]
1298
+ @sapGroup_TitleBackground: @sapGroup_ContentBackground;
1010
1299
 
1011
1300
  // [Tags "!Protected"]
1012
- @sapGroup_TitleBackground: transparent;
1301
+ @sapGroup_TitleBorderColor: lighten(desaturate(@sapPrimary5, 7), 15);
1013
1302
 
1014
1303
  // [Tags "!Protected"]
1015
- @sapGroup_TitleBorderColor: darken(@sapBaseColor, 15);
1304
+ @sapGroup_TitleTextColor: contrast(@sapGroup_TitleBackground, @sapTitleColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
1016
1305
 
1017
1306
  // [Tags "!Protected"]
1018
- @sapGroup_TitleTextColor: contrast(@sapBackgroundColor, @sapTitleColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
1307
+ @sapGroup_Title_FontSize: @sapFontHeader5Size;
1019
1308
 
1020
1309
  // [Tags "!Protected"]
1021
1310
  @sapGroup_ContentBackground: @sapBaseColor;
@@ -1033,7 +1322,7 @@
1033
1322
  @sapGroup_FooterBackground: transparent;
1034
1323
 
1035
1324
  // [Tags "!Protected"]
1036
- @sapToolbar_Background: transparent;
1325
+ @sapToolbar_Background: @sapGroup_ContentBackground;
1037
1326
 
1038
1327
  // [Tags "!Protected"]
1039
1328
  @sapToolbar_SeparatorColor: darken(@sapBaseColor, 15);
@@ -1042,7 +1331,7 @@
1042
1331
  @sapList_HeaderBackground: @sapList_Background;
1043
1332
 
1044
1333
  // [Tags "!Protected"]
1045
- @sapList_HeaderBorderColor: @sapList_BorderColor;
1334
+ @sapList_HeaderBorderColor: @sapGroup_TitleBorderColor;
1046
1335
 
1047
1336
  // [Tags "!Protected"]
1048
1337
  @sapList_HeaderTextColor: contrast(@sapList_HeaderBackground, @sapTitleColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@@ -1084,16 +1373,16 @@
1084
1373
  @sapList_GroupHeaderBackground: @sapList_Background;
1085
1374
 
1086
1375
  // [Tags "!Protected"]
1087
- @sapList_GroupHeaderBorderColor: darken(@sapList_BorderColor, 4.9);
1376
+ @sapList_GroupHeaderBorderColor: @sapList_HeaderBorderColor;
1088
1377
 
1089
1378
  // [Tags "!Protected"]
1090
1379
  @sapList_GroupHeaderTextColor: contrast(@sapList_GroupHeaderBackground, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
1091
1380
 
1092
1381
  // [Tags "!Protected"]
1093
- @sapList_TableGroupHeaderBackground: @sapList_Background;
1382
+ @sapList_TableGroupHeaderBackground: darken(@sapPrimary4, 2);
1094
1383
 
1095
1384
  // [Tags "!Protected"]
1096
- @sapList_TableGroupHeaderBorderColor: darken(@sapList_BorderColor, 4.9);
1385
+ @sapList_TableGroupHeaderBorderColor: @sapList_GroupHeaderBorderColor;
1097
1386
 
1098
1387
  // [Tags "!Protected"]
1099
1388
  @sapList_TableGroupHeaderTextColor: contrast(@sapList_TableGroupHeaderBackground, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@@ -1105,13 +1394,121 @@
1105
1394
  @sapList_FooterTextColor: contrast(@sapList_FooterBackground, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
1106
1395
 
1107
1396
  // [Tags "!Protected"]
1108
- @sapList_TableFooterBorder: darken(@sapList_BorderColor, 4.9);
1397
+ @sapList_TableFooterBorder: @sapList_HeaderBorderColor;
1109
1398
 
1110
1399
  // [Tags "!Protected"]
1111
1400
  @sapList_TableFixedBorderColor: darken(@sapList_BorderColor, 35);
1112
1401
 
1113
1402
  // [Tags "!Protected"]
1114
- @sapScrollBar_FaceColor: lighten(@sapPrimary5, 3);
1403
+ @sapMessage_ErrorBorderColor: darken(@sapErrorBackground, 18);
1404
+
1405
+ // [Tags "!Protected"]
1406
+ @sapMessage_WarningBorderColor: darken(@sapWarningBackground, 20);
1407
+
1408
+ // [Tags "!Protected"]
1409
+ @sapMessage_SuccessBorderColor: darken(@sapSuccessBackground, 24);
1410
+
1411
+ // [Tags "!Protected"]
1412
+ @sapMessage_InformationBorderColor: darken(@sapInformationBackground, 20);
1413
+
1414
+ // [Tags "!Protected"]
1415
+ @sapPopover_BorderCornerRadius: 0.5 * @sapContent_GridSize;
1416
+
1417
+ // [Tags "!Protected"]
1418
+ @sapProgress_Background: darken(@sapNeutralBackground, 9.2);
1419
+
1420
+ // [Tags "!Protected"]
1421
+ @sapProgress_BorderColor: @sapProgress_Background;
1422
+
1423
+ // [Tags "!Protected"]
1424
+ @sapProgress_TextColor: @sapTextColor;
1425
+
1426
+ // [Tags "!Protected"]
1427
+ @sapProgress_FontSize: @sapFontSize;
1428
+
1429
+ // [Tags "!Protected"]
1430
+ @sapProgress_NegativeBackground: darken(@sapErrorBackground, 3);
1431
+
1432
+ // [Tags "!Protected"]
1433
+ @sapProgress_NegativeBorderColor: @sapProgress_NegativeBackground;
1434
+
1435
+ // [Tags "!Protected"]
1436
+ @sapProgress_NegativeTextColor: @sapProgress_TextColor;
1437
+
1438
+ // [Tags "!Protected"]
1439
+ @sapProgress_CriticalBackground: darken(@sapWarningBackground, 5);
1440
+
1441
+ // [Tags "!Protected"]
1442
+ @sapProgress_CriticalBorderColor: @sapProgress_CriticalBackground;
1443
+
1444
+ // [Tags "!Protected"]
1445
+ @sapProgress_CriticalTextColor: @sapProgress_TextColor;
1446
+
1447
+ // [Tags "!Protected"]
1448
+ @sapProgress_PositiveBackground: darken(@sapSuccessBackground, 10);
1449
+
1450
+ // [Tags "!Protected"]
1451
+ @sapProgress_PositiveBorderColor: @sapProgress_PositiveBackground;
1452
+
1453
+ // [Tags "!Protected"]
1454
+ @sapProgress_PositiveTextColor: @sapProgress_TextColor;
1455
+
1456
+ // [Tags "!Protected"]
1457
+ @sapProgress_InformationBackground: darken(@sapInformationBackground, 4);
1458
+
1459
+ // [Tags "!Protected"]
1460
+ @sapProgress_InformationBorderColor: @sapProgress_InformationBackground;
1461
+
1462
+ // [Tags "!Protected"]
1463
+ @sapProgress_InformationTextColor: @sapProgress_TextColor;
1464
+
1465
+ // [Tags "!Protected"]
1466
+ @sapProgress_Value_Background: @sapNeutralElementColor;
1467
+
1468
+ // [Tags "!Protected"]
1469
+ @sapProgress_Value_BorderColor: @sapProgress_Background;
1470
+
1471
+ // [Tags "!Protected"]
1472
+ @sapProgress_Value_TextColor: @sapNeutralElementColor;
1473
+
1474
+ // [Tags "!Protected"]
1475
+ @sapProgress_Value_NegativeBackground: @sapNegativeElementColor;
1476
+
1477
+ // [Tags "!Protected"]
1478
+ @sapProgress_Value_NegativeBorderColor: @sapProgress_Value_NegativeBackground;
1479
+
1480
+ // [Tags "!Protected"]
1481
+ @sapProgress_Value_NegativeTextColor: @sapNegativeElementColor;
1482
+
1483
+ // [Tags "!Protected"]
1484
+ @sapProgress_Value_CriticalBackground: @sapCriticalElementColor;
1485
+
1486
+ // [Tags "!Protected"]
1487
+ @sapProgress_Value_CriticalBorderColor: @sapProgress_Value_CriticalBackground;
1488
+
1489
+ // [Tags "!Protected"]
1490
+ @sapProgress_Value_CriticalTextColor: @sapCriticalElementColor;
1491
+
1492
+ // [Tags "!Protected"]
1493
+ @sapProgress_Value_PositiveBackground: @sapPositiveElementColor;
1494
+
1495
+ // [Tags "!Protected"]
1496
+ @sapProgress_Value_PositiveBorderColor: @sapProgress_Value_PositiveBackground;
1497
+
1498
+ // [Tags "!Protected"]
1499
+ @sapProgress_Value_PositiveTextColor: @sapPositiveElementColor;
1500
+
1501
+ // [Tags "!Protected"]
1502
+ @sapProgress_Value_InformationBackground: @sapInformativeElementColor;
1503
+
1504
+ // [Tags "!Protected"]
1505
+ @sapProgress_Value_InformationBorderColor: @sapProgress_Value_InformationBackground;
1506
+
1507
+ // [Tags "!Protected"]
1508
+ @sapProgress_Value_InformationTextColor: @sapInformativeElementColor;
1509
+
1510
+ // [Tags "!Protected"]
1511
+ @sapScrollBar_FaceColor: lighten(@sapPrimary5, 2);
1115
1512
 
1116
1513
  // [Tags "!Protected"]
1117
1514
  @sapScrollBar_TrackColor: @sapBaseColor;
@@ -1126,7 +1523,46 @@
1126
1523
  @sapScrollBar_Dimension: 0.75 * @sapContent_GridSize;
1127
1524
 
1128
1525
  // [Tags "!Protected"]
1129
- @sapScrollBar_Hover_FaceColor: darken(@sapScrollBar_FaceColor, 3);
1526
+ @sapScrollBar_Hover_FaceColor: darken(@sapScrollBar_FaceColor, 4);
1527
+
1528
+ // [Tags "!Protected"]
1529
+ @sapSlider_Background: darken(@sapNeutralBackground, 9.2);
1530
+
1531
+ // [Tags "!Protected"]
1532
+ @sapSlider_BorderColor: @sapSlider_Background;
1533
+
1534
+ // [Tags "!Protected"]
1535
+ @sapSlider_Selected_Background: @sapSelectedColor;
1536
+
1537
+ // [Tags "!Protected"]
1538
+ @sapSlider_Selected_BorderColor: @sapSlider_Selected_Background;
1539
+
1540
+ // [Tags "!Protected"]
1541
+ @sapSlider_HandleBackground: @sapPrimary3;
1542
+
1543
+ // [Tags "!Protected"]
1544
+ @sapSlider_HandleBorderColor: @sapSlider_HandleBackground;
1545
+
1546
+ // [Tags "!Protected"]
1547
+ @sapSlider_RangeHandleBackground: @sapSlider_HandleBackground;
1548
+
1549
+ // [Tags "!Protected"]
1550
+ @sapSlider_Hover_HandleBackground: @sapSlider_HandleBackground;
1551
+
1552
+ // [Tags "!Protected"]
1553
+ @sapSlider_Hover_HandleBorderColor: @sapHighlightColor;
1554
+
1555
+ // [Tags "!Protected"]
1556
+ @sapSlider_Hover_RangeHandleBackground: transparent;
1557
+
1558
+ // [Tags "!Protected"]
1559
+ @sapSlider_Active_HandleBackground: @sapButton_Active_Background;
1560
+
1561
+ // [Tags "!Protected"]
1562
+ @sapSlider_Active_HandleBorderColor: @sapSlider_Active_HandleBackground;
1563
+
1564
+ // [Tags "!Protected"]
1565
+ @sapSlider_Active_RangeHandleBackground: transparent;
1130
1566
 
1131
1567
  // [Tags "!Protected"]
1132
1568
  @sapPageHeader_Background: @sapBaseColor;
@@ -1147,7 +1583,7 @@
1147
1583
  @sapPageFooter_TextColor: contrast(@sapPageFooter_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
1148
1584
 
1149
1585
  // [Tags "!Protected"]
1150
- @sapInfobar_Background: @sapAccentBackgroundColor9;
1586
+ @sapInfobar_Background: @sapAccentBackgroundColor7;
1151
1587
 
1152
1588
  // [Tags "!Protected"]
1153
1589
  @sapInfobar_Hover_Background: @sapBaseColor;
@@ -1170,6 +1606,21 @@
1170
1606
  // [Tags "!Protected"]
1171
1607
  @sapObjectHeader_BorderColor: darken(@sapObjectHeader_Background, 15);
1172
1608
 
1609
+ // [Tags "!Protected"]
1610
+ @sapObjectHeader_Title_TextColor: contrast(@sapObjectHeader_Background, @sapTitleColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
1611
+
1612
+ // [Tags "!Protected"]
1613
+ @sapObjectHeader_Title_FontSize: @sapFontHeader2Size;
1614
+
1615
+ // [Tags "!Protected"]
1616
+ @sapObjectHeader_Title_SnappedFontSize: @sapFontHeader4Size;
1617
+
1618
+ // [Tags "!Protected"]
1619
+ @sapObjectHeader_Title_FontFamily: @sapFontBlackFamily;
1620
+
1621
+ // [Tags "!Protected"]
1622
+ @sapObjectHeader_Subtitle_TextColor: contrast(@sapObjectHeader_Background, @sapContent_LabelColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
1623
+
1173
1624
  // [Tags "!Protected"]
1174
1625
  @sapBlockLayer_Background: #000;
1175
1626
 
@@ -1185,6 +1636,9 @@
1185
1636
  // [Tags "!Protected"]
1186
1637
  @sapTile_BorderColor: transparent;
1187
1638
 
1639
+ // [Tags "!Protected"]
1640
+ @sapTile_BorderCornerRadius: 1 * @sapContent_GridSize;
1641
+
1188
1642
  // [Tags "!Protected"]
1189
1643
  @sapTile_TitleTextColor: contrast(@sapTile_Background, @sapTitleColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
1190
1644
 
@@ -1205,30 +1659,76 @@
1205
1659
 
1206
1660
  // [Tags "!Protected"]
1207
1661
  @sapTile_OverlayForegroundColor: contrast(@sapTile_OverlayBackground, @sapTitleColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
1208
- @sapAccentColor1: #f58b00;
1662
+
1663
+ // [Tags "!Protected"]
1664
+ @sapAccentColor1: #d27700;
1665
+
1666
+ // [Tags "!Protected"]
1209
1667
  @sapAccentColor2: #aa0808;
1210
- @sapAccentColor3: #cc00dc;
1668
+
1669
+ // [Tags "!Protected"]
1670
+ @sapAccentColor3: #ba066c;
1671
+
1672
+ // [Tags "!Protected"]
1211
1673
  @sapAccentColor4: #a100c2;
1674
+
1675
+ // [Tags "!Protected"]
1212
1676
  @sapAccentColor5: #5d36ff;
1677
+
1678
+ // [Tags "!Protected"]
1213
1679
  @sapAccentColor6: #0057d2;
1680
+
1681
+ // [Tags "!Protected"]
1214
1682
  @sapAccentColor7: #046c7a;
1683
+
1684
+ // [Tags "!Protected"]
1215
1685
  @sapAccentColor8: #256f3a;
1216
- @sapAccentColor9: #07838f;
1686
+
1687
+ // [Tags "!Protected"]
1688
+ @sapAccentColor9: #6c32a9;
1689
+
1690
+ // [Tags "!Protected"]
1217
1691
  @sapAccentColor10: #5b738b;
1692
+
1693
+ // [Tags "!Protected"]
1218
1694
  @sapAccentBackgroundColor1: #fff3b8;
1695
+
1696
+ // [Tags "!Protected"]
1219
1697
  @sapAccentBackgroundColor2: #ffd0e7;
1220
- @sapAccentBackgroundColor3: #fff0fa;
1698
+
1699
+ // [Tags "!Protected"]
1700
+ @sapAccentBackgroundColor3: #ffdbe7;
1701
+
1702
+ // [Tags "!Protected"]
1221
1703
  @sapAccentBackgroundColor4: #ffdcf3;
1704
+
1705
+ // [Tags "!Protected"]
1222
1706
  @sapAccentBackgroundColor5: #ded3ff;
1707
+
1708
+ // [Tags "!Protected"]
1223
1709
  @sapAccentBackgroundColor6: #d1efff;
1710
+
1711
+ // [Tags "!Protected"]
1224
1712
  @sapAccentBackgroundColor7: #c2fcee;
1713
+
1714
+ // [Tags "!Protected"]
1225
1715
  @sapAccentBackgroundColor8: #ebf5cb;
1226
- @sapAccentBackgroundColor9: #dafdf5;
1716
+
1717
+ // [Tags "!Protected"]
1718
+ @sapAccentBackgroundColor9: #ddccf0;
1719
+
1720
+ // [Tags "!Protected"]
1227
1721
  @sapAccentBackgroundColor10: #eaecee;
1228
1722
 
1229
1723
  // [Tags "!Protected"]
1230
1724
  @sapIndicationColor_1: #840606;
1231
1725
 
1726
+ // [Tags "!Protected"]
1727
+ @sapIndicationColor_1_Background: @sapIndicationColor_1;
1728
+
1729
+ // [Tags "!Protected"]
1730
+ @sapIndicationColor_1_BorderColor: @sapIndicationColor_1;
1731
+
1232
1732
  // [Tags "!Protected"]
1233
1733
  @sapIndicationColor_1_Hover_Background: darken(@sapIndicationColor_1, 5);
1234
1734
 
@@ -1236,11 +1736,17 @@
1236
1736
  @sapIndicationColor_1_Active_Background: darken(@sapIndicationColor_1, 10);
1237
1737
 
1238
1738
  // [Tags "!Protected"]
1239
- @sapIndicationColor_1_TextColor: contrast(@sapIndicationColor_1, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
1739
+ @sapIndicationColor_1_TextColor: contrast(@sapIndicationColor_1_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
1240
1740
 
1241
1741
  // [Tags "!Protected"]
1242
1742
  @sapIndicationColor_2: #aa0808;
1243
1743
 
1744
+ // [Tags "!Protected"]
1745
+ @sapIndicationColor_2_Background: @sapIndicationColor_2;
1746
+
1747
+ // [Tags "!Protected"]
1748
+ @sapIndicationColor_2_BorderColor: @sapIndicationColor_2;
1749
+
1244
1750
  // [Tags "!Protected"]
1245
1751
  @sapIndicationColor_2_Hover_Background: darken(@sapIndicationColor_2, 5);
1246
1752
 
@@ -1248,23 +1754,35 @@
1248
1754
  @sapIndicationColor_2_Active_Background: darken(@sapIndicationColor_2, 10);
1249
1755
 
1250
1756
  // [Tags "!Protected"]
1251
- @sapIndicationColor_2_TextColor: contrast(@sapIndicationColor_2, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
1757
+ @sapIndicationColor_2_TextColor: contrast(@sapIndicationColor_2_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
1252
1758
 
1253
1759
  // [Tags "!Protected"]
1254
- @sapIndicationColor_3: #e76500;
1760
+ @sapIndicationColor_3: #b95100;
1255
1761
 
1256
1762
  // [Tags "!Protected"]
1257
- @sapIndicationColor_3_Hover_Background: darken(@sapIndicationColor_3, 3);
1763
+ @sapIndicationColor_3_Background: #e76500;
1258
1764
 
1259
1765
  // [Tags "!Protected"]
1260
- @sapIndicationColor_3_Active_Background: darken(@sapIndicationColor_3, 6);
1766
+ @sapIndicationColor_3_BorderColor: @sapIndicationColor_3_Background;
1261
1767
 
1262
1768
  // [Tags "!Protected"]
1263
- @sapIndicationColor_3_TextColor: contrast(@sapIndicationColor_3, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
1769
+ @sapIndicationColor_3_Hover_Background: darken(@sapIndicationColor_3_Background, 3);
1770
+
1771
+ // [Tags "!Protected"]
1772
+ @sapIndicationColor_3_Active_Background: darken(@sapIndicationColor_3_Background, 6);
1773
+
1774
+ // [Tags "!Protected"]
1775
+ @sapIndicationColor_3_TextColor: contrast(@sapIndicationColor_3_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
1264
1776
 
1265
1777
  // [Tags "!Protected"]
1266
1778
  @sapIndicationColor_4: #256f3a;
1267
1779
 
1780
+ // [Tags "!Protected"]
1781
+ @sapIndicationColor_4_Background: @sapIndicationColor_4;
1782
+
1783
+ // [Tags "!Protected"]
1784
+ @sapIndicationColor_4_BorderColor: @sapIndicationColor_4;
1785
+
1268
1786
  // [Tags "!Protected"]
1269
1787
  @sapIndicationColor_4_Hover_Background: darken(@sapIndicationColor_4, 5);
1270
1788
 
@@ -1272,11 +1790,17 @@
1272
1790
  @sapIndicationColor_4_Active_Background: darken(@sapIndicationColor_4, 10);
1273
1791
 
1274
1792
  // [Tags "!Protected"]
1275
- @sapIndicationColor_4_TextColor: contrast(@sapIndicationColor_4, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
1793
+ @sapIndicationColor_4_TextColor: contrast(@sapIndicationColor_4_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
1276
1794
 
1277
1795
  // [Tags "!Protected"]
1278
1796
  @sapIndicationColor_5: #0070f2;
1279
1797
 
1798
+ // [Tags "!Protected"]
1799
+ @sapIndicationColor_5_Background: @sapIndicationColor_5;
1800
+
1801
+ // [Tags "!Protected"]
1802
+ @sapIndicationColor_5_BorderColor: @sapIndicationColor_5;
1803
+
1280
1804
  // [Tags "!Protected"]
1281
1805
  @sapIndicationColor_5_Hover_Background: darken(@sapIndicationColor_5, 5);
1282
1806
 
@@ -1284,11 +1808,17 @@
1284
1808
  @sapIndicationColor_5_Active_Background: darken(@sapIndicationColor_5, 10);
1285
1809
 
1286
1810
  // [Tags "!Protected"]
1287
- @sapIndicationColor_5_TextColor: contrast(@sapIndicationColor_5, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
1811
+ @sapIndicationColor_5_TextColor: contrast(@sapIndicationColor_5_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
1288
1812
 
1289
1813
  // [Tags "!Protected"]
1290
1814
  @sapIndicationColor_6: #046c7a;
1291
1815
 
1816
+ // [Tags "!Protected"]
1817
+ @sapIndicationColor_6_Background: @sapIndicationColor_6;
1818
+
1819
+ // [Tags "!Protected"]
1820
+ @sapIndicationColor_6_BorderColor: @sapIndicationColor_6;
1821
+
1292
1822
  // [Tags "!Protected"]
1293
1823
  @sapIndicationColor_6_Hover_Background: darken(@sapIndicationColor_6, 5);
1294
1824
 
@@ -1296,11 +1826,17 @@
1296
1826
  @sapIndicationColor_6_Active_Background: darken(@sapIndicationColor_6, 10);
1297
1827
 
1298
1828
  // [Tags "!Protected"]
1299
- @sapIndicationColor_6_TextColor: contrast(@sapIndicationColor_6, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
1829
+ @sapIndicationColor_6_TextColor: contrast(@sapIndicationColor_6_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
1300
1830
 
1301
1831
  // [Tags "!Protected"]
1302
1832
  @sapIndicationColor_7: #5d36ff;
1303
1833
 
1834
+ // [Tags "!Protected"]
1835
+ @sapIndicationColor_7_Background: @sapIndicationColor_7;
1836
+
1837
+ // [Tags "!Protected"]
1838
+ @sapIndicationColor_7_BorderColor: @sapIndicationColor_7;
1839
+
1304
1840
  // [Tags "!Protected"]
1305
1841
  @sapIndicationColor_7_Hover_Background: darken(@sapIndicationColor_7, 5);
1306
1842
 
@@ -1308,11 +1844,17 @@
1308
1844
  @sapIndicationColor_7_Active_Background: darken(@sapIndicationColor_7, 10);
1309
1845
 
1310
1846
  // [Tags "!Protected"]
1311
- @sapIndicationColor_7_TextColor: contrast(@sapIndicationColor_7, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
1847
+ @sapIndicationColor_7_TextColor: contrast(@sapIndicationColor_7_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
1312
1848
 
1313
1849
  // [Tags "!Protected"]
1314
1850
  @sapIndicationColor_8: #a100c2;
1315
1851
 
1852
+ // [Tags "!Protected"]
1853
+ @sapIndicationColor_8_Background: @sapIndicationColor_8;
1854
+
1855
+ // [Tags "!Protected"]
1856
+ @sapIndicationColor_8_BorderColor: @sapIndicationColor_8;
1857
+
1316
1858
  // [Tags "!Protected"]
1317
1859
  @sapIndicationColor_8_Hover_Background: darken(@sapIndicationColor_8, 5);
1318
1860
 
@@ -1320,7 +1862,7 @@
1320
1862
  @sapIndicationColor_8_Active_Background: darken(@sapIndicationColor_8, 10);
1321
1863
 
1322
1864
  // [Tags "!Protected"]
1323
- @sapIndicationColor_8_TextColor: contrast(@sapIndicationColor_8, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
1865
+ @sapIndicationColor_8_TextColor: contrast(@sapIndicationColor_8_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
1324
1866
 
1325
1867
  // [Tags "!Protected"]
1326
1868
  @sapLegend_WorkingBackground: @sapList_Background;
@@ -1332,169 +1874,169 @@
1332
1874
  @sapLegend_CurrentDateTime: @sapAccentColor4;
1333
1875
 
1334
1876
  // [Tags "!Protected"]
1335
- @sapLegendColor1: #e18409;
1877
+ @sapLegendColor1: #c35500;
1336
1878
 
1337
1879
  // [Tags "!Protected"]
1338
- @sapLegendColor2: #e65151;
1880
+ @sapLegendColor2: #d23a0a;
1339
1881
 
1340
1882
  // [Tags "!Protected"]
1341
- @sapLegendColor3: #e71376;
1883
+ @sapLegendColor3: #df1278;
1342
1884
 
1343
1885
  // [Tags "!Protected"]
1344
- @sapLegendColor4: #a63030;
1886
+ @sapLegendColor4: #840606;
1345
1887
 
1346
1888
  // [Tags "!Protected"]
1347
- @sapLegendColor5: #da52b8;
1889
+ @sapLegendColor5: #cc00dc;
1348
1890
 
1349
1891
  // [Tags "!Protected"]
1350
- @sapLegendColor6: #1d6ebf;
1892
+ @sapLegendColor6: #0057d2;
1351
1893
 
1352
1894
  // [Tags "!Protected"]
1353
- @sapLegendColor7: #089aab;
1895
+ @sapLegendColor7: #07838f;
1354
1896
 
1355
1897
  // [Tags "!Protected"]
1356
- @sapLegendColor8: #92a35b;
1898
+ @sapLegendColor8: #188918;
1357
1899
 
1358
1900
  // [Tags "!Protected"]
1359
- @sapLegendColor9: #587b93;
1901
+ @sapLegendColor9: #5b738b;
1360
1902
 
1361
1903
  // [Tags "!Protected"]
1362
- @sapLegendColor10: #922075;
1904
+ @sapLegendColor10: #7800a4;
1363
1905
 
1364
1906
  // [Tags "!Protected"]
1365
- @sapLegendColor11: #7b5b31;
1907
+ @sapLegendColor11: #a93e00;
1366
1908
 
1367
1909
  // [Tags "!Protected"]
1368
- @sapLegendColor12: #c72323;
1910
+ @sapLegendColor12: #aa2608;
1369
1911
 
1370
1912
  // [Tags "!Protected"]
1371
- @sapLegendColor13: #c71065;
1913
+ @sapLegendColor13: #ba066c;
1372
1914
 
1373
1915
  // [Tags "!Protected"]
1374
- @sapLegendColor14: #967244;
1916
+ @sapLegendColor14: #8d2a00;
1375
1917
 
1376
1918
  // [Tags "!Protected"]
1377
- @sapLegendColor15: #54559c;
1919
+ @sapLegendColor15: #4e247a;
1378
1920
 
1379
1921
  // [Tags "!Protected"]
1380
- @sapLegendColor16: #4d7dad;
1922
+ @sapLegendColor16: #002a86;
1381
1923
 
1382
1924
  // [Tags "!Protected"]
1383
- @sapLegendColor17: #3f8188;
1925
+ @sapLegendColor17: #035663;
1384
1926
 
1385
1927
  // [Tags "!Protected"]
1386
- @sapLegendColor18: #6c832a;
1928
+ @sapLegendColor18: #1e592f;
1387
1929
 
1388
1930
  // [Tags "!Protected"]
1389
- @sapLegendColor19: #205992;
1931
+ @sapLegendColor19: #1a4796;
1390
1932
 
1391
1933
  // [Tags "!Protected"]
1392
- @sapLegendColor20: #4549c9;
1934
+ @sapLegendColor20: #470ced;
1393
1935
 
1394
1936
  // [Tags "!Protected"]
1395
- @sapLegendBackgroundColor1: #fef4e6;
1937
+ @sapLegendBackgroundColor1: #ffef9f;
1396
1938
 
1397
1939
  // [Tags "!Protected"]
1398
- @sapLegendBackgroundColor2: #fce9e9;
1940
+ @sapLegendBackgroundColor2: #feeae1;
1399
1941
 
1400
1942
  // [Tags "!Protected"]
1401
- @sapLegendBackgroundColor3: #fde8f2;
1943
+ @sapLegendBackgroundColor3: #fbf6f8;
1402
1944
 
1403
1945
  // [Tags "!Protected"]
1404
- @sapLegendBackgroundColor4: #f9ebeb;
1946
+ @sapLegendBackgroundColor4: #fbebeb;
1405
1947
 
1406
1948
  // [Tags "!Protected"]
1407
- @sapLegendBackgroundColor5: #fae9f6;
1949
+ @sapLegendBackgroundColor5: #ffe5fe;
1408
1950
 
1409
1951
  // [Tags "!Protected"]
1410
- @sapLegendBackgroundColor6: #e9f3fc;
1952
+ @sapLegendBackgroundColor6: #d1efff;
1411
1953
 
1412
1954
  // [Tags "!Protected"]
1413
- @sapLegendBackgroundColor7: #e7fcfe;
1955
+ @sapLegendBackgroundColor7: #c2fcee;
1414
1956
 
1415
1957
  // [Tags "!Protected"]
1416
- @sapLegendBackgroundColor8: #f4f6ee;
1958
+ @sapLegendBackgroundColor8: #f5fae5;
1417
1959
 
1418
1960
  // [Tags "!Protected"]
1419
- @sapLegendBackgroundColor9: #eff3f6;
1961
+ @sapLegendBackgroundColor9: #f5f6f7;
1420
1962
 
1421
1963
  // [Tags "!Protected"]
1422
- @sapLegendBackgroundColor10: #faeaf6;
1964
+ @sapLegendBackgroundColor10: #fff0fa;
1423
1965
 
1424
1966
  // [Tags "!Protected"]
1425
- @sapLegendBackgroundColor11: #f7f2ec;
1967
+ @sapLegendBackgroundColor11: #fff8d6;
1426
1968
 
1427
1969
  // [Tags "!Protected"]
1428
- @sapLegendBackgroundColor12: #fbe9e9;
1970
+ @sapLegendBackgroundColor12: #fff6f6;
1429
1971
 
1430
1972
  // [Tags "!Protected"]
1431
- @sapLegendBackgroundColor13: #fde8f2;
1973
+ @sapLegendBackgroundColor13: #f7ebef;
1432
1974
 
1433
1975
  // [Tags "!Protected"]
1434
- @sapLegendBackgroundColor14: #f7f2ed;
1976
+ @sapLegendBackgroundColor14: #f1ecd5;
1435
1977
 
1436
1978
  // [Tags "!Protected"]
1437
- @sapLegendBackgroundColor15: #efeff6;
1979
+ @sapLegendBackgroundColor15: #f0e7f8;
1438
1980
 
1439
1981
  // [Tags "!Protected"]
1440
- @sapLegendBackgroundColor16: #edf2f7;
1982
+ @sapLegendBackgroundColor16: #ebf8ff;
1441
1983
 
1442
1984
  // [Tags "!Protected"]
1443
- @sapLegendBackgroundColor17: #eef6f7;
1985
+ @sapLegendBackgroundColor17: #dafdf5;
1444
1986
 
1445
1987
  // [Tags "!Protected"]
1446
- @sapLegendBackgroundColor18: #f5f9eb;
1988
+ @sapLegendBackgroundColor18: #ebf5cb;
1447
1989
 
1448
1990
  // [Tags "!Protected"]
1449
- @sapLegendBackgroundColor19: #eaf2fa;
1991
+ @sapLegendBackgroundColor19: #fafdff;
1450
1992
 
1451
1993
  // [Tags "!Protected"]
1452
- @sapLegendBackgroundColor20: #ebebf9;
1994
+ @sapLegendBackgroundColor20: #eceeff;
1453
1995
 
1454
1996
  // [Tags "!Protected"]
1455
- @sapChart_OrderedColor_1: #1B90FF;
1997
+ @sapChart_OrderedColor_1: #1b90ff;
1456
1998
 
1457
1999
  // [Tags "!Protected"]
1458
- @sapChart_OrderedColor_2: darken(saturate(#e8743b, 10),5);
2000
+ @sapChart_OrderedColor_2: #f26018;
1459
2001
 
1460
2002
  // [Tags "!Protected"]
1461
- @sapChart_OrderedColor_3: darken(#19a979, 3);
2003
+ @sapChart_OrderedColor_3: #179c6f;
1462
2004
 
1463
2005
  // [Tags "!Protected"]
1464
- @sapChart_OrderedColor_4: darken(saturate(#ed4a7b, 10),5);
2006
+ @sapChart_OrderedColor_4: #f62866;
1465
2007
 
1466
2008
  // [Tags "!Protected"]
1467
- @sapChart_OrderedColor_5: darken(saturate(#945ecf, 10),5);
2009
+ @sapChart_OrderedColor_5: #863fd5;
1468
2010
 
1469
2011
  // [Tags "!Protected"]
1470
- @sapChart_OrderedColor_6: #04ACA7;
2012
+ @sapChart_OrderedColor_6: #04a29d;
1471
2013
 
1472
2014
  // [Tags "!Protected"]
1473
- @sapChart_OrderedColor_7: #0070F2;
2015
+ @sapChart_OrderedColor_7: #0070f2;
1474
2016
 
1475
2017
  // [Tags "!Protected"]
1476
- @sapChart_OrderedColor_8: #CC00DC;
2018
+ @sapChart_OrderedColor_8: #cc00dc;
1477
2019
 
1478
2020
  // [Tags "!Protected"]
1479
- @sapChart_OrderedColor_9: #8396A8;
2021
+ @sapChart_OrderedColor_9: #8396a8;
1480
2022
 
1481
2023
  // [Tags "!Protected"]
1482
- @sapChart_OrderedColor_10: darken(saturate(#ee6868, 10),5);
2024
+ @sapChart_OrderedColor_10: #f54747;
1483
2025
 
1484
2026
  // [Tags "!Protected"]
1485
- @sapChart_OrderedColor_11: darken(saturate(#2f6497, 10),5);
2027
+ @sapChart_OrderedColor_11: #20578c;
1486
2028
 
1487
2029
  // [Tags "!Protected"]
1488
- @sapChart_Bad: #D20A0A;
2030
+ @sapChart_Bad: @sapNegativeElementColor;
1489
2031
 
1490
2032
  // [Tags "!Protected"]
1491
- @sapChart_Critical: #F58B00;
2033
+ @sapChart_Critical: @sapCriticalElementColor;
1492
2034
 
1493
2035
  // [Tags "!Protected"]
1494
- @sapChart_Good: #36A41D;
2036
+ @sapChart_Good: @sapPositiveElementColor;
1495
2037
 
1496
2038
  // [Tags "!Protected"]
1497
- @sapChart_Neutral: #8396A8;
2039
+ @sapChart_Neutral: @sapNeutralElementColor;
1498
2040
 
1499
2041
  // [Tags "!Protected"]
1500
2042
  @sapChart_Sequence_1: @sapChart_OrderedColor_1;
@@ -1537,103 +2079,60 @@
1537
2079
  // @sapFontUrl_SAP-icons-TNT_ttf: url(./../baseTheme/fonts/SAP-icons-TNT.ttf);
1538
2080
  // @sapFontUrl_SAP-icons-TNT_woff: url(./../baseTheme/fonts/SAP-icons-TNT.woff);
1539
2081
  // @sapFontUrl_SAP-icons-TNT_woff2: url(./../baseTheme/fonts/SAP-icons-TNT.woff2);
1540
- // @sapFontUrl_SAP-icons-Business-Suite_ttf: url(./../baseTheme/fonts/BusinessSuiteInAppSymbols.ttf);
1541
- // @sapFontUrl_SAP-icons-Business-Suite_woff: url(./../baseTheme/fonts/BusinessSuiteInAppSymbols.woff);
1542
- // @sapFontUrl_SAP-icons-Business-Suite_woff2: url(./../baseTheme/fonts/BusinessSuiteInAppSymbols.woff2);
1543
-
1544
- // [Tags "SapInternal", "Base", "URI", "Font", "Protected"]
2082
+ // @sapFontUrl_SAP-icons-Business-Suite_ttf: url(./fonts/BusinessSuiteInAppSymbols.ttf);
2083
+ // @sapFontUrl_SAP-icons-Business-Suite_woff: url(./fonts/BusinessSuiteInAppSymbols.woff);
2084
+ // @sapFontUrl_SAP-icons-Business-Suite_woff2: url(./fonts/BusinessSuiteInAppSymbols.woff2);
1545
2085
  // @sapFontUrl_72_Regular_woff2: url(./../baseTheme/fonts/72-Regular.woff2);
1546
-
1547
- // [Tags "SapInternal", "Base", "URI", "Font", "Protected"]
1548
2086
  // @sapFontUrl_72_Regular_woff: url(./../baseTheme/fonts/72-Regular.woff);
1549
-
1550
- // [Tags "SapInternal", "Base", "URI", "Font", "Protected"]
1551
- // @sapFontUrl_72_Bold_woff2: url(./../baseTheme/fonts/72-Bold.woff2);
1552
-
1553
- // [Tags "SapInternal", "Base", "URI", "Font", "Protected"]
1554
- // @sapFontUrl_72_Bold_woff: url(./../baseTheme/fonts/72-Bold.woff);
1555
-
1556
- // [Tags "SapInternal", "Base", "URI", "Font", "Protected"]
1557
- // @sapFontUrl_72_Light_woff2: url(./../baseTheme/fonts/72-Light.woff2);
1558
-
1559
- // [Tags "SapInternal", "Base", "URI", "Font", "Protected"]
1560
- // @sapFontUrl_72_Light_woff: url(./../baseTheme/fonts/72-Light.woff);
1561
-
1562
- // [Tags "SapInternal", "Base", "URI", "Font", "Protected"]
1563
2087
  // @sapFontUrl_72_Regular_full_woff2: url(./../baseTheme/fonts/72-Regular-full.woff2);
1564
-
1565
- // [Tags "SapInternal", "Base", "URI", "Font", "Protected"]
1566
2088
  // @sapFontUrl_72_Regular_full_woff: url(./../baseTheme/fonts/72-Regular-full.woff);
1567
-
1568
- // [Tags "SapInternal", "Base", "URI", "Font", "Protected"]
2089
+ // @sapFontUrl_72_Bold_woff2: url(./../baseTheme/fonts/72-Bold.woff2);
2090
+ // @sapFontUrl_72_Bold_woff: url(./../baseTheme/fonts/72-Bold.woff);
1569
2091
  // @sapFontUrl_72_Bold_full_woff2: url(./../baseTheme/fonts/72-Bold-full.woff2);
1570
-
1571
- // [Tags "SapInternal", "Base", "URI", "Font", "Protected"]
1572
2092
  // @sapFontUrl_72_Bold_full_woff: url(./../baseTheme/fonts/72-Bold-full.woff);
1573
-
1574
- // [Tags "SapInternal", "Base", "URI", "Font", "Protected"]
2093
+ @sapFontUrl_72_Semibold_woff2: url(./../baseTheme/fonts/72-Semibold.woff2);
2094
+ @sapFontUrl_72_Semibold_woff: url(./../baseTheme/fonts/72-Semibold.woff);
2095
+ @sapFontUrl_72_Semibold_full_woff2: url(./../baseTheme/fonts/72-Semibold-full.woff2);
2096
+ @sapFontUrl_72_Semibold_full_woff: url(./../baseTheme/fonts/72-Semibold-full.woff);
2097
+ @sapFontUrl_72_SemiboldDuplex_woff2: url(./../baseTheme/fonts/72-SemiboldDuplex.woff2);
2098
+ @sapFontUrl_72_SemiboldDuplex_woff: url(./../baseTheme/fonts/72-SemiboldDuplex.woff);
2099
+ @sapFontUrl_72_SemiboldDuplex_full_woff2: url(./../baseTheme/fonts/72-SemiboldDuplex-full.woff2);
2100
+ @sapFontUrl_72_SemiboldDuplex_full_woff: url(./../baseTheme/fonts/72-SemiboldDuplex-full.woff);
2101
+ // @sapFontUrl_72_Light_woff2: url(./../baseTheme/fonts/72-Light.woff2);
2102
+ // @sapFontUrl_72_Light_woff: url(./../baseTheme/fonts/72-Light.woff);
1575
2103
  // @sapFontUrl_72_Light_full_woff2: url(./../baseTheme/fonts/72-Light-full.woff2);
1576
-
1577
- // [Tags "SapInternal", "Base", "URI", "Font", "Protected"]
1578
2104
  // @sapFontUrl_72_Light_full_woff: url(./../baseTheme/fonts/72-Light-full.woff);
1579
-
1580
- // [Tags "SapInternal", "Base", "URI", "Font", "Protected"]
1581
2105
  // @sapFontUrl_72_Black_woff2: url(./../baseTheme/fonts/72-Black.woff2);
1582
-
1583
- // [Tags "SapInternal", "Base", "URI", "Font", "Protected"]
1584
2106
  // @sapFontUrl_72_Black_woff: url(./../baseTheme/fonts/72-Black.woff);
1585
-
1586
- // [Tags "SapInternal", "Base", "URI", "Font", "Protected"]
2107
+ @sapFontUrl_72_Black_full_woff2: url(./../baseTheme/fonts/72-Black-full.woff2);
2108
+ @sapFontUrl_72_Black_full_woff: url(./../baseTheme/fonts/72-Black-full.woff);
1587
2109
  // @sapFontUrl_72_BoldItalic_woff2: url(./../baseTheme/fonts/72-BoldItalic.woff2);
1588
-
1589
- // [Tags "SapInternal", "Base", "URI", "Font", "Protected"]
1590
2110
  // @sapFontUrl_72_BoldItalic_woff: url(./../baseTheme/fonts/72-BoldItalic.woff);
1591
-
1592
- // [Tags "SapInternal", "Base", "URI", "Font", "Protected"]
2111
+ @sapFontUrl_72_BoldItalic_full_woff2: url(./../baseTheme/fonts/72-BoldItalic-full.woff2);
2112
+ @sapFontUrl_72_BoldItalic_full_woff: url(./../baseTheme/fonts/72-BoldItalic-full.woff);
1593
2113
  // @sapFontUrl_72_Condensed_woff2: url(./../baseTheme/fonts/72-Condensed.woff2);
1594
-
1595
- // [Tags "SapInternal", "Base", "URI", "Font", "Protected"]
1596
2114
  // @sapFontUrl_72_Condensed_woff: url(./../baseTheme/fonts/72-Condensed.woff);
1597
-
1598
- // [Tags "SapInternal", "Base", "URI", "Font", "Protected"]
2115
+ @sapFontUrl_72_Condensed_full_woff2: url(./../baseTheme/fonts/72-Condensed-full.woff2);
2116
+ @sapFontUrl_72_Condensed_full_woff: url(./../baseTheme/fonts/72-Condensed-full.woff);
1599
2117
  // @sapFontUrl_72_CondensedBold_woff2: url(./../baseTheme/fonts/72-CondensedBold.woff2);
1600
-
1601
- // [Tags "SapInternal", "Base", "URI", "Font", "Protected"]
1602
2118
  // @sapFontUrl_72_CondensedBold_woff: url(./../baseTheme/fonts/72-CondensedBold.woff);
1603
-
1604
- // [Tags "SapInternal", "Base", "URI", "Font", "Protected"]
2119
+ @sapFontUrl_72_CondensedBold_full_woff2: url(./../baseTheme/fonts/72-CondensedBold-full.woff2);
2120
+ @sapFontUrl_72_CondensedBold_full_woff: url(./../baseTheme/fonts/72-CondensedBold-full.woff);
1605
2121
  // @sapFontUrl_72_Italic_woff2: url(./../baseTheme/fonts/72-Italic.woff2);
1606
-
1607
- // [Tags "SapInternal", "Base", "URI", "Font", "Protected"]
1608
2122
  // @sapFontUrl_72_Italic_woff: url(./../baseTheme/fonts/72-Italic.woff);
1609
-
1610
- // [Tags "SapInternal", "Base", "URI", "Font", "Protected"]
2123
+ @sapFontUrl_72_Italic_full_woff2: url(./../baseTheme/fonts/72-Italic-full.woff2);
2124
+ @sapFontUrl_72_Italic_full_woff: url(./../baseTheme/fonts/72-Italic-full.woff);
1611
2125
  // @sapFontUrl_72Mono_Regular_woff2: url(./../baseTheme/fonts/72Mono-Regular.woff2);
1612
-
1613
- // [Tags "SapInternal", "Base", "URI", "Font", "Protected"]
1614
2126
  // @sapFontUrl_72Mono_Regular_woff: url(./../baseTheme/fonts/72Mono-Regular.woff);
1615
-
1616
- // [Tags "SapInternal", "Base", "URI", "Font", "Protected"]
1617
2127
  // @sapFontUrl_72Mono_Regular_full_woff2: url(./../baseTheme/fonts/72Mono-Regular-full.woff2);
1618
-
1619
- // [Tags "SapInternal", "Base", "URI", "Font", "Protected"]
1620
2128
  // @sapFontUrl_72Mono_Regular_full_woff: url(./../baseTheme/fonts/72Mono-Regular-full.woff);
1621
-
1622
- // [Tags "SapInternal", "Base", "URI", "Font", "Protected"]
1623
2129
  // @sapFontUrl_72Mono_Bold_woff2: url(./../baseTheme/fonts/72Mono-Bold.woff2);
1624
-
1625
- // [Tags "SapInternal", "Base", "URI", "Font", "Protected"]
1626
2130
  // @sapFontUrl_72Mono_Bold_woff: url(./../baseTheme/fonts/72Mono-Bold.woff);
1627
-
1628
- // [Tags "SapInternal", "Base", "URI", "Font", "Protected"]
1629
2131
  // @sapFontUrl_72Mono_Bold_full_woff2: url(./../baseTheme/fonts/72Mono-Bold-full.woff2);
1630
-
1631
- // [Tags "SapInternal", "Base", "URI", "Font", "Protected"]
1632
2132
  // @sapFontUrl_72Mono_Bold_full_woff: url(./../baseTheme/fonts/72Mono-Bold-full.woff);
1633
2133
  // @sapSvgLib_SAP-icons: none;
1634
2134
  // @sapSvgLib_SAPGUI-icons: url(./svg/libs/SAPGUI-icons.svg);
1635
2135
  // @sapSvgLib_SAPWeb-icons: url(./svg/libs/SAPWeb-icons.svg);
1636
2136
  @sapBackgroundColorDefault: darken(@sapPrimary3, 3);
1637
2137
  @sapList_HighlightColor: @sapHighlightColor;
1638
- @sapGroup_Title_FontSize: @sapFontSize;
1639
2138
  @sapShell_BackgroundGradient: linear-gradient(to bottom, @sapShell_Background, @sapShell_Background);