Загрузите CSS быстрее в расширении Chrome

Question

Я делаю расширение, которое используется для переключения темного режима на определенном сайте.

Работает (почти) нормально, но с проблемой, что CSS загружался недостаточно быстро.Этот пользователь может испытывать мигание экрана переключения на темный от светлого пользовательского интерфейса.

inject.js (если он включен, загрузите CSS)

if(localStorage.getItem("dark_enabled") == 'true'){
    var head  = document.getElementsByTagName('head')[0];
    var link  = document.createElement('link');
    link.rel  = 'stylesheet';
    link.type = 'text/css';
    link.href = chrome.runtime.getURL('styles.css');
    head.appendChild(link);
}

содержимое.js (кнопка переключения ручки)

$("#toggle_darkmode").click(function() {
        status_bool = localStorage.getItem("dark_enabled") == 'true';
        status_bool = !status_bool;
        localStorage.setItem("dark_enabled", status_bool);
        location.reload();
});

manifest.json

{  
  "content_scripts":[  
     {  
        "js":["inject.js", "jquery-3.3.1.min.js", "content.js"]
     }
  ],
  ...
  "web_accessible_resources":["styles.css"]
}

Я пытался использовать только чистый JS для инъекции и перенести инъекциюразделите в отдельный файл и загрузите его первым.Это быстрее, но все еще мигает.Мне интересно, как я могу изменить его, чтобы сделать его быстрее?