1. type: custom:calendar-card-pro
2. entities:
3. - entity: calendar.events
4. accent_color: "#ff77a9"
5. - entity: calendar.kids_school
6. accent_color: "#6c63ff"
7. - entity: calendar.holidays_in_united_states
8. accent_color: "#ffa500"
9. days_to_show: 5
10. max_events_to_show: 5
11. event_background_opacity: 25
12. vertical_line_width: 5px
13. event_spacing: 6px
14. show_week_numbers: iso
15. week_separator_width: 1px
16. week_separator_color: rgba(3, 169, 244, 0.3)
17. month_separator_width: 1.5px
18. month_separator_color: var(--secondary-text-color)
19. font_family: Comic Neue
20. title: 📅 Animeking’s Time Chronicles ✨
21. title_font_size: 18px
22. title_color: "#baf1ff"
23. tap_action:
24. action: expand
25. hold_action:
26. action: navigate
27. navigation_path: calendar
28. card_mod:
29. style: |
30. ha-card {
31. border-radius: 18px;
32. box-shadow: 0 6px 15px rgba(0,0,0,0.3); /* Anime UI glow */
33. background: url('https://i.imgur.com/Vg0F5zO.jpeg'); /* Starry Anime Sky 🌌 */
34. background-size: cover;
35. background-position: center;
36. animation: floaty 3s ease-in-out infinite; /* Gentle floating effect */
37. padding-top: 10px; /* Add padding to push the title up */
38. }
39. @keyframes floaty {
40. 0%, 100% { transform: translateY(0px); }
41. 50% { transform: translateY(-3px); }
42. }
43. h1, h2, h3 {
44. font-family: "Comic Neue", sans-serif;
45. font-weight: bold;
46. color: #baf1ff; /* Anime-style blue text */
47. text-shadow: 0 0 10px rgba(186, 241, 255, 0.8), 0 0 20px rgba(186, 241, 255, 0.5);
48. animation: glow 1.5s infinite alternate;
49. }
50. @keyframes glow {
51. from {
52. text-shadow: 0 0 10px rgba(186, 241, 255, 0.8), 0 0 20px rgba(186, 241, 255, 0.5);
53. }
54. to {
55. text-shadow: 0 0 15px rgba(255, 255, 255, 1), 0 0 30px rgba(186, 241, 255, 1);
56. }
57. }
58. ​
59. /* Custom Event Icons */
60. .event-title::before {
61. content: "🎤 "; /* Default Event Icon */
62. }
63. .event-title[data-category*="School"]::before {
64. content: "🎓 "; /* School Icon */
65. }
66. .event-title[data-category*="Concert"]::before {
67. content: "🎤 "; /* Concert Icon */
68. }
69. .event-title[data-category*="Gaming"]::before {
70. content: "🎮 "; /* Gaming Event Icon */
71. }
72. .event-title[data-category*="Food"]::before {
73. content: "🍜 "; /* Food Event Icon */
74. }