Как редактировать CSS / Стили Firefox Reader View

Question

Я хочу включить выбранный шрифт в Firefox Reader View Styling.

Пожалуйста, дайте мне знать, если Firefox использует локальный файл CSS для стилизации или он находится где-то еще?

Более того, какое имя CSS-файла Firefox использует для Reader View и как я могу его редактировать.

Заранее спасибо!

Answer 1

Вы найдете CSS-файл для "Firefox Reader View" под путем cd /home/$USER/.mozilla/firefox/<PROFILE_FOLDER>/chrome/userContent.css только если вы уже настроили его:

1. Введите в своей адресной строке Firefox: about:support,
2. Откройте папку профиля, выбрав Show Folder,
3. Создайте новую папку в папке вашего профиля с именем chrome,
4. Перейдите в chrome и создайте новый текстовый файл с именем userContent.css
5. редактировать userContent.css в соответствии с вашими предпочтениями CSS.

---

В моем случае это выглядело следующим образом:

cd /home/$USER/.mozilla/firefox/<PROFILE_FOLDER>/
mkdir chrome
cd ./chrome
touch userContent.css

CSS-Пример:

@-moz-document url-prefix("about:reader") {
  body.dark {
    color: salmon !important;
    background-color: black !important;
  }
  body.light {
    color: #222 !important;
    background-color: #EEE !important;
  }
  body.sepia {
    color: #5B4636 !important;
    background-color: #F4ECD8 !important;
  }

  body.serif {
    font-family: serif !important;
  }
  body.sans-serif {
    font-family: sans-serif !important;
  }
}

Смотрите эту ссылку для дальнейших объяснений.

Answer 2

Вам не нужно добавлять или изменять .css, выполните следующие действия:

1. В адресной строке введите about:config, затем нажмите кнопку, чтобы принять риск.

2. В поле поиска введите или вставьте новое имя предпочтения: pdfjs.viewerCssTheme

3. Дважды щелкните для редактирования и установите значение 2 для темной темы, затем нажмите синюю кнопку с галочкой, чтобы сохранить изменение. (0 = по умолчанию, 1 = светлый).