DigitalLearning

Как изменить цвет скролла?

❤️
За гайд большое спасибо Игорю (@suvorovi) и за дополнение его спасибо Вове (@vmkazakoff)

Пример работы решения:

Было: стандартный серый скролл
Было: стандартный серый скролл
Стало: Красивый синий скролл
Стало: Красивый синий скролл

Алгоритм замены цвета:

  1. После экспорта курса заходим в папку с курсом путь: html5\lib\stylesheets
  1. В папке ищем 2 файла: desktop.min.css и mobile.min.css и открываем их в любом редакторе кода
  1. Ищем все по цвету b5b5b5 и делаем автозамену на другой цвет
      2. ⚠️
      Замена будет в 2-х местах в одном десктопном файле и втором файле под мобилку.
  1. Сохраняем изменения, проверяем, архивируем курс обратно в архив.

Алгоритм замены цвета при наведении:

  1. Идем в файл /html5/data/css/output.min.css
  1. В файле ищем строку .scrollarea-scrollbar:hover .scrollarea-btn:after
      2. notion image
  1. Внутри фигурных скобок меняем цвет на любой нужный.
 
badge