Frel: На градиентах: https://jsfiddle.net/kzdyhuoa/ Если помудиться подольше, то можно достигнуть желаемого результата.
А SVG, ну просто срезаете кусочек и в илюстраторе или фотошопе сохраняете, как svg.
maksim2099: Да не за что. На самом деле странный тред. Нужно бы удалить мой ответ снизу. А эту ветку отметить решением.
На самом деле, самое простое и, по моему мнению, самое верное решение это подменять файл со стилями. Но это не самый лучший подход для оптимизации. Каждый отдельный файл со стилями это лишний запрос на сервер. Наверное менять классы в этом плане более подходящий вариант. А делать всё на скрипте, я бы лично не стал так сильно заморачивать. Это ненужный гемор.
Если на вскидку, то несколько ксс файлов со стилями к элементам, которые нужно перекрасить, подменяются скриптом в теге link. Это простой и очевидный способ.
Второй способ, это создать в js массив элементов, которые нужно перекрасить и циклом менять им ксс свойства.
