Изменить цвет в стиле через JavaScript?

Доброй ночи!

Есть стиль в css, у которого прописаны превдостили :hover и :before (верстка досталась такая, править не рекомендуется)

.products-card-menu:hover:before { content: ''; top: -16px; left: 50px; width: 38px; height: 20px; background: #00c039 url(../images/catalogue_active_mask.png) no-repeat; position: absolute; }



Как можно на jquery обратиться в таблицу стилей и там поменять цвет 00c039 на тот, который укажет пользователь в отдельной переменной? Все это должно быть «налету»