Как сделать расширение google chrome, которое может менять код сайта?

Если не ошибаюсь, менять CSS-свойство у псевдоэлементов через JavaScript нельзя, но можно добавить новый класс к целевому элементу, а уже для него установить свойства, в общем с кодом разберетесь.

Создаете папку с файлами manifest.json и change.js.

Содержимое manifest
{
"manifest_version": 2,
"name": "TEST",
"version": "1.0",

"content_scripts": [{
"matches": ["*://адрес нужного сайта вида site.ru/*"],
"js": ["change.js"]
}]
}

Содержимое change.js это ваш javascript-код, который будет вносить изменения на странице.

После откройте в хроме расширения - режим разработчика - загрузить распакованное расширение и выберите папку.

P.S Уверены, что нужно расширение? Можно создать закладку с javascript-кодом, который выполнится на текущей странице