Hello! Sorry if this is a stupid question (I don't know anything about coding lol) but how do you get the codes for the different themes? I really like the night theme but I can't figure out how to get anything besides the default. Is it a different code, or do I modify the default code? If so, how/what do I change in the code? Sorry for the dumb question and thank you for the help and the cute theme!
hi, that isn't a stupid question at all! the colours of each of the components in this code reference the default bootstrap colours, which will change depending on whatever theme you set in your account settings. to change this, add ";color:#HEX;" to the end of each style attribute, with the HEX refering to the hex code of the colour you want from the other theme. you can see which colour you need for each element of the html by looking at the class attribute.
here is a list of all the bootstrap colours on toyhouse: https://toyhou.se/2621177.color-references-bs-pkmn-
hope this helps! this is a pretty quick explanation, but if you need more details, let me know ^^
This user is not visible to guests.
yeah, I think it's to do with the fact I use fontawesome icons for the ears and tail, which can be weird at times. now that I've gotten a bit more experience with coding I plan to remake this code without those icons as well as custom colours! (although the tail relies on fontawesome's flip animation to move, so I'm not sure how I'll do that)
This user is not visible to guests.
thank you! just a quick question – could you try replacing the cat ears bit in the code with this? i made this on my phone just now so it might not work, but since I can't reproduce this problem on my own device I thought to ask!! otherwise I'll have to go back to my original plan which might take a bit longer, lol
Hi, I’m on mobile and I think on here the code is really glitchy? Half of the text gets all flashy or just doesn’t appear..? Not exactly sure what caused this on my end :( !
Super cute code!! And yep, you can absolutely change the animation speed ^^
You just need to add an "animation-duration" attribute to the tail, like this:
<i class="fa-solid fa-c fa-9x text-dark fa-flip" style="position:absolute;bottom:-90px;left:100px;transform:rotate(0deg);animation-duration:3s;"></i>
Cat Clock's Comments