sorry for taking me a year to reply here… it’s just that Ive only recently found a new reason to use the swipe card…
only trying to color the button colors, whihc according to inspector are
using the swiper-theme-color (note I’ve set them to white here) so I tried
- type: custom:swipe-card
<<: &swipe
card_mod:
style: |
:host {
--swiper-theme-color: #fafafa;
}
but that wont do anything.
Also tried what you did above, and that does not change the color either.
lastly, I tested the
swiper-theme-color: red
in my themes, to have the swiper card inherit that, but even that does not do anything.
What am I missing here?
please have a look? thx!
small crosspost, since its very relevant to card-mod:
when using either bullets or progress bar on pagination, the theme color swiper-pagination-color is applied. However, when using fraction , to show 1/3 , that same theme colors is not applied, and we have to go into inspector to reveal we need to set
card_mod:
style: |
:host {
color: red;
}
but it does not kick in…
could anyone using swiper card please test this?
(for more details please check the post in swiper thread, dont want to post too much duplicate text)
though since this is mod-card material. and a bug:
- type: custom:mod-card
card_mod:
style:
swipe-card:
$: |
/* colors the whole fraction element: '1/3' */
/*.swiper-pagination-fraction {
color: white;
}*/
/* colors the '1' in: '1/3' */
.swiper-pagination-current {
color: var(--swiper-navigation-color);
}
/* colors the '3' in: '1/3' */
.swiper-pagination-total {
color: gold;
}
.: |
ha-card {
font-weight: bold;
font-size: 20px;
color: white; */sets the full line, or only the '/', when the other elements are colored individually
}
card:
type: custom:swipe-card
works all stylings just fine. A big Caveat warning: it loses several cards inside the Swiper…
even when only using:
- type: custom:mod-card
card:
type: custom:swipe-card