Skip to content

Commit 0bcdbcc

Browse files
atabelatabel
authored
feat(movistar skin, telefonca skin): SuccessFeedback white background in Movistar. Color changes in Telefonica (#1380)
1 parent fec58df commit 0bcdbcc

56 files changed

Lines changed: 506 additions & 412 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎css/blau.css‎

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -108,8 +108,9 @@
108108
--mistica-color-textLinkDanger: var(--mistica-blau-blauRed);
109109
--mistica-color-textLinkSnackbar: var(--mistica-blau-blauPurple30);
110110
--mistica-color-textActivated: var(--mistica-blau-blauBlueSecondary);
111-
--mistica-color-textBrand: var(--mistica-blau-blauBluePrimary);
111+
--mistica-color-textBrand: var(--mistica-blau-blauBlueSecondary);
112112
--mistica-color-inputBorder: var(--mistica-blau-grey4);
113+
--mistica-color-inputBorderInverse: var(--mistica-blau-white);
113114
--mistica-color-control: var(--mistica-blau-grey4);
114115
--mistica-color-controlActivated: var(--mistica-blau-blauBlueSecondary);
115116
--mistica-color-controlInverse: var(--mistica-blau-blauBluePrimary30);
@@ -325,6 +326,7 @@
325326
--mistica-color-textActivated: var(--mistica-blau-blauBluePrimary);
326327
--mistica-color-textBrand: var(--mistica-blau-blauBluePrimary);
327328
--mistica-color-inputBorder: var(--mistica-blau-darkModeGrey5);
329+
--mistica-color-inputBorderInverse: var(--mistica-blau-darkModeGrey5);
328330
--mistica-color-control: var(--mistica-blau-grey4);
329331
--mistica-color-controlActivated: var(--mistica-blau-blauBlueSecondary);
330332
--mistica-color-controlInverse: var(--mistica-blau-grey4);
@@ -488,6 +490,7 @@
488490
--mistica-color-textActivated: var(--mistica-blau-blauBluePrimary);
489491
--mistica-color-textBrand: var(--mistica-blau-blauBluePrimary);
490492
--mistica-color-inputBorder: var(--mistica-blau-darkModeGrey5);
493+
--mistica-color-inputBorderInverse: var(--mistica-blau-darkModeGrey5);
491494
--mistica-color-control: var(--mistica-blau-grey4);
492495
--mistica-color-controlActivated: var(--mistica-blau-blauBlueSecondary);
493496
--mistica-color-controlInverse: var(--mistica-blau-grey4);
@@ -645,8 +648,9 @@
645648
--mistica-color-textLinkDanger: var(--mistica-blau-blauRed);
646649
--mistica-color-textLinkSnackbar: var(--mistica-blau-blauPurple30);
647650
--mistica-color-textActivated: var(--mistica-blau-blauBlueSecondary);
648-
--mistica-color-textBrand: var(--mistica-blau-blauBluePrimary);
651+
--mistica-color-textBrand: var(--mistica-blau-blauBlueSecondary);
649652
--mistica-color-inputBorder: var(--mistica-blau-grey4);
653+
--mistica-color-inputBorderInverse: var(--mistica-blau-white);
650654
--mistica-color-control: var(--mistica-blau-grey4);
651655
--mistica-color-controlActivated: var(--mistica-blau-blauBlueSecondary);
652656
--mistica-color-controlInverse: var(--mistica-blau-blauBluePrimary30);

‎css/esimflag.css‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -123,6 +123,7 @@
123123
--mistica-color-textActivated: var(--mistica-esimflag-blue);
124124
--mistica-color-textBrand: var(--mistica-esimflag-blue);
125125
--mistica-color-inputBorder: var(--mistica-esimflag-grey4);
126+
--mistica-color-inputBorderInverse: var(--mistica-esimflag-white);
126127
--mistica-color-completedStep: var(--mistica-esimflag-blue);
127128
--mistica-color-completedStepInverse: var(--mistica-esimflag-blue80);
128129
--mistica-color-control: var(--mistica-esimflag-grey4);
@@ -338,6 +339,7 @@
338339
--mistica-color-textActivated: var(--mistica-esimflag-blue30);
339340
--mistica-color-textBrand: var(--mistica-esimflag-blue30);
340341
--mistica-color-inputBorder: var(--mistica-esimflag-grey4);
342+
--mistica-color-inputBorderInverse: var(--mistica-esimflag-grey4);
341343
--mistica-color-completedStep: var(--mistica-esimflag-blue);
342344
--mistica-color-completedStepInverse: var(--mistica-esimflag-blue);
343345
--mistica-color-control: var(--mistica-esimflag-grey4);
@@ -504,6 +506,7 @@
504506
--mistica-color-textActivated: var(--mistica-esimflag-blue30);
505507
--mistica-color-textBrand: var(--mistica-esimflag-blue30);
506508
--mistica-color-inputBorder: var(--mistica-esimflag-grey4);
509+
--mistica-color-inputBorderInverse: var(--mistica-esimflag-grey4);
507510
--mistica-color-completedStep: var(--mistica-esimflag-blue);
508511
--mistica-color-completedStepInverse: var(--mistica-esimflag-blue);
509512
--mistica-color-control: var(--mistica-esimflag-grey4);
@@ -676,6 +679,7 @@
676679
--mistica-color-textActivated: var(--mistica-esimflag-blue);
677680
--mistica-color-textBrand: var(--mistica-esimflag-blue);
678681
--mistica-color-inputBorder: var(--mistica-esimflag-grey4);
682+
--mistica-color-inputBorderInverse: var(--mistica-esimflag-white);
679683
--mistica-color-completedStep: var(--mistica-esimflag-blue);
680684
--mistica-color-completedStepInverse: var(--mistica-esimflag-blue80);
681685
--mistica-color-control: var(--mistica-esimflag-grey4);

‎css/movistar.css‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -114,6 +114,7 @@
114114
--mistica-color-textActivated: var(--mistica-movistar-movistarBlueHC);
115115
--mistica-color-textBrand: var(--mistica-movistar-movistarBlueHC);
116116
--mistica-color-inputBorder: var(--mistica-movistar-grey4);
117+
--mistica-color-inputBorderInverse: var(--mistica-movistar-white);
117118
--mistica-color-completedStep: var(--mistica-movistar-movistarBlueHC);
118119
--mistica-color-completedStepInverse: var(--mistica-movistar-movistarBlue55);
119120
--mistica-color-control: var(--mistica-movistar-grey4);
@@ -329,6 +330,7 @@
329330
--mistica-color-textActivated: var(--mistica-movistar-movistarBlue);
330331
--mistica-color-textBrand: var(--mistica-movistar-movistarBlue);
331332
--mistica-color-inputBorder: var(--mistica-movistar-darkModeGrey4);
333+
--mistica-color-inputBorderInverse: var(--mistica-movistar-darkModeGrey4);
332334
--mistica-color-completedStep: var(--mistica-movistar-movistarBlueHC);
333335
--mistica-color-completedStepInverse: var(--mistica-movistar-movistarBlueHC);
334336
--mistica-color-control: var(--mistica-movistar-darkModeGrey4);
@@ -495,6 +497,7 @@
495497
--mistica-color-textActivated: var(--mistica-movistar-movistarBlue);
496498
--mistica-color-textBrand: var(--mistica-movistar-movistarBlue);
497499
--mistica-color-inputBorder: var(--mistica-movistar-darkModeGrey4);
500+
--mistica-color-inputBorderInverse: var(--mistica-movistar-darkModeGrey4);
498501
--mistica-color-completedStep: var(--mistica-movistar-movistarBlueHC);
499502
--mistica-color-completedStepInverse: var(--mistica-movistar-movistarBlueHC);
500503
--mistica-color-control: var(--mistica-movistar-darkModeGrey4);
@@ -654,6 +657,7 @@
654657
--mistica-color-textActivated: var(--mistica-movistar-movistarBlueHC);
655658
--mistica-color-textBrand: var(--mistica-movistar-movistarBlueHC);
656659
--mistica-color-inputBorder: var(--mistica-movistar-grey4);
660+
--mistica-color-inputBorderInverse: var(--mistica-movistar-white);
657661
--mistica-color-completedStep: var(--mistica-movistar-movistarBlueHC);
658662
--mistica-color-completedStepInverse: var(--mistica-movistar-movistarBlue55);
659663
--mistica-color-control: var(--mistica-movistar-grey4);

‎css/o2-new.css‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -120,6 +120,7 @@
120120
--mistica-color-textActivated: var(--mistica-o2-new-beyondBlue);
121121
--mistica-color-textBrand: var(--mistica-o2-new-beyondBlue);
122122
--mistica-color-inputBorder: var(--mistica-o2-new-grey45);
123+
--mistica-color-inputBorderInverse: var(--mistica-o2-new-white);
123124
--mistica-color-completedStep: var(--mistica-o2-new-beyondBlue);
124125
--mistica-color-completedStepInverse: var(--mistica-o2-new-beyondBlue70);
125126
--mistica-color-control: var(--mistica-o2-new-grey45);
@@ -335,6 +336,7 @@
335336
--mistica-color-textActivated: var(--mistica-o2-new-beyondBlue30);
336337
--mistica-color-textBrand: var(--mistica-o2-new-beyondBlue30);
337338
--mistica-color-inputBorder: var(--mistica-o2-new-grey45);
339+
--mistica-color-inputBorderInverse: var(--mistica-o2-new-grey45);
338340
--mistica-color-completedStep: var(--mistica-o2-new-darkModeBeyondBlue);
339341
--mistica-color-completedStepInverse: var(--mistica-o2-new-darkModeBeyondBlue);
340342
--mistica-color-control: var(--mistica-o2-new-grey45);
@@ -495,6 +497,7 @@
495497
--mistica-color-textActivated: var(--mistica-o2-new-beyondBlue30);
496498
--mistica-color-textBrand: var(--mistica-o2-new-beyondBlue30);
497499
--mistica-color-inputBorder: var(--mistica-o2-new-grey45);
500+
--mistica-color-inputBorderInverse: var(--mistica-o2-new-grey45);
498501
--mistica-color-completedStep: var(--mistica-o2-new-darkModeBeyondBlue);
499502
--mistica-color-completedStepInverse: var(--mistica-o2-new-darkModeBeyondBlue);
500503
--mistica-color-control: var(--mistica-o2-new-grey45);
@@ -664,6 +667,7 @@
664667
--mistica-color-textActivated: var(--mistica-o2-new-beyondBlue);
665668
--mistica-color-textBrand: var(--mistica-o2-new-beyondBlue);
666669
--mistica-color-inputBorder: var(--mistica-o2-new-grey45);
670+
--mistica-color-inputBorderInverse: var(--mistica-o2-new-white);
667671
--mistica-color-completedStep: var(--mistica-o2-new-beyondBlue);
668672
--mistica-color-completedStepInverse: var(--mistica-o2-new-beyondBlue70);
669673
--mistica-color-control: var(--mistica-o2-new-grey45);

‎css/o2.css‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -105,6 +105,7 @@
105105
--mistica-color-textActivated: var(--mistica-o2-o2BluePrimary);
106106
--mistica-color-textBrand: var(--mistica-o2-o2BluePrimary);
107107
--mistica-color-inputBorder: var(--mistica-o2-grey3);
108+
--mistica-color-inputBorderInverse: var(--mistica-o2-white);
108109
--mistica-color-completedStep: var(--mistica-o2-o2BluePrimary);
109110
--mistica-color-completedStepInverse: var(--mistica-o2-o2BluePrimary70);
110111
--mistica-color-control: var(--mistica-o2-grey3);
@@ -320,6 +321,7 @@
320321
--mistica-color-textActivated: var(--mistica-o2-o2BluePrimary30);
321322
--mistica-color-textBrand: var(--mistica-o2-o2BluePrimary30);
322323
--mistica-color-inputBorder: var(--mistica-o2-darkModeGrey6);
324+
--mistica-color-inputBorderInverse: var(--mistica-o2-darkModeGrey6);
323325
--mistica-color-completedStep: var(--mistica-o2-darkModeO2BluePrimary);
324326
--mistica-color-completedStepInverse: var(--mistica-o2-darkModeO2BluePrimary);
325327
--mistica-color-control: var(--mistica-o2-darkModeGrey6);
@@ -480,6 +482,7 @@
480482
--mistica-color-textActivated: var(--mistica-o2-o2BluePrimary30);
481483
--mistica-color-textBrand: var(--mistica-o2-o2BluePrimary30);
482484
--mistica-color-inputBorder: var(--mistica-o2-darkModeGrey6);
485+
--mistica-color-inputBorderInverse: var(--mistica-o2-darkModeGrey6);
483486
--mistica-color-completedStep: var(--mistica-o2-darkModeO2BluePrimary);
484487
--mistica-color-completedStepInverse: var(--mistica-o2-darkModeO2BluePrimary);
485488
--mistica-color-control: var(--mistica-o2-darkModeGrey6);
@@ -639,6 +642,7 @@
639642
--mistica-color-textActivated: var(--mistica-o2-o2BluePrimary);
640643
--mistica-color-textBrand: var(--mistica-o2-o2BluePrimary);
641644
--mistica-color-inputBorder: var(--mistica-o2-grey3);
645+
--mistica-color-inputBorderInverse: var(--mistica-o2-white);
642646
--mistica-color-completedStep: var(--mistica-o2-o2BluePrimary);
643647
--mistica-color-completedStepInverse: var(--mistica-o2-o2BluePrimary70);
644648
--mistica-color-control: var(--mistica-o2-grey3);

0 commit comments

Comments
 (0)