Можно ли изменить цвет полосы прокрутки в браузере Chromium без установки еще одного расширения?

Возможно, где-то изменив какой-то файл css?

Я использую хром 83 на Debian 10.

Я знаю, как добиться этого в Firefox. Я только что добавил следующие строки в userContent.css

html,body{
    scrollbar-color: #B63C29 #555555 !important;
}

Есть ли что-то подобное, что я могу сделать, чтобы добиться того же для Chromium?

ОБНОВИТЬ:

Я пробовал следующее решение, но оно не имеет никакого эффекта:

  1. Я создал каталог ~/.config/chromium/Default/User StyleSheets/
  2. создал файл Custom.css внутри него
  3. добавил следующий код для проверки:
    .scrollable-element {
      scrollbar-color: red yellow;
    }

Ничего такого. Нет эффекта.

Может кто-нибудь показать мне простой рабочий пример, как изменить полосу прокрутки на красную?

3
400 the Cat 26 Май 2021 в 04:57

2 ответа

Лучший ответ

Если ничего не работает, возможно, вам все-таки придется использовать какое-то расширение. На основании этой проблемы и этот ответ и этот Я сделал так:

$ mkdir CustomCSS && cd CustomCSS
$ cat > manifest.json << EOF
 
{
    "name": "My Style Sheet",
    "content_scripts": [
        {
          "matches": ["*://*/*"],
          "css": ["Custom.css"]
        }
    ],
    "version": "1.0.0",
    "description": "User StyleSheet replacement",
    "manifest_version": 2
}
EOF
$ cat > Custom.css << EOF
 
::-webkit-scrollbar {
    height: 12px;
    width: 12px;
    background: yellow;
}
 
::-webkit-scrollbar-thumb {
    background: red;
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}
 
::-webkit-scrollbar-corner {
    background: #000;
}
EOF

В chrome://extensions с включенным режимом разработчика: Загрузить распакованное расширение -> выбрать путь/к/CustomCSS

И это все. Оно работает. Красная полоса прокрутки на желтом фоне.

Проверка chrome://memory показывает, что он использует ~ 1,8 МБ памяти.

-

Эд: Если вы хотите переопределить стили веб-сайтов, вы можете попробовать использовать правило !important

background: red !important;
2
tansy 27 Май 2021 в 15:59
- Спасибо. после загрузки расширения полоса прокрутки меняет форму с квадратных углов на круглые, но я вижу свой собственный цвет только на нескольких веб-сайтах. Другие, кажется, переопределяют цвет.
 – 
400 the Cat
27 Май 2021 в 04:07
Установка этого расширения работала, но есть одна небольшая проблема: это «расширение» теперь отображается в виде значка на «панели расширений» в правом верхнем углу. Я действительно не хочу еще одну бесполезную иконку там. Есть ли способ скрыть это?
 – 
400 the Cat
31 Май 2021 в 04:43
Мой хром старый и в нем нет такого хлама, поэтому я не знаю, что вам сказать. В Firefox есть простая возможность настроить меню, возможно, в Chrome есть что-то подобное.
 – 
tansy
31 Май 2021 в 19:07
Это странно, так как расширение ничего не делает с меню в явном виде.
 – 
tansy
31 Май 2021 в 19:58

Да, это возможно.

!ddg цвет полосы прокрутки хрома

Как я могу изменить полосу прокрутки в Google Chrome, чтобы она имела разные цвета?

Как изменить стиль и цвет полосы прокрутки в Chrome

Стилизуйте полосу прокрутки с помощью CSS в Google Chrome (-webkit)

И еще один, найденный по ссылкам выше:

Гугл Хром или Хромиум

Google Chrome предоставляет таблицу стилей пользователя, которую вы можете изменить в папке конфигурации или папке профиля пользователя. В Chromium/Linux он находится по адресу ~/.config/chromium/Default/User StyleSheets/Custom.css. Для Google Chrome это ~/.config/google-chrome/Default/User StyleSheets/. В MS Windows расположение: %AppData%\Local\Google\Chrome\User Data\Default\User StyleSheets. В зависимости от версии браузера и ОС это может отличаться, но проверьте папку конфигурации в вашей системе в папке /Default/User StyleSheets/. Также, если файла с именем Custom.css нет, вам нужно будет создать его в папке User StyleSheets/.

как использовать пользовательскую или пользовательскую таблицу стилей ( css) в веб-браузере.

-4
tansy 25 Май 2021 в 19:36
Я не понимаю, почему я получаю минусы. На этот вопрос был дан ответ на других сайтах, но его нельзя пометить как дубликат, поскольку они не являются unix.SE.
 – 
tansy
24 Май 2021 в 12:44
Ни одна из этих ссылок не отвечает на мой вопрос
 – 
400 the Cat
25 Май 2021 в 05:06
Да, это так. Вам нужно прочитать их. И формально я ответил на ваш вопрос одним простым предложением.
 – 
tansy
25 Май 2021 в 19:38
Я создал каталог ~/.config/chromium/Default/User StyleSheets/ и внутри создал файл Custom.css. Добавлено .scrollable-element { scrollbar-color: red yellow; }, но безрезультатно. Вы уверены, что это должно работать? Все предоставленные ответы, похоже, требуют установки какого-либо расширения.
 – 
400 the Cat
26 Май 2021 в 04:50
1
Кроме того, это может не сработать, поскольку, по-видимому, хром некоторое время назад убрал концепцию пользовательских таблиц стилей, что Я не знал до сих пор. Хотя были попытки повторно ввести его, он похоже, не работает как и ожидалось. Поэтому вам может понадобиться использовать какое-то расширение. Я читал о таком несжатом расширении, но потерял сайт из виду.
 – 
tansy
26 Май 2021 в 17:02