@openui5/themelib_sap_bluecrystal 1.99.1 → 1.102.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/THIRDPARTY.txt CHANGED
@@ -400,7 +400,7 @@ Contained in: src/sap.ui.mdc/test/sap/ui/mdc/sample/field/filterfieldwithoperato
400
400
 
401
401
  Library: sap.ui.webc.common:
402
402
 
403
- Component: UI5 Web Components, version: 1.0.0-rc.12
403
+ Component: UI5 Web Components, version: 1.1.2
404
404
  Copyright: SAP
405
405
  License: Apache-2.0
406
406
  License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
@@ -411,7 +411,7 @@ Contained in: src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/base/*.*
411
411
  src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons-tnt/*.*
412
412
  src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons-business-suite/*.*
413
413
 
414
- Component: lit-html, version: 1.4.1
414
+ Component: lit-html, version: 2.0.1
415
415
  Copyright: Google LLC
416
416
  License: BSD-3-Clause
417
417
  License Text: https://github.com/SAP/openui5/blob/master/LICENSES/BSD-3-Clause.txt
@@ -420,7 +420,7 @@ Contained in: src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/lit-html/
420
420
 
421
421
  Library: sap.ui.webc.fiori:
422
422
 
423
- Component: UI5 Web Components, version: 1.0.0-rc.12
423
+ Component: UI5 Web Components, version: 1.1.2
424
424
  Copyright: SAP
425
425
  License: Apache-2.0
426
426
  License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
@@ -429,7 +429,7 @@ Contained in: src/sap.ui.webc.fiori/src/sap/ui/webc/fiori/thirdparty/*.*
429
429
 
430
430
  Library: sap.ui.webc.main:
431
431
 
432
- Component: UI5 Web Components, version: 1.0.0-rc.12
432
+ Component: UI5 Web Components, version: 1.1.2
433
433
  Copyright: SAP
434
434
  License: Apache-2.0
435
435
  License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
@@ -450,7 +450,7 @@ License: Apache-2.0
450
450
  License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
451
451
  Contained in: lib/jsdoc/ui5/plugin.js
452
452
 
453
- Component: SAP Theming Base Content, version: 11.1.34
453
+ Component: SAP Theming Base Content, version: 11.1.39
454
454
  Copyright: SAP SE or an SAP affiliate company and Theming Base Content contributors
455
455
  License: Apache-2.0
456
456
  License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@openui5/themelib_sap_bluecrystal",
3
- "version": "1.99.1",
3
+ "version": "1.102.0",
4
4
  "description": "OpenUI5 Theme Library sap_bluecrystal",
5
5
  "author": "SAP SE (https://www.sap.com)",
6
6
  "license": "Apache-2.0",
@@ -14,22 +14,22 @@
14
14
  "url": "https://github.com/SAP/openui5.git"
15
15
  },
16
16
  "devDependencies": {
17
- "@openui5/sap.f": "1.99.1",
18
- "@openui5/sap.m": "1.99.1",
19
- "@openui5/sap.tnt": "1.99.1",
20
- "@openui5/sap.ui.codeeditor": "1.99.1",
21
- "@openui5/sap.ui.commons": "1.99.1",
22
- "@openui5/sap.ui.core": "1.99.1",
23
- "@openui5/sap.ui.dt": "1.99.1",
24
- "@openui5/sap.ui.fl": "1.99.1",
25
- "@openui5/sap.ui.mdc": "1.99.1",
26
- "@openui5/sap.ui.integration": "1.99.1",
27
- "@openui5/sap.ui.layout": "1.99.1",
28
- "@openui5/sap.ui.rta": "1.99.1",
29
- "@openui5/sap.ui.suite": "1.99.1",
30
- "@openui5/sap.ui.table": "1.99.1",
31
- "@openui5/sap.ui.unified": "1.99.1",
32
- "@openui5/sap.ui.ux3": "1.99.1",
33
- "@openui5/sap.uxap": "1.99.1"
17
+ "@openui5/sap.f": "1.102.0",
18
+ "@openui5/sap.m": "1.102.0",
19
+ "@openui5/sap.tnt": "1.102.0",
20
+ "@openui5/sap.ui.codeeditor": "1.102.0",
21
+ "@openui5/sap.ui.commons": "1.102.0",
22
+ "@openui5/sap.ui.core": "1.102.0",
23
+ "@openui5/sap.ui.dt": "1.102.0",
24
+ "@openui5/sap.ui.fl": "1.102.0",
25
+ "@openui5/sap.ui.mdc": "1.102.0",
26
+ "@openui5/sap.ui.integration": "1.102.0",
27
+ "@openui5/sap.ui.layout": "1.102.0",
28
+ "@openui5/sap.ui.rta": "1.102.0",
29
+ "@openui5/sap.ui.suite": "1.102.0",
30
+ "@openui5/sap.ui.table": "1.102.0",
31
+ "@openui5/sap.ui.unified": "1.102.0",
32
+ "@openui5/sap.ui.ux3": "1.102.0",
33
+ "@openui5/sap.uxap": "1.102.0"
34
34
  }
35
35
  }
@@ -7,11 +7,6 @@
7
7
  /* picker */
8
8
  /* ------------------------------ */
9
9
 
10
- div.sapMComboBoxBasePicker {
11
- box-shadow: 0 0.0625rem 0.1875rem fade(@sapUiContentShadowColor, 50);
12
- border: none;
13
- }
14
-
15
10
  .sapMComboBoxBasePicker-CTX .sapMSelectListItemBaseSelected {
16
11
  outline: 1px dotted @sapUiContentFocusColor;
17
12
  outline-offset: -2px;
@@ -7,4 +7,8 @@
7
7
  div.sapMInputSuggestionPopup {
8
8
  border: none;
9
9
  box-shadow: 0 0.0625rem 0.1875rem fade(@sapUiContentShadowColor, 50);
10
+ }
11
+
12
+ .sapMInputDescriptionText {
13
+ font-size: @sapMFontMediumSize;
10
14
  }
@@ -4,12 +4,10 @@
4
4
  /* ================================ */
5
5
 
6
6
  .sapMInputBaseInner {
7
- color: @sapUiFieldTextColor;
7
+ font-size: @sapMFontMediumSize;
8
8
  }
9
9
 
10
10
  .sapMInputBaseContentWrapper {
11
- border: 1px solid @sapUiDarkBorder;
12
- background: @sapUiFieldBackground;
13
11
  &.sapMInputBaseContentWrapperState {
14
12
  border-width: 2px;
15
13
  .sapMInputBaseIcon {
@@ -32,28 +30,6 @@
32
30
  }
33
31
  }
34
32
 
35
- .sapMInputBaseContentWrapperWarning {
36
- background: @sapUiFieldWarningBackground;
37
- border-color: @sapUiWarningBorder;
38
- }
39
-
40
- .sapMInputBaseContentWrapperSuccess {
41
- background: @sapUiFieldSuccessBackground;
42
- border-color: @sapUiFieldSuccessColor;
43
- }
44
-
45
- .sapMInputBaseContentWrapperError {
46
- background: @sapUiFieldInvalidBackground;
47
- border-color: @sapUiErrorBorder;
48
- }
49
-
50
- /*read only*/
51
-
52
- .sapMInputBaseReadonlyWrapper .sapMInputBaseInner {
53
- border: 1px solid @sapUiFieldReadOnlyBorderColor;
54
- background: @sapUiFieldReadOnlyBackground;
55
- }
56
-
57
33
  /*disabled*/
58
34
 
59
35
  .sapMInputBase .sapMInputBaseDisabledWrapper {
@@ -26,6 +26,7 @@
26
26
 
27
27
  .sapMPanelHdr {
28
28
  text-shadow: @sapUiShadowText;
29
+ font-size: @sapMFontHeader4Size;
29
30
  }
30
31
 
31
32
  .sapMPanelContent:not(.sapMPanelBGTransparent) {
@@ -8,6 +8,12 @@
8
8
  background: lighten(@sapUiFieldBorderColor, 11.8);
9
9
  }
10
10
 
11
+ .sapMSliderInner,
12
+ .sapMSliderProgress {
13
+ height: 0.1875rem;
14
+ border-radius: 0;
15
+ }
16
+
11
17
  /* slider handle */
12
18
  .sapMSliderHandle {
13
19
  background: fade(@sapUiFieldBackground, 10);
@@ -5,6 +5,10 @@
5
5
 
6
6
  .sapMToken {
7
7
  border: 1px solid darken(@sapUiButtonBackground, 10);
8
+
9
+ .sapMTokenIcon {
10
+ font-size: @sapMFontMediumSize;
11
+ }
8
12
  }
9
13
 
10
14
  html.sap-desktop .sapMToken:hover {
@@ -11,6 +11,7 @@
11
11
  &.sapMToken:hover,
12
12
  &.sapMToken:focus,
13
13
  &.sapMTokenSelected,
14
+ &.sapMToken.sapMTokenSelected:hover,
14
15
  &.sapMToken .sapMTokenIcon {
15
16
  background: @sapUiButtonBackground;
16
17
  cursor: default;
@@ -6,7 +6,7 @@
6
6
  <copyright>OpenUI5
7
7
  * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.99.1</version>
9
+ <version>1.102.0</version>
10
10
 
11
11
  <documentation>SAPUI5 bluecrystal theme library.</documentation>
12
12
 
@@ -246,12 +246,15 @@
246
246
  @sapContent_NonInteractiveIconColor: @sapContent_IconColor;
247
247
  @sapContent_MarkerIconColor: @sapAccentColor5;
248
248
  @sapContent_MarkerTextColor: darken(@sapAccentColor7, 8);
249
+ @sapContent_MeasureIndicatorColor: lighten(@sapField_BorderColor, 11.8);
250
+ @sapContent_Selected_MeasureIndicatorColor: lighten(@sapField_BorderColor, 11.8);
249
251
  @sapContent_Placeholderloading_Background: darken(@sapBaseColor, 12);
250
252
  @sapContent_Placeholderloading_Gradient: linear-gradient(to right, @sapContent_Placeholderloading_Background 0%, @sapContent_Placeholderloading_Background 35%, darken(@sapContent_Placeholderloading_Background, 5) 50%, @sapContent_Placeholderloading_Background 65%, @sapContent_Placeholderloading_Background 100%);
251
253
  @sapContent_ImagePlaceholderBackground: @sapExtraLightBackground;
252
254
  @sapContent_ImagePlaceholderForegroundColor: darken(@sapExtraLightBackground, 20);
253
255
  @sapContent_RatedColor: @sapAccentColor1;
254
256
  @sapContent_UnratedColor: lighten(@sapContent_RatedColor, 50);
257
+ @sapContent_BusyColor: @sapBrandColor;
255
258
  @sapContent_FocusColor: @sapDarkFocusColor;
256
259
  @sapContent_FocusStyle: dotted;
257
260
  @sapContent_FocusWidth: 1px;
@@ -300,6 +303,7 @@
300
303
  @sapContent_Selected_Background: @sapSelectedColor;
301
304
  @sapContent_Selected_Hover_Background: lighten(@sapContent_Selected_Background, 3);
302
305
  @sapContent_Selected_ForegroundColor: @sapSelectedColor;
306
+ @sapContent_ForcedColorAdjust: none;
303
307
 
304
308
 
305
309
 
@@ -338,6 +342,8 @@
338
342
 
339
343
  @sapFontLightFamily: @sapFontFamily;
340
344
  @sapFontBoldFamily: @sapFontFamily;
345
+ @sapFontSemiboldFamily: @sapFontBoldFamily;
346
+ @sapFontSemiboldDuplexFamily: @sapFontFamily;
341
347
  @sapFontBlackFamily: @sapFontFamily;
342
348
  @sapFontHeaderFamily: @sapFontFamily;
343
349
  @sapFontSmallSize: 0.8 * @sapFontSize;
@@ -421,6 +427,44 @@
421
427
 
422
428
 
423
429
 
430
+ // =====================================
431
+ // Avatar
432
+ // =====================================
433
+
434
+ @sapAvatar_1_Background: @sapAccentColor1;
435
+ @sapAvatar_1_BorderColor: @sapAccentColor1;
436
+ @sapAvatar_1_TextColor: contrast(@sapAvatar_1_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
437
+ @sapAvatar_2_Background: @sapAccentColor2;
438
+ @sapAvatar_2_BorderColor: @sapAccentColor2;
439
+ @sapAvatar_2_TextColor: contrast(@sapAvatar_2_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
440
+ @sapAvatar_3_Background: @sapAccentColor3;
441
+ @sapAvatar_3_BorderColor: @sapAccentColor3;
442
+ @sapAvatar_3_TextColor: contrast(@sapAvatar_3_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
443
+ @sapAvatar_4_Background: @sapAccentColor4;
444
+ @sapAvatar_4_BorderColor: @sapAccentColor4;
445
+ @sapAvatar_4_TextColor: contrast(@sapAvatar_4_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
446
+ @sapAvatar_5_Background: @sapAccentColor5;
447
+ @sapAvatar_5_BorderColor: @sapAccentColor5;
448
+ @sapAvatar_5_TextColor: contrast(@sapAvatar_5_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
449
+ @sapAvatar_6_Background: @sapAccentColor6;
450
+ @sapAvatar_6_BorderColor: @sapAccentColor6;
451
+ @sapAvatar_6_TextColor: contrast(@sapAvatar_6_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
452
+ @sapAvatar_7_Background: @sapAccentColor7;
453
+ @sapAvatar_7_BorderColor: @sapAccentColor7;
454
+ @sapAvatar_7_TextColor: contrast(@sapAvatar_7_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
455
+ @sapAvatar_8_Background: @sapAccentColor8;
456
+ @sapAvatar_8_BorderColor: @sapAccentColor8;
457
+ @sapAvatar_8_TextColor: contrast(@sapAvatar_8_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
458
+ @sapAvatar_9_Background: @sapAccentColor9;
459
+ @sapAvatar_9_BorderColor: @sapAccentColor9;
460
+ @sapAvatar_9_TextColor: contrast(@sapAvatar_9_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
461
+ @sapAvatar_10_Background: @sapAccentColor10;
462
+ @sapAvatar_10_BorderColor: @sapAccentColor10;
463
+ @sapAvatar_10_TextColor: contrast(@sapAvatar_10_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
464
+
465
+
466
+
467
+
424
468
  // =====================================
425
469
  // Button
426
470
  // =====================================
@@ -563,6 +607,7 @@
563
607
  @sapButton_Information_Hover_TextColor: contrast(@sapButton_Information_Hover_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
564
608
  @sapButton_Information_Active_Background: darken(@sapButton_Information_Background, 10);
565
609
  @sapButton_Information_Active_BorderColor: @sapButton_Information_Active_Background;
610
+ @sapButton_Information_Active_TextColor: contrast(@sapButton_Information_Active_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
566
611
  @sapButton_Neutral_Background: @sapNeutralElementColor;
567
612
  @sapButton_Neutral_BorderColor: @sapButton_Neutral_Background;
568
613
  @sapButton_Neutral_TextColor: contrast(@sapButton_Neutral_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@@ -572,10 +617,46 @@
572
617
  @sapButton_Neutral_Active_Background: darken(@sapButton_Neutral_Background, 10);
573
618
  @sapButton_Neutral_Active_BorderColor: @sapButton_Neutral_Active_Background;
574
619
  @sapButton_Neutral_Active_TextColor: contrast(@sapButton_Neutral_Active_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
575
- @sapButton_Track_Selected_Background: @sapButton_Selected_Background;
576
- @sapButton_Track_Selected_TextColor: contrast(@sapButton_Track_Selected_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
577
620
  @sapButton_Track_Background: lighten(@sapButton_Background, 3);
621
+ @sapButton_Track_BorderColor: @sapButton_BorderColor;
578
622
  @sapButton_Track_TextColor: contrast(@sapButton_Track_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
623
+ @sapButton_Track_Hover_Background: @sapButton_Hover_Background;
624
+ @sapButton_Track_Hover_BorderColor: @sapButton_Hover_BorderColor;
625
+ @sapButton_Track_Selected_Background: @sapButton_Selected_Background;
626
+ @sapButton_Track_Selected_BorderColor: @sapButton_Selected_BorderColor;
627
+ @sapButton_Track_Selected_TextColor: contrast(@sapButton_Track_Selected_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
628
+ @sapButton_Track_Selected_Hover_Background: @sapButton_Selected_Hover_Background;
629
+ @sapButton_Track_Selected_Hover_BorderColor: @sapButton_Selected_Hover_BorderColor;
630
+ @sapButton_Handle_Background: @sapButton_Background;
631
+ @sapButton_Handle_BorderColor: @sapButton_BorderColor;
632
+ @sapButton_Handle_TextColor: contrast(@sapButton_Handle_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
633
+ @sapButton_Handle_Hover_Background: @sapButton_Hover_Background;
634
+ @sapButton_Handle_Hover_BorderColor: @sapButton_Hover_BorderColor;
635
+ @sapButton_Handle_Selected_Background: @sapButton_Selected_Background;
636
+ @sapButton_Handle_Selected_BorderColor: @sapButton_Selected_BorderColor;
637
+ @sapButton_Handle_Selected_TextColor: contrast(@sapButton_Track_Selected_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
638
+ @sapButton_Handle_Selected_Hover_Background: @sapButton_Selected_Hover_Background;
639
+ @sapButton_Handle_Selected_Hover_BorderColor: @sapButton_Selected_Hover_BorderColor;
640
+ @sapButton_Track_Negative_Background: @sapButton_Background;
641
+ @sapButton_Track_Negative_BorderColor: @sapNegativeElementColor;
642
+ @sapButton_Track_Negative_TextColor: contrast(@sapButton_Track_Negative_Background, @sapNegativeElementColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
643
+ @sapButton_Track_Negative_Hover_Background: @sapButton_Track_Negative_Background;
644
+ @sapButton_Track_Negative_Hover_BorderColor: @sapButton_Track_Negative_BorderColor;
645
+ @sapButton_Handle_Negative_Background: @sapButton_Handle_Background;
646
+ @sapButton_Handle_Negative_BorderColor: @sapNegativeElementColor;
647
+ @sapButton_Handle_Negative_TextColor: contrast(@sapButton_Handle_Negative_Background, @sapNegativeElementColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
648
+ @sapButton_Handle_Negative_Hover_Background: @sapButton_Handle_Hover_Background;
649
+ @sapButton_Handle_Negative_Hover_BorderColor: @sapButton_Handle_Negative_BorderColor;
650
+ @sapButton_Track_Positive_Background: @sapButton_Background;
651
+ @sapButton_Track_Positive_BorderColor: @sapPositiveElementColor;
652
+ @sapButton_Track_Positive_TextColor: contrast(@sapButton_Track_Positive_Background, @sapPositiveElementColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
653
+ @sapButton_Track_Positive_Hover_Background: @sapButton_Track_Positive_Background;
654
+ @sapButton_Track_Positive_Hover_BorderColor: @sapButton_Track_Positive_BorderColor;
655
+ @sapButton_Handle_Positive_Background: @sapButton_Handle_Background;
656
+ @sapButton_Handle_Positive_BorderColor: @sapPositiveElementColor;
657
+ @sapButton_Handle_Positive_TextColor: contrast(@sapButton_Handle_Positive_Background, @sapPositiveTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
658
+ @sapButton_Handle_Positive_Hover_Background: @sapButton_Handle_Hover_Background;
659
+ @sapButton_Handle_Positive_Hover_BorderColor: @sapButton_Handle_Positive_BorderColor;
579
660
  @sapButton_TokenBackground: @sapButton_Background;
580
661
  @sapButton_TokenBorderColor: darken(@sapButton_Background, 10);
581
662
 
@@ -588,6 +669,7 @@
588
669
 
589
670
  // [Tags "!Protected"]
590
671
  @sapField_Background: @sapLightestBackground;
672
+ @sapField_BackgroundStyle: none;
591
673
  @sapField_TextColor: @sapTextColor;
592
674
  @sapField_PlaceholderTextColor: lighten(@sapContent_LabelColor, 4);
593
675
 
@@ -599,12 +681,14 @@
599
681
 
600
682
  // [Tags "!Protected"]
601
683
  @sapField_BorderWidth: @sapElement_BorderWidth;
684
+ @sapField_BorderStyle: solid;
602
685
 
603
686
  // [Tags "!Protected"]
604
687
  @sapField_BorderCornerRadius: 0;
605
688
 
606
689
  // [Tags "!Protected"]
607
690
  @sapField_Hover_Background: @sapField_Background;
691
+ @sapField_Hover_BackgroundStyle: none;
608
692
 
609
693
  // [Tags "!Protected"]
610
694
  @sapField_Hover_BorderColor: @sapHighlightColor;
@@ -624,10 +708,14 @@
624
708
 
625
709
  // [Tags "!Protected"]
626
710
  @sapField_ReadOnly_Background: fade(darken(@sapField_Background, 5), 50);
711
+ @sapField_ReadOnly_BackgroundStyle: none;
627
712
 
628
713
  // [Tags "!Protected"]
629
714
  @sapField_ReadOnly_BorderColor: lighten(@sapField_BorderColor, 5);
630
715
 
716
+ // [Tags "!Protected"]
717
+ @sapField_ReadOnly_BorderStyle: @sapField_BorderStyle;
718
+
631
719
  // [Tags "!Protected"]
632
720
  @sapField_ReadOnly_HelpBackground: @sapField_ReadOnly_Background;
633
721
 
@@ -639,6 +727,7 @@
639
727
 
640
728
  // [Tags "!Protected"]
641
729
  @sapField_InvalidBackground: @sapField_Background;
730
+ @sapField_InvalidBackgroundStyle: none;
642
731
 
643
732
  // [Tags "!Protected"]
644
733
  @sapField_InvalidBorderWidth: 0.125 * @sapElement_BorderWidth;
@@ -651,6 +740,7 @@
651
740
 
652
741
  // [Tags "!Protected"]
653
742
  @sapField_WarningBackground: @sapField_Background;
743
+ @sapField_WarningBackgroundStyle: none;
654
744
 
655
745
  // [Tags "!Protected"]
656
746
  @sapField_WarningBorderWidth: 0.125 * @sapElement_BorderWidth;
@@ -663,6 +753,7 @@
663
753
 
664
754
  // [Tags "!Protected"]
665
755
  @sapField_SuccessBackground: @sapField_Background;
756
+ @sapField_SuccessBackgroundStyle: none;
666
757
 
667
758
  // [Tags "!Protected"]
668
759
  @sapField_SuccessBorderWidth: 0.0625 * @sapElement_BorderWidth;
@@ -675,6 +766,7 @@
675
766
 
676
767
  // [Tags "!Protected"]
677
768
  @sapField_InformationBackground: @sapField_Background;
769
+ @sapField_InformationBackgroundStyle: none;
678
770
 
679
771
  // [Tags "!Protected"]
680
772
  @sapField_InformationBorderWidth: 0.125 * @sapElement_BorderWidth;
@@ -697,6 +789,7 @@
697
789
 
698
790
  // [Tags "!Protected"]
699
791
  @sapGroup_TitleTextColor: contrast(@sapBackgroundColor, @sapTitleColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
792
+ @sapGroup_Title_FontSize: 1.0em;
700
793
  @sapGroup_ContentBackground: @sapLightestBackground;
701
794
  @sapGroup_ContentBorderColor: @sapLightBorderColor;
702
795
  @sapGroup_BorderWidth: @sapElement_BorderWidth;
@@ -768,6 +861,66 @@
768
861
 
769
862
 
770
863
 
864
+ // =====================================
865
+ // Message
866
+ // =====================================
867
+
868
+ @sapMessage_ErrorBorderColor: @sapErrorBorderColor;
869
+ @sapMessage_WarningBorderColor: @sapWarningBorderColor;
870
+ @sapMessage_SuccessBorderColor: @sapSuccessBorderColor;
871
+ @sapMessage_InformationBorderColor: @sapInformationBorderColor;
872
+
873
+
874
+
875
+
876
+ // =====================================
877
+ // Popover
878
+ // =====================================
879
+
880
+ @sapPopover_BorderCornerRadius: @sapElement_BorderCornerRadius;
881
+
882
+
883
+
884
+
885
+ // =====================================
886
+ // Progress
887
+ // =====================================
888
+
889
+ @sapProgress_Background: @sapField_Background;
890
+ @sapProgress_BorderColor: @sapField_BorderColor;
891
+ @sapProgress_TextColor: contrast(@sapProgress_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
892
+ @sapProgress_FontSize: @sapFontSmallSize;
893
+ @sapProgress_NegativeBackground: @sapProgress_Background;
894
+ @sapProgress_NegativeBorderColor: @sapField_BorderColor;
895
+ @sapProgress_NegativeTextColor: contrast(@sapProgress_NegativeBackground, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
896
+ @sapProgress_CriticalBackground: @sapProgress_Background;
897
+ @sapProgress_CriticalBorderColor: @sapField_BorderColor;
898
+ @sapProgress_CriticalTextColor: contrast(@sapProgress_CriticalBackground, @sapProgress_TextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
899
+ @sapProgress_PositiveBackground: @sapProgress_Background;
900
+ @sapProgress_PositiveBorderColor: @sapField_BorderColor;
901
+ @sapProgress_PositiveTextColor: contrast(@sapProgress_PositiveBackground, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
902
+ @sapProgress_InformationBackground: @sapProgress_Background;
903
+ @sapProgress_InformationBorderColor: @sapField_BorderColor;
904
+ @sapProgress_InformationTextColor: contrast(@sapProgress_InformationBackground, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
905
+ @sapProgress_Value_Background: @sapNeutralElementColor;
906
+ @sapProgress_Value_BorderColor: @sapProgress_BorderColor;
907
+ @sapProgress_Value_TextColor: contrast(@sapProgress_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
908
+ @sapProgress_Value_NegativeBackground: @sapNegativeElementColor;
909
+ @sapProgress_Value_NegativeBorderColor: @sapProgress_BorderColor;
910
+ @sapProgress_Value_NegativeTextColor: contrast(@sapProgress_NegativeBackground, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
911
+ @sapProgress_Value_CriticalBackground: @sapCriticalElementColor;
912
+ @sapProgress_Value_CriticalBorderColor: @sapProgress_BorderColor;
913
+ @sapProgress_Value_CriticalTextColor: contrast(@sapProgress_CriticalBackground, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
914
+ @sapProgress_Value_PositiveBackground: @sapPositiveElementColor;
915
+ @sapProgress_Value_PositiveBorderColor: @sapProgress_BorderColor;
916
+ @sapProgress_Value_PositiveTextColor: contrast(@sapProgress_PositiveBackground, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
917
+ @sapProgress_Value_InformationBackground: @sapInformativeElementColor;
918
+ @sapProgress_Value_InformationBorderColor: @sapProgress_BorderColor;
919
+ @sapProgress_Value_InformationTextColor: contrast(@sapProgress_InformationBackground, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
920
+
921
+
922
+
923
+
771
924
  // =====================================
772
925
  // Scrollbar
773
926
  // =====================================
@@ -793,6 +946,27 @@
793
946
 
794
947
 
795
948
 
949
+ // =====================================
950
+ // Slider
951
+ // =====================================
952
+
953
+ @sapSlider_Background: lighten(@sapField_BorderColor, 11.8);
954
+ @sapSlider_BorderColor: @sapSlider_Background;
955
+ @sapSlider_Selected_Background: @sapField_Active_BorderColor;
956
+ @sapSlider_Selected_BorderColor: @sapSlider_Selected_Background;
957
+ @sapSlider_HandleBackground: fade(@sapField_Background, 10);
958
+ @sapSlider_HandleBorderColor: darken(@sapField_BorderColor, 15);
959
+ @sapSlider_RangeHandleBackground: fade(@sapField_Background, 10);
960
+ @sapSlider_Hover_HandleBackground: fade(darken(@sapField_Background, 15), 60);
961
+ @sapSlider_Hover_HandleBorderColor: darken(@sapField_BorderColor, 15);
962
+ @sapSlider_Hover_RangeHandleBackground: fade(darken(@sapField_Background, 15), 60);
963
+ @sapSlider_Active_HandleBackground: fade(@sapField_Active_BorderColor, 30);
964
+ @sapSlider_Active_HandleBorderColor: @sapButton_Active_BorderColor;
965
+ @sapSlider_Active_RangeHandleBackground: fade(@sapField_Active_BorderColor, 30);
966
+
967
+
968
+
969
+
796
970
  // =====================================
797
971
  // Page Header
798
972
  // =====================================
@@ -845,6 +1019,11 @@
845
1019
  @sapObjectHeader_Background: @sapLightestBackground;
846
1020
  @sapObjectHeader_Hover_Background: contrast(@sapObjectHeader_Background, darken(@sapObjectHeader_Background, 4), lighten(@sapObjectHeader_Background, 3));
847
1021
  @sapObjectHeader_BorderColor: darken(@sapObjectHeader_Background, 15);
1022
+ @sapObjectHeader_Title_TextColor: contrast(@sapObjectHeader_Background, @sapTitleColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
1023
+ @sapObjectHeader_Title_FontSize: @sapFontHeader3Size;
1024
+ @sapObjectHeader_Title_SnappedFontSize: @sapFontHeader3Size;
1025
+ @sapObjectHeader_Title_FontFamily: @sapFontFamily;
1026
+ @sapObjectHeader_Subtitle_TextColor: contrast(@sapObjectHeader_Background, @sapContent_LabelColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
848
1027
 
849
1028
 
850
1029
 
@@ -870,6 +1049,7 @@
870
1049
 
871
1050
  // [Tags "!Protected"]
872
1051
  @sapTile_BorderColor: @sapLightBorderColor;
1052
+ @sapTile_BorderCornerRadius: 0.25rem;
873
1053
 
874
1054
  // [Tags "!Protected"]
875
1055
  @sapTile_TitleTextColor: contrast(@sapTile_Background, @sapDarkTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@@ -920,37 +1100,53 @@
920
1100
  // =====================================
921
1101
 
922
1102
  @sapIndicationColor_1: #9f1313;
1103
+ @sapIndicationColor_1_Background: @sapIndicationColor_1;
1104
+ @sapIndicationColor_1_BorderColor: @sapIndicationColor_1;
923
1105
  @sapIndicationColor_1_Hover_Background: darken(@sapIndicationColor_1, 5);
924
1106
  @sapIndicationColor_1_Active_Background: darken(@sapIndicationColor_1, 10);
925
- @sapIndicationColor_1_TextColor: contrast(@sapIndicationColor_1, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
1107
+ @sapIndicationColor_1_TextColor: contrast(@sapIndicationColor_1_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
926
1108
  @sapIndicationColor_2: #cc1919;
1109
+ @sapIndicationColor_2_Background: @sapIndicationColor_2;
1110
+ @sapIndicationColor_2_BorderColor: @sapIndicationColor_2;
927
1111
  @sapIndicationColor_2_Hover_Background: darken(@sapIndicationColor_2, 5);
928
1112
  @sapIndicationColor_2_Active_Background: darken(@sapIndicationColor_2, 10);
929
- @sapIndicationColor_2_TextColor: contrast(@sapIndicationColor_2, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
1113
+ @sapIndicationColor_2_TextColor: contrast(@sapIndicationColor_2_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
930
1114
  @sapIndicationColor_3: #d14900;
1115
+ @sapIndicationColor_3_Background: @sapIndicationColor_3;
1116
+ @sapIndicationColor_3_BorderColor: @sapIndicationColor_3;
931
1117
  @sapIndicationColor_3_Hover_Background: darken(@sapIndicationColor_3, 3);
932
1118
  @sapIndicationColor_3_Active_Background: darken(@sapIndicationColor_3, 6);
933
- @sapIndicationColor_3_TextColor: contrast(@sapIndicationColor_3, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
1119
+ @sapIndicationColor_3_TextColor: contrast(@sapIndicationColor_3_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
934
1120
  @sapIndicationColor_4: #007833;
1121
+ @sapIndicationColor_4_Background: @sapIndicationColor_4;
1122
+ @sapIndicationColor_4_BorderColor: @sapIndicationColor_4;
935
1123
  @sapIndicationColor_4_Hover_Background: darken(@sapIndicationColor_4, 5);
936
1124
  @sapIndicationColor_4_Active_Background: darken(@sapIndicationColor_4, 10);
937
- @sapIndicationColor_4_TextColor: contrast(@sapIndicationColor_4, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
1125
+ @sapIndicationColor_4_TextColor: contrast(@sapIndicationColor_4_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
938
1126
  @sapIndicationColor_5: #007cc0;
1127
+ @sapIndicationColor_5_Background: @sapIndicationColor_5;
1128
+ @sapIndicationColor_5_BorderColor: @sapIndicationColor_5;
939
1129
  @sapIndicationColor_5_Hover_Background: darken(@sapIndicationColor_5, 5);
940
1130
  @sapIndicationColor_5_Active_Background: darken(@sapIndicationColor_5, 10);
941
- @sapIndicationColor_5_TextColor: contrast(@sapIndicationColor_5, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
1131
+ @sapIndicationColor_5_TextColor: contrast(@sapIndicationColor_5_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
942
1132
  @sapIndicationColor_6: @sapAccentColor7;
1133
+ @sapIndicationColor_6_Background: @sapIndicationColor_6;
1134
+ @sapIndicationColor_6_BorderColor: @sapIndicationColor_6;
943
1135
  @sapIndicationColor_6_Hover_Background: darken(@sapIndicationColor_6, 5);
944
1136
  @sapIndicationColor_6_Active_Background: darken(@sapIndicationColor_6, 10);
945
- @sapIndicationColor_6_TextColor: contrast(@sapIndicationColor_6, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
1137
+ @sapIndicationColor_6_TextColor: contrast(@sapIndicationColor_6_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
946
1138
  @sapIndicationColor_7: @sapAccentColor9;
1139
+ @sapIndicationColor_7_Background: @sapIndicationColor_7;
1140
+ @sapIndicationColor_7_BorderColor: @sapIndicationColor_7;
947
1141
  @sapIndicationColor_7_Hover_Background: darken(@sapIndicationColor_7, 5);
948
1142
  @sapIndicationColor_7_Active_Background: darken(@sapIndicationColor_7, 10);
949
- @sapIndicationColor_7_TextColor: contrast(@sapIndicationColor_7, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
1143
+ @sapIndicationColor_7_TextColor: contrast(@sapIndicationColor_7_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
950
1144
  @sapIndicationColor_8: @sapAccentColor4;
1145
+ @sapIndicationColor_8_Background: @sapIndicationColor_8;
1146
+ @sapIndicationColor_8_BorderColor: @sapIndicationColor_8;
951
1147
  @sapIndicationColor_8_Hover_Background: darken(@sapIndicationColor_8, 5);
952
1148
  @sapIndicationColor_8_Active_Background: darken(@sapIndicationColor_8, 10);
953
- @sapIndicationColor_8_TextColor: contrast(@sapIndicationColor_8, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
1149
+ @sapIndicationColor_8_TextColor: contrast(@sapIndicationColor_8_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
954
1150
 
955
1151
 
956
1152
 
@@ -1129,8 +1325,6 @@
1129
1325
 
1130
1326
  @sapContent_ElementHeight_PX: 22px;
1131
1327
 
1132
- @sapGroup_Title_FontSize: 1.0em;
1133
-
1134
1328
  // [Label "Background Gradient Color"]
1135
1329
  // [Description "The color which is used as base for the background gradient. It only applies when the background color is not modified."]
1136
1330
  // [Tags "ThemeSpecific", "Quick", "Color"]
@@ -103,12 +103,15 @@
103
103
  @sapUiContentNonInteractiveIconColor: @sapContent_NonInteractiveIconColor;
104
104
  @sapUiContentMarkerIconColor: @sapContent_MarkerIconColor;
105
105
  @sapUiContentMarkerTextColor: @sapContent_MarkerTextColor;
106
+ @sapUiContentMeasureIndicatorColor: @sapContent_MeasureIndicatorColor;
107
+ @sapUiContentSelectedMeasureIndicatorColor: @sapContent_Selected_MeasureIndicatorColor;
106
108
  @sapUiContentPlaceholderloadingBackground: @sapContent_Placeholderloading_Background;
107
109
  @sapUiContentPlaceholderloadingGradient: @sapContent_Placeholderloading_Gradient;
108
110
  @sapUiContentImagePlaceholderBackground: @sapContent_ImagePlaceholderBackground;
109
111
  @sapUiContentImagePlaceholderForegroundColor: @sapContent_ImagePlaceholderForegroundColor;
110
112
  @sapUiContentRatedColor: @sapContent_RatedColor;
111
113
  @sapUiContentUnratedColor: @sapContent_UnratedColor;
114
+ @sapUiContentBusyColor: @sapContent_BusyColor;
112
115
  @sapUiContentFocusColor: @sapContent_FocusColor;
113
116
  @sapUiContentFocusStyle: @sapContent_FocusStyle;
114
117
  @sapUiContentFocusWidth: @sapContent_FocusWidth;
@@ -149,6 +152,7 @@
149
152
  @sapUiContentSelectedBackground: @sapContent_Selected_Background;
150
153
  @sapUiContentSelectedHoverBackground: @sapContent_Selected_Hover_Background;
151
154
  @sapUiContentSelectedForegroundColor: @sapContent_Selected_ForegroundColor;
155
+ @sapUiContentForcedColorAdjust: @sapContent_ForcedColorAdjust;
152
156
 
153
157
  @sapUiContentIllustrativeColor1: @sapContent_Illustrative_Color1;
154
158
  @sapUiContentIllustrativeColor2: @sapContent_Illustrative_Color2;
@@ -173,6 +177,8 @@
173
177
 
174
178
  @sapUiFontLightFamily: @sapFontLightFamily;
175
179
  @sapUiFontBoldFamily: @sapFontBoldFamily;
180
+ @sapUiFontSemiboldFamily: @sapFontSemiboldFamily;
181
+ @sapUiFontSemiboldDuplexFamily: @sapFontSemiboldDuplexFamily;
176
182
  @sapUiFontBlackFamily: @sapFontBlackFamily;
177
183
  @sapUiFontHeaderFamily: @sapFontHeaderFamily;
178
184
  @sapMFontSmallSize: @sapFontSmallSize;
@@ -184,11 +190,11 @@
184
190
  @sapMFontHeader5Size: @sapFontHeader5Size;
185
191
  @sapMFontHeader6Size: @sapFontHeader6Size;
186
192
 
187
- @sapUiLinkHover: @sapLink_Hover_Color;
188
- @sapUiLinkActive: @sapLink_Active_Color;
189
- @sapUiLinkVisited: @sapLink_Visited_Color;
190
- @sapUiLinkInverted: @sapLink_InvertedColor;
191
- @sapUiLinkSubtle: @sapLink_SubtleColor;
193
+ @sapUiLinkHoverColor: @sapLink_Hover_Color;
194
+ @sapUiLinkActiveColor: @sapLink_Active_Color;
195
+ @sapUiLinkVisitedColor: @sapLink_Visited_Color;
196
+ @sapUiLinkInvertedColor: @sapLink_InvertedColor;
197
+ @sapUiLinkSubtleColor: @sapLink_SubtleColor;
192
198
 
193
199
  @sapUiShellBackground: @sapShell_Background;
194
200
  @sapUiShellBackgroundImage: @sapShell_BackgroundImage;
@@ -222,6 +228,37 @@
222
228
  @sapUiShellInformativeColor: @sapShell_InformativeColor;
223
229
  @sapUiShellNeutralColor: @sapShell_NeutralColor;
224
230
 
231
+ @sapUiAvatar1Background: @sapAvatar_1_Background;
232
+ @sapUiAvatar1BorderColor: @sapAvatar_1_BorderColor;
233
+ @sapUiAvatar1TextColor: @sapAvatar_1_TextColor;
234
+ @sapUiAvatar2Background: @sapAvatar_2_Background;
235
+ @sapUiAvatar2BorderColor: @sapAvatar_2_BorderColor;
236
+ @sapUiAvatar2TextColor: @sapAvatar_2_TextColor;
237
+ @sapUiAvatar3Background: @sapAvatar_3_Background;
238
+ @sapUiAvatar3BorderColor: @sapAvatar_3_BorderColor;
239
+ @sapUiAvatar3TextColor: @sapAvatar_3_TextColor;
240
+ @sapUiAvatar4Background: @sapAvatar_4_Background;
241
+ @sapUiAvatar4BorderColor: @sapAvatar_4_BorderColor;
242
+ @sapUiAvatar4TextColor: @sapAvatar_4_TextColor;
243
+ @sapUiAvatar5Background: @sapAvatar_5_Background;
244
+ @sapUiAvatar5BorderColor: @sapAvatar_5_BorderColor;
245
+ @sapUiAvatar5TextColor: @sapAvatar_5_TextColor;
246
+ @sapUiAvatar6Background: @sapAvatar_6_Background;
247
+ @sapUiAvatar6BorderColor: @sapAvatar_6_BorderColor;
248
+ @sapUiAvatar6TextColor: @sapAvatar_6_TextColor;
249
+ @sapUiAvatar7Background: @sapAvatar_7_Background;
250
+ @sapUiAvatar7BorderColor: @sapAvatar_7_BorderColor;
251
+ @sapUiAvatar7TextColor: @sapAvatar_7_TextColor;
252
+ @sapUiAvatar8Background: @sapAvatar_8_Background;
253
+ @sapUiAvatar8BorderColor: @sapAvatar_8_BorderColor;
254
+ @sapUiAvatar8TextColor: @sapAvatar_8_TextColor;
255
+ @sapUiAvatar9Background: @sapAvatar_9_Background;
256
+ @sapUiAvatar9BorderColor: @sapAvatar_9_BorderColor;
257
+ @sapUiAvatar9TextColor: @sapAvatar_9_TextColor;
258
+ @sapUiAvatar10Background: @sapAvatar_10_Background;
259
+ @sapUiAvatar10BorderColor: @sapAvatar_10_BorderColor;
260
+ @sapUiAvatar10TextColor: @sapAvatar_10_TextColor;
261
+
225
262
  @sapUiButtonBackground: @sapButton_Background;
226
263
  @sapUiButtonBorderColor: @sapButton_BorderColor;
227
264
  @sapUiButtonBorderWidth: @sapButton_BorderWidth;
@@ -335,6 +372,7 @@
335
372
  @sapUiButtonInformationHoverTextColor: @sapButton_Information_Hover_TextColor;
336
373
  @sapUiButtonInformationActiveBackground: @sapButton_Information_Active_Background;
337
374
  @sapUiButtonInformationActiveBorderColor: @sapButton_Information_Active_BorderColor;
375
+ @sapUiButtonInformationActiveTextColor: @sapButton_Information_Active_TextColor;
338
376
  @sapUiButtonNeutralBackground: @sapButton_Neutral_Background;
339
377
  @sapUiButtonNeutralBorderColor: @sapButton_Neutral_BorderColor;
340
378
  @sapUiButtonNeutralTextColor: @sapButton_Neutral_TextColor;
@@ -344,21 +382,60 @@
344
382
  @sapUiButtonNeutralActiveBackground: @sapButton_Neutral_Active_Background;
345
383
  @sapUiButtonNeutralActiveBorderColor: @sapButton_Neutral_Active_BorderColor;
346
384
  @sapUiButtonNeutralActiveTextColor: @sapButton_Neutral_Active_TextColor;
347
- @sapUiButtonTrackSelectedBackground: @sapButton_Track_Selected_Background;
348
- @sapUiButtonTrackSelectedTextColor: @sapButton_Track_Selected_TextColor;
349
385
  @sapUiButtonTrackBackground: @sapButton_Track_Background;
386
+ @sapUiButtonTrackBorderColor: @sapButton_Track_BorderColor;
350
387
  @sapUiButtonTrackTextColor: @sapButton_Track_TextColor;
388
+ @sapUiButtonTrackHoverBackground: @sapButton_Track_Hover_Background;
389
+ @sapUiButtonTrackHoverBorderColor: @sapButton_Track_Hover_BorderColor;
390
+ @sapUiButtonTrackSelectedBackground: @sapButton_Track_Selected_Background;
391
+ @sapUiButtonTrackSelectedBorderColor: @sapButton_Track_Selected_BorderColor;
392
+ @sapUiButtonTrackSelectedTextColor: @sapButton_Track_Selected_TextColor;
393
+ @sapUiButtonTrackSelectedHoverBackground: @sapButton_Track_Selected_Hover_Background;
394
+ @sapUiButtonTrackSelectedHoverBorderColor: @sapButton_Track_Selected_Hover_BorderColor;
395
+ @sapUiButtonHandleBackground: @sapButton_Handle_Background;
396
+ @sapUiButtonHandleBorderColor: @sapButton_Handle_BorderColor;
397
+ @sapUiButtonHandleTextColor: @sapButton_Handle_TextColor;
398
+ @sapUiButtonHandleHoverBackground: @sapButton_Handle_Hover_Background;
399
+ @sapUiButtonHandleHoverBorderColor: @sapButton_Handle_Hover_BorderColor;
400
+ @sapUiButtonHandleSelectedBackground: @sapButton_Handle_Selected_Background;
401
+ @sapUiButtonHandleSelectedBorderColor: @sapButton_Handle_Selected_BorderColor;
402
+ @sapUiButtonHandleSelectedTextColor: @sapButton_Handle_Selected_TextColor;
403
+ @sapUiButtonHandleSelectedHoverBackground: @sapButton_Handle_Selected_Hover_Background;
404
+ @sapUiButtonHandleSelectedHoverBorderColor: @sapButton_Handle_Selected_Hover_BorderColor;
405
+ @sapUiButtonTrackNegativeBackground: @sapButton_Track_Negative_Background;
406
+ @sapUiButtonTrackNegativeBorderColor: @sapButton_Track_Negative_BorderColor;
407
+ @sapUiButtonTrackNegativeTextColor: @sapButton_Track_Negative_TextColor;
408
+ @sapUiButtonTrackNegativeHoverBackground: @sapButton_Track_Negative_Hover_Background;
409
+ @sapUiButtonTrackNegativeHoverBorderColor: @sapButton_Track_Negative_Hover_BorderColor;
410
+ @sapUiButtonHandleNegativeBackground: @sapButton_Handle_Negative_Background;
411
+ @sapUiButtonHandleNegativeBorderColor: @sapButton_Handle_Negative_BorderColor;
412
+ @sapUiButtonHandleNegativeTextColor: @sapButton_Handle_Negative_TextColor;
413
+ @sapUiButtonHandleNegativeHoverBackground: @sapButton_Handle_Negative_Hover_Background;
414
+ @sapUiButtonHandleNegativeHoverBorderColor: @sapButton_Handle_Negative_Hover_BorderColor;
415
+ @sapUiButtonTrackPositiveBackground: @sapButton_Track_Positive_Background;
416
+ @sapUiButtonTrackPositiveBorderColor: @sapButton_Track_Positive_BorderColor;
417
+ @sapUiButtonTrackPositiveTextColor: @sapButton_Track_Positive_TextColor;
418
+ @sapUiButtonTrackPositiveHoverBackground: @sapButton_Track_Positive_Hover_Background;
419
+ @sapUiButtonTrackPositiveHoverBorderColor: @sapButton_Track_Positive_Hover_BorderColor;
420
+ @sapUiButtonHandlePositiveBackground: @sapButton_Handle_Positive_Background;
421
+ @sapUiButtonHandlePositiveBorderColor: @sapButton_Handle_Positive_BorderColor;
422
+ @sapUiButtonHandlePositiveTextColor: @sapButton_Handle_Positive_TextColor;
423
+ @sapUiButtonHandlePositiveHoverBackground: @sapButton_Handle_Positive_Hover_Background;
424
+ @sapUiButtonHandlePositiveHoverBorderColor: @sapButton_Handle_Positive_Hover_BorderColor;
351
425
  @sapUiButtonTokenBackground: @sapButton_TokenBackground;
352
426
  @sapUiButtonTokenBorderColor: @sapButton_TokenBorderColor;
353
427
 
354
428
  @sapUiFieldBackground: @sapField_Background;
429
+ @sapUiFieldBackgroundStyle: @sapField_BackgroundStyle;
355
430
  @sapUiFieldTextColor: @sapField_TextColor;
356
431
  @sapUiFieldPlaceholderTextColor: @sapField_PlaceholderTextColor;
357
432
  @sapUiFieldBorderColor: @sapField_BorderColor;
358
433
  @sapUiFieldHelpBackground: @sapField_HelpBackground;
359
434
  @sapUiFieldBorderWidth: @sapField_BorderWidth;
435
+ @sapUiFieldBorderStyle: @sapField_BorderStyle;
360
436
  @sapUiFieldBorderCornerRadius: @sapField_BorderCornerRadius;
361
437
  @sapUiFieldHoverBackground: @sapField_Hover_Background;
438
+ @sapUiFieldHoverBackgroundStyle: @sapField_Hover_BackgroundStyle;
362
439
  @sapUiFieldHoverBorderColor: @sapField_Hover_BorderColor;
363
440
  @sapUiFieldHoverHelpBackground: @sapField_Hover_HelpBackground;
364
441
  @sapUiFieldActiveBorderColor: @sapField_Active_BorderColor;
@@ -366,29 +443,36 @@
366
443
  @sapUiFieldFocusBorderColor: @sapField_Focus_BorderColor;
367
444
  @sapUiFieldFocusHelpBackground: @sapField_Focus_HelpBackground;
368
445
  @sapUiFieldReadOnlyBackground: @sapField_ReadOnly_Background;
446
+ @sapUiFieldReadOnlyBackgroundStyle: @sapField_ReadOnly_BackgroundStyle;
369
447
  @sapUiFieldReadOnlyBorderColor: @sapField_ReadOnly_BorderColor;
448
+ @sapUiFieldReadOnlyBorderStyle: @sapField_ReadOnly_BorderStyle;
370
449
  @sapUiFieldReadOnlyHelpBackground: @sapField_ReadOnly_HelpBackground;
371
450
  @sapUiFieldRequiredColor: @sapField_RequiredColor;
372
451
  @sapUiFieldInvalidColor: @sapField_InvalidColor;
373
452
  @sapUiFieldInvalidBackground: @sapField_InvalidBackground;
453
+ @sapUiFieldInvalidBackgroundStyle: @sapField_InvalidBackgroundStyle;
374
454
  @sapUiFieldInvalidBorderWidth: @sapField_InvalidBorderWidth;
375
455
  @sapUiFieldInvalidBorderStyle: @sapField_InvalidBorderStyle;
376
456
  @sapUiFieldWarningColor: @sapField_WarningColor;
377
457
  @sapUiFieldWarningBackground: @sapField_WarningBackground;
458
+ @sapUiFieldWarningBackgroundStyle: @sapField_WarningBackgroundStyle;
378
459
  @sapUiFieldWarningBorderWidth: @sapField_WarningBorderWidth;
379
460
  @sapUiFieldWarningBorderStyle: @sapField_WarningBorderStyle;
380
461
  @sapUiFieldSuccessColor: @sapField_SuccessColor;
381
462
  @sapUiFieldSuccessBackground: @sapField_SuccessBackground;
463
+ @sapUiFieldSuccessBackgroundStyle: @sapField_SuccessBackgroundStyle;
382
464
  @sapUiFieldSuccessBorderWidth: @sapField_SuccessBorderWidth;
383
465
  @sapUiFieldSuccessBorderStyle: @sapField_SuccessBorderStyle;
384
466
  @sapUiFieldInformationColor: @sapField_InformationColor;
385
467
  @sapUiFieldInformationBackground: @sapField_InformationBackground;
468
+ @sapUiFieldInformationBackgroundStyle: @sapField_InformationBackgroundStyle;
386
469
  @sapUiFieldInformationBorderWidth: @sapField_InformationBorderWidth;
387
470
  @sapUiFieldInformationBorderStyle: @sapField_InformationBorderStyle;
388
471
 
389
472
  @sapUiGroupTitleBackground: @sapGroup_TitleBackground;
390
473
  @sapUiGroupTitleBorderColor: @sapGroup_TitleBorderColor;
391
474
  @sapUiGroupTitleTextColor: @sapGroup_TitleTextColor;
475
+ @sapUiGroupTitleFontSize: @sapGroup_Title_FontSize;
392
476
  @sapUiGroupContentBackground: @sapGroup_ContentBackground;
393
477
  @sapUiGroupContentBorderColor: @sapGroup_ContentBorderColor;
394
478
  @sapUiGroupBorderWidth: @sapGroup_BorderWidth;
@@ -423,6 +507,45 @@
423
507
  @sapUiListTableFooterBorder: @sapList_TableFooterBorder;
424
508
  @sapUiListTableFixedBorderColor: @sapList_TableFixedBorderColor;
425
509
 
510
+ @sapUiMessageErrorBorderColor: @sapMessage_ErrorBorderColor;
511
+ @sapUiMessageWarningBorderColor: @sapMessage_WarningBorderColor;
512
+ @sapUiMessageSuccessBorderColor: @sapMessage_SuccessBorderColor;
513
+ @sapUiMessageInformationBorderColor: @sapMessage_InformationBorderColor;
514
+
515
+ @sapUiPopoverBorderCornerRadius: @sapPopover_BorderCornerRadius;
516
+
517
+ @sapUiProgressBackground: @sapProgress_Background;
518
+ @sapUiProgressBorderColor: @sapProgress_BorderColor;
519
+ @sapUiProgressTextColor: @sapProgress_TextColor;
520
+ @sapUiProgressFontSize: @sapProgress_FontSize;
521
+ @sapUiProgressNegativeBackground: @sapProgress_NegativeBackground;
522
+ @sapUiProgressNegativeBorderColor: @sapProgress_NegativeBorderColor;
523
+ @sapUiProgressNegativeTextColor: @sapProgress_NegativeTextColor;
524
+ @sapUiProgressCriticalBackground: @sapProgress_CriticalBackground;
525
+ @sapUiProgressCriticalBorderColor: @sapProgress_CriticalBorderColor;
526
+ @sapUiProgressCriticalTextColor: @sapProgress_CriticalTextColor;
527
+ @sapUiProgressPositiveBackground: @sapProgress_PositiveBackground;
528
+ @sapUiProgressPositiveBorderColor: @sapProgress_PositiveBorderColor;
529
+ @sapUiProgressPositiveTextColor: @sapProgress_PositiveTextColor;
530
+ @sapUiProgressInformationBackground: @sapProgress_InformationBackground;
531
+ @sapUiProgressInformationBorderColor: @sapProgress_InformationBorderColor;
532
+ @sapUiProgressInformationTextColor: @sapProgress_InformationTextColor;
533
+ @sapUiProgressValueBackground: @sapProgress_Value_Background;
534
+ @sapUiProgressValueBorderColor: @sapProgress_Value_BorderColor;
535
+ @sapUiProgressValueTextColor: @sapProgress_Value_TextColor;
536
+ @sapUiProgressValueNegativeBackground: @sapProgress_Value_NegativeBackground;
537
+ @sapUiProgressValueNegativeBorderColor: @sapProgress_Value_NegativeBorderColor;
538
+ @sapUiProgressValueNegativeTextColor: @sapProgress_Value_NegativeTextColor;
539
+ @sapUiProgressValueCriticalBackground: @sapProgress_Value_CriticalBackground;
540
+ @sapUiProgressValueCriticalBorderColor: @sapProgress_Value_CriticalBorderColor;
541
+ @sapUiProgressValueCriticalTextColor: @sapProgress_Value_CriticalTextColor;
542
+ @sapUiProgressValuePositiveBackground: @sapProgress_Value_PositiveBackground;
543
+ @sapUiProgressValuePositiveBorderColor: @sapProgress_Value_PositiveBorderColor;
544
+ @sapUiProgressValuePositiveTextColor: @sapProgress_Value_PositiveTextColor;
545
+ @sapUiProgressValueInformationBackground: @sapProgress_Value_InformationBackground;
546
+ @sapUiProgressValueInformationBorderColor: @sapProgress_Value_InformationBorderColor;
547
+ @sapUiProgressValueInformationTextColor: @sapProgress_Value_InformationTextColor;
548
+
426
549
  @sapUiScrollBarFaceColor: @sapScrollBar_FaceColor;
427
550
  @sapUiScrollBarTrackColor: @sapScrollBar_TrackColor;
428
551
  @sapUiScrollBarBorderColor: @sapScrollBar_BorderColor;
@@ -430,6 +553,20 @@
430
553
  @sapUiScrollBarDimension: @sapScrollBar_Dimension;
431
554
  @sapUiScrollBarHoverFaceColor: @sapScrollBar_Hover_FaceColor;
432
555
 
556
+ @sapUiSliderBackground: @sapSlider_Background;
557
+ @sapUiSliderBorderColor: @sapSlider_BorderColor;
558
+ @sapUiSliderSelectedBackground: @sapSlider_Selected_Background;
559
+ @sapUiSliderSelectedBorderColor: @sapSlider_Selected_BorderColor;
560
+ @sapUiSliderHandleBackground: @sapSlider_HandleBackground;
561
+ @sapUiSliderHandleBorderColor: @sapSlider_HandleBorderColor;
562
+ @sapUiSliderRangeHandleBackground: @sapSlider_RangeHandleBackground;
563
+ @sapUiSliderHoverHandleBackground: @sapSlider_Hover_HandleBackground;
564
+ @sapUiSliderHoverHandleBorderColor: @sapSlider_Hover_HandleBorderColor;
565
+ @sapUiSliderHoverRangeHandleBackground: @sapSlider_Hover_RangeHandleBackground;
566
+ @sapUiSliderActiveHandleBackground: @sapSlider_Active_HandleBackground;
567
+ @sapUiSliderActiveHandleBorderColor: @sapSlider_Active_HandleBorderColor;
568
+ @sapUiSliderActiveRangeHandleBackground: @sapSlider_Active_RangeHandleBackground;
569
+
433
570
  @sapUiPageHeaderBackground: @sapPageHeader_Background;
434
571
  @sapUiPageHeaderBorderColor: @sapPageHeader_BorderColor;
435
572
  @sapUiPageHeaderTextColor: @sapPageHeader_TextColor;
@@ -447,6 +584,11 @@
447
584
  @sapUiObjectHeaderBackground: @sapObjectHeader_Background;
448
585
  @sapUiObjectHeaderHoverBackground: @sapObjectHeader_Hover_Background;
449
586
  @sapUiObjectHeaderBorderColor: @sapObjectHeader_BorderColor;
587
+ @sapUiObjectHeaderTitleTextColor: @sapObjectHeader_Title_TextColor;
588
+ @sapUiObjectHeaderTitleFontSize: @sapObjectHeader_Title_FontSize;
589
+ @sapUiObjectHeaderTitleSnappedFontSize: @sapObjectHeader_Title_SnappedFontSize;
590
+ @sapUiObjectHeaderTitleFontFamily: @sapObjectHeader_Title_FontFamily;
591
+ @sapUiObjectHeaderSubtitleTextColor: @sapObjectHeader_Subtitle_TextColor;
450
592
 
451
593
  @sapUiBlockLayerBackground: @sapBlockLayer_Background;
452
594
 
@@ -454,6 +596,7 @@
454
596
  @sapUiTileHoverBackground: @sapTile_Hover_Background;
455
597
  @sapUiTileActiveBackground: @sapTile_Active_Background;
456
598
  @sapUiTileBorderColor: @sapTile_BorderColor;
599
+ @sapUiTileBorderCornerRadius: @sapTile_BorderCornerRadius;
457
600
  @sapUiTileTitleTextColor: @sapTile_TitleTextColor;
458
601
  @sapUiTileTextColor: @sapTile_TextColor;
459
602
  @sapUiTileIconColor: @sapTile_IconColor;
@@ -495,34 +638,50 @@
495
638
  // =====================================
496
639
 
497
640
  @sapUiIndication1: @sapIndicationColor_1;
641
+ @sapUiIndication1Background: @sapIndicationColor_1_Background;
642
+ @sapUiIndication1BorderColor: @sapIndicationColor_1_BorderColor;
498
643
  @sapUiIndication1HoverBackground: @sapIndicationColor_1_Hover_Background;
499
644
  @sapUiIndication1ActiveBackground: @sapIndicationColor_1_Active_Background;
500
645
  @sapUiIndication1TextColor: @sapIndicationColor_1_TextColor;
501
646
  @sapUiIndication2: @sapIndicationColor_2;
647
+ @sapUiIndication2Background: @sapIndicationColor_2_Background;
648
+ @sapUiIndication2BorderColor: @sapIndicationColor_2_BorderColor;
502
649
  @sapUiIndication2HoverBackground: @sapIndicationColor_2_Hover_Background;
503
650
  @sapUiIndication2ActiveBackground: @sapIndicationColor_2_Active_Background;
504
651
  @sapUiIndication2TextColor: @sapIndicationColor_2_TextColor;
505
652
  @sapUiIndication3: @sapIndicationColor_3;
653
+ @sapUiIndication3Background: @sapIndicationColor_3_Background;
654
+ @sapUiIndication3BorderColor: @sapIndicationColor_3_BorderColor;
506
655
  @sapUiIndication3HoverBackground: @sapIndicationColor_3_Hover_Background;
507
656
  @sapUiIndication3ActiveBackground: @sapIndicationColor_3_Active_Background;
508
657
  @sapUiIndication3TextColor: @sapIndicationColor_3_TextColor;
509
658
  @sapUiIndication4: @sapIndicationColor_4;
659
+ @sapUiIndication4Background: @sapIndicationColor_4_Background;
660
+ @sapUiIndication4BorderColor: @sapIndicationColor_4_BorderColor;
510
661
  @sapUiIndication4HoverBackground: @sapIndicationColor_4_Hover_Background;
511
662
  @sapUiIndication4ActiveBackground: @sapIndicationColor_4_Active_Background;
512
663
  @sapUiIndication4TextColor: @sapIndicationColor_4_TextColor;
513
664
  @sapUiIndication5: @sapIndicationColor_5;
665
+ @sapUiIndication5Background: @sapIndicationColor_5_Background;
666
+ @sapUiIndication5BorderColor: @sapIndicationColor_5_BorderColor;
514
667
  @sapUiIndication5HoverBackground: @sapIndicationColor_5_Hover_Background;
515
668
  @sapUiIndication5ActiveBackground: @sapIndicationColor_5_Active_Background;
516
669
  @sapUiIndication5TextColor: @sapIndicationColor_5_TextColor;
517
670
  @sapUiIndication6: @sapIndicationColor_6;
671
+ @sapUiIndication6Background: @sapIndicationColor_6_Background;
672
+ @sapUiIndication6BorderColor: @sapIndicationColor_6_BorderColor;
518
673
  @sapUiIndication6HoverBackground: @sapIndicationColor_6_Hover_Background;
519
674
  @sapUiIndication6ActiveBackground: @sapIndicationColor_6_Active_Background;
520
675
  @sapUiIndication6TextColor: @sapIndicationColor_6_TextColor;
521
676
  @sapUiIndication7: @sapIndicationColor_7;
677
+ @sapUiIndication7Background: @sapIndicationColor_7_Background;
678
+ @sapUiIndication7BorderColor: @sapIndicationColor_7_BorderColor;
522
679
  @sapUiIndication7HoverBackground: @sapIndicationColor_7_Hover_Background;
523
680
  @sapUiIndication7ActiveBackground: @sapIndicationColor_7_Active_Background;
524
681
  @sapUiIndication7TextColor: @sapIndicationColor_7_TextColor;
525
682
  @sapUiIndication8: @sapIndicationColor_8;
683
+ @sapUiIndication8Background: @sapIndicationColor_8_Background;
684
+ @sapUiIndication8BorderColor: @sapIndicationColor_8_BorderColor;
526
685
  @sapUiIndication8HoverBackground: @sapIndicationColor_8_Hover_Background;
527
686
  @sapUiIndication8ActiveBackground: @sapIndicationColor_8_Active_Background;
528
687
  @sapUiIndication8TextColor: @sapIndicationColor_8_TextColor;
@@ -651,8 +810,6 @@
651
810
  @sapUiFieldDisabledBorderColor: @sapField_Disabled_BorderColor;
652
811
  @sapUiFieldDisabledHelpBackground: @sapField_Disabled_HelpBackground;
653
812
 
654
- @sapUiGroupTitleFontSize: @sapGroup_Title_FontSize;
655
-
656
813
  @sapUiListHighlightColor: @sapList_HighlightColor;
657
814
 
658
815
 
@@ -1160,6 +1317,13 @@
1160
1317
  @sapUiUx3ExactLstRootExpandOffset: 0 3;
1161
1318
  @sapUiUx3ExactLstContentTop: 25px;
1162
1319
 
1320
+ /* Link */
1321
+ @sapUiLinkActive: @sapUiLinkActiveColor;
1322
+ @sapUiLinkVisited: @sapUiLinkVisitedColor;
1323
+ @sapUiLinkHover: @sapUiLinkHoverColor;
1324
+ @sapUiLinkInverted: @sapUiLinkInvertedColor;
1325
+ @sapUiLinkSubtle: @sapUiLinkSubtleColor;
1326
+
1163
1327
  /* Notification Bar */
1164
1328
  @sapUiNotificationBarBG: fade(@sapUiExtraDarkBG, 98%);
1165
1329
  @sapUiNotifierSeparator: @sapUiDarkestBorder;
@@ -25,7 +25,6 @@ html.sap-phone *, html.sap-tablet:not(.sap-desktop) * { /* FIXME!!! (star rule
25
25
  -webkit-user-select: none;
26
26
  -moz-user-select: none;
27
27
  user-select: none;
28
- -webkit-user-drag: none;
29
28
  }
30
29
 
31
30
  html.sap-phone input, html.sap-phone textarea, html.sap-phone [contenteditable=true], html.sap-phone [contenteditable=true] > *, html.sap-phone .sapUiSelectable,
@@ -3,6 +3,10 @@
3
3
  /* BlueCrystal theme */
4
4
  /* ============================================== */
5
5
 
6
+ .sapUiUnifiedLegendSquareColor {
7
+ border-radius: 0;
8
+ }
9
+
6
10
  /*** items and colors ***/
7
11
 
8
12