Hello everyone, there is a new design and color combination for calendar 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
ion-view.event-view.pane.has-background-image{ background-image: linear-gradient(to right, lightgray 0%, lightgray 100%) !important; } div.nav-bar-block .bar{ background-image: linear-gradient(to right, #434343 0%, black 100%) !important; } ion-view[state="event-list"] div.scroll .list .item-divider{ width: 28%; margin: 7px 9px 7px; background: #a18cd1; color: orange; border-radius: 0.5em; } ion-view[state="event-list"] div.scroll .list .item-custom{ height: 260px; background: lightgray; border-bottom :none; } ion-view[state="event-list"] div.scroll .list .item-custom img{ max-width: 350px !important; height: 72%; max-height: 200px !important; left: 0; top :0px; padding: 10px; border-radius: 1em; } ion-view[state="event-list"] div.scroll .list .item-custom h2{ margin-top: 75%; margin-left: -30%; font-size: 18px; color: orange; } ion-view[state="event-list"] div.scroll .list .item-custom p{ margin-left: -30%; font-weight: bold; } ion-view[state="event-view"] div.scroll .list .item-custom{ width: 40%; margin: 10px; border-radius: 1em; background: lightgray; padding-top: 4px; padding-bottom: 4px; } ion-view[state="event-view"] div.scroll .list .item-image{ margin: 10px; border-radius: 1em; } ion-view[state="event-view"] div.scroll .list .item-divider{ margin-top: 10px; width: 40%; margin-left: 30%; border-radius: 1em; background: lightgray; }
utsav mishra Asked question