Hello everyone ,i am presenting you a new design and color combination for contact module if you want to apply it you can copy the source code from bellow code section and paste it in your color-advance css section.
And if you want any changes please reply in comment section.
Before After
div.nav-bar-block .bar{ background-image: linear-gradient(24deg, #a6c0fe 15%, #f68084 121%) !important; } ion-view.contact-view.pane.has-background-image{ background-image: linear-gradient(120deg, #a6c0fe 0%, #f68084 100%) !important; } ion-view[state="contact-view"] div.list.card{ border-radius: 1em; border: white 1px solid; } ion-view[state="contact-view"] .list.card .item-icon-left .ion-person{ left: 106px; } ion-view[state="contact-view"] .list.card .item-icon-left{ text-align: center; background-image: linear-gradient(120deg, #a6c0fe 0%, #f68084 170%); border: 0px; color: black; } ion-view[state="contact-view"] .list.card .item-text-wrap { background-image: linear-gradient(120deg, #a6c0fe 0%, #f68084 170%); border: 0px; color: black; } ion-view[state="contact-view"] .list.card .item-icon-left .ng-binding{ color: black; } ion-view[state="contact-view"] .list.card .item-text-wrap .item-custom p{ color: black; } ion-view[state="contact-view"] div .padding .button-custom{ border-radius: 6em; color: black; background-image: linear-gradient(346deg, #a6c0fe 0%, #f68084 170%); border: white 1px solid; } ion-view[state="contact-view"] div.padding .button-custom i{ border-radius: 50%; background: #e275a8; left: -3px; width: 45px; } ion-view[state="contact-view"] div.padding .button-custom i::before{ padding-left: 13px; padding-top: 4px; }
utsav mishra Asked question