Hello everyone, there is a new design and color combination for social network 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 .
Before
After
div.nav-bar-block .bar{ background-color: #0a1171; z-index: 0; border-color:black ; } div.nav-bar-block .bar .title-center{ margin-left:-40px; } ion-view[state="socialnetworks-home"] .button-bar .button-custom{ border: 0; background:beige; } ion-view[state="socialnetworks-home"] div.list .item{ margin: 0px; border-width: 0px; padding-bottom: 12px; } ion-view[state="socialnetworks-home"] .button-bar .button-custom i{ color: black; } ion-view[state="socialnetworks-home"] div.list .item .post-body{ background: #171717; padding:15px; } ion-view[state="socialnetworks-home"] div.list .item .post-body .ng-binding{ color: white; } ion-view[state="socialnetworks-home"] div.list .item .post-actions{ background: #171717; border-bottom-left-radius: 1em; border-bottom-right-radius: 1em; } ion-view[state="socialnetworks-home"] div.list .item .post-actions .row{ color:white; width: 260px; } ion-view[state="socialnetworks-home"] div.list .item .post-actions .row .col-50{ background: black; border-radius: 5px; margin-left:10%; padding:5px; } ion-view[state="socialnetworks-home"] div.list .item .post-image { margin-left: 0; margin-right: auto; } ion-view[state="socialnetworks-home"] div.list .item .post-image a{ border-top-left-radius: 1em; border-top-right-radius: 1em; } ion-view[state="socialnetworks-home"] div.list .item .post-likes .row{ background: #171717; color :white; margin-top: -5px; margin-bottom: -5px; padding-left: 20%; padding-right: 15%; } ion-view[state="socialnetworks-home"] div.list .text-center{ border-radius: 1em; margin: 20px; } ion-modal-view[class="module-fanwall fanwall-new fanwall-new-l1 modal has-background-image slide-in-right-left ng-enter active ng-enter-active"] .bar{ background: black; } ion-modal-view[class="module-fanwall fanwall-new fanwall-new-l1 modal has-background-image slide-in-right-left ng-enter active ng-enter-active"] div.list .item-avatar{ background: none; border: none; margin-top: 0px; margin-bottom: 0px; } ion-modal-view[class="module-fanwall fanwall-new fanwall-new-l1 modal has-background-image slide-in-right-left ng-enter active ng-enter-active"] div.list .item-custom{ left: 10px; margin-right: 17px; border-radius: 1em; } ion-modal-view[class="module-fanwall fanwall-new fanwall-new-l1 modal has-background-image slide-in-right-left ng-enter active ng-enter-active"] div.scroll{ background: black; margin-top: -13px; padding-bottom: 150px; border : 0px; } ion-modal-view[class="module-fanwall fanwall-new fanwall-new-l1 modal has-background-image slide-in-right-left ng-enter active ng-enter-active"] .bar{ border-bottom: 0px; } ion-modal-view[class="module-fanwall fanwall-new fanwall-new-l1 modal has-background-image slide-in-right-left ng-enter active ng-enter-active"] .button{ border-radius :1em; margin:2%; } ion-modal-view[class="module-fanwall fanwall-new fanwall-new-l1 modal has-background-image slide-in-right-left ng-enter active ng-enter-active"] div.list .ng-binding{ color: white; } div.modal-backdrop.active .fanwall-comment{ border-radius: 0; } ion-modal-view[class="module-fanwall fanwall-comment fanwall-comment-l1 modal has-background-image slide-in-right-left ng-enter active ng-enter-active"] div.scroll{ background: #313538; padding: 4% 4% 300% 4%; } ion-modal-view[class="module-fanwall fanwall-comment fanwall-comment-l1 modal has-background-image slide-in-right-left ng-enter active ng-enter-active"] div.scroll .item-comment{ border-radius: 1em; } ion-modal-view[class="module-fanwall fanwall-comment fanwall-comment-l1 modal has-background-image slide-in-right-left ng-enter active ng-enter-active"] .bar{ background: #313538; } ion-modal-view[class="module-fanwall fanwall-comment fanwall-comment-l1 modal has-background-image slide-in-right-left ng-enter active ng-enter-active"] .comment-footer{ background: lightgray; }
utsav mishra Edited question