SPO Calendar overlay background color and text color change

Question

I used the below CSS style to change the background color and text color of a calendar overlay.

<style type="text/css">
.ms-acal-color9{
   background-color:Yellow !important;
 }

.ms-acal-color9 a{color:#000!important;}
</style> 
<style type="text/css">
.ms-acal-apanel-color9{
   background-color:Yellow !important;
   }

.ms-acal-apanel-color9 a span{color:#000!important;}
</style>

While the background color and text color change is working in the calendar view. But in left hand navigation, only background color change is working, text color change is not working.

Answer 1

From my blog: https://davidlozzi.com/2012/06/20/customize-the-sharepoint-calendar-colors/

To change the font color, add the following for each color number you want to change (#ffffff is white, you could use any color you want here as well.)

.ms-acal-color3 div, 
.ms-acal-color3 div a, 
.ms-acal-apanel-color3 SPAN 
{
   color: #ffffff !important
}