Hi
Tiny Tiny RSS is terrific software. However, the color difference when a Favorite Star is clicked is not very obvious for those who are color-blind.
How would I use custom CSS (or some other technique) to change the colors for when a Favorite star is selected vs not selected?
fox
February 8, 2019, 9:19am
2
something like that should work (user css)
#floatingTitle.marked i.marked-pic,
.cdm.marked .left i.marked-pic,
.hl.marked .left i.marked-pic {
color : red ! important;
}
body.ttrss_main #feeds-holder #feedTree i.icon.icon-star, /* left pane */
body.ttrss_main .hl.marked .left i.marked-pic /* body */{
color: magenta;
}
Instead of, or in addition to, using a different color, I would add another change that doesn’t involve color. Keeping it strictly in the realm of CSS properties, something like this:
transform: rotate(35deg);
body.ttrss_main #feeds-holder #feedTree i.icon.icon-star,
body.ttrss_main .hl.marked .left i.marked-pic {
animation-name: spin;
animation-duration: 1500ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes spin {
from {transform:rotate(0deg);}
to {transform:rotate(360deg);}
}
lol. I thought about throwing in a more reasonable animation transition but I couldn’t be arsed to look up the right syntax.
The rotate suggestion works great - thanks!
The “spin” suggestion does not seem to have any effect - what else would be needed other than literally inserting that in the custom CSS section?
fox
February 8, 2019, 4:46pm
9
alright what if we make them rotate constantly if checked
that would be cool right
e: oh nvm i guess that’s pretty much what is described above already
Maybe these two selectors would apply a more reasonable animation? I’m a little unsure of the first one, I just removed “.marked”.
body.ttrss_main #feeds-holder #feedTree i.icon.icon-star,
body.ttrss_main .hl .left i.marked-pic {
transition: transform 0.2s linear;
}
body.ttrss_main #feeds-holder #feedTree i.icon.icon-star,
body.ttrss_main .hl.marked .left i.marked-pic {
transform: rotate(35deg);
}
fox
February 8, 2019, 4:56pm
11
yeah i need to learn how to read
e: what if we make the entire ui rotate while the star stays static #whoa