Change agenda colors without using scss

Wed, 02 Sep 2015 00:24:22 +0000

Dear,

I want to change the background color of agenda according to values in "Mode" field without using or compiling scss file. this is what i've done so far. in MacroAgendaCustom:

JsonAgendaModelCustom {[
    // The value customAppointmentColors is used to modify the configuration of the agenda colors. it gets merged with the standard configuration
    // The colors themselves need to be defined in the CSS by using the classes like 'appo-location-brussels' or 'appo-myfield-myvalue'
    ,"customAppointmentColors": {
        mode: {
        // this agenda color line is new in the custom. The translations come from the database lookup.
        'appo-mode-VirtCons': 'Virt.Meeting - Cons',
        'appo-mode-VirtSas': 'Virt.Meeting - SaS',
        'appo-mode-meetingIn': 'meeting in;rdv au bureau;afspraak in;cita en la oficina;meeting (innen);ミーティング中;zebranie w biurze;içerde toplantı;Meeting IN - Cons;Meeting IN - Sas',
        'appo-mode-meetingOut': 'meeting out;rdv extérieur;afspraak uit;cita fuera de la oficina;meeting (außen);ミーティング終了;zebranie poza biurem;dişarda toplantı;Meeting OUT - Cons;Meeting OUT - Sas'       
        }
    }
]}

in efficyCustom.css:

.appo-mode-VirtCons {
 background-color:#7E87FC
}

.appo-mode-VirtSas {
 background-color:#FC6D6D
}

But it's not working, the background color is not as supposed to be.
Please help and advise.

Thank you
Best Regards.

Efficy Overflow Q&A - Recent questions tagged mode

Change agenda colors without using scss