Skip to content

RedServer/RedServer-Dark-Theme

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

RedServer Dark Theme

Тёмная тема для сайта RedServer. Стили написаны с использованием препроцессора SASS что позволяет достаточно легко изменить цветовую схему на свой вкус. Текущий вариант темы выполнен в чёрных тонах.

Сборка

Для сборки проекта вам потребуется Node.js и пакетный менеджер npm.

  1. Склонируйте или скачайте репозиторий.
  2. Перейдите в папку проекта.
  3. Выполните команду npm install для скачивания всех зависимостей.
  4. Запустите сборку, выполнив npm run prod
  5. Готовые файлы стилей с расширением *.user.css будут в папке dist.
  6. Импортируйте содержимое этого файла в свой менеджер пользовательских стилей (расширение браузера).

Разработка

Данный проект использует webpack для компиляции *.scss файлов и объединения всего в один файл (ресурсы стиля кодируются в base64 data URI).

  1. Запустите webpack dev server выполнив npm run serve
  2. Добавьте загрузку стиля со встроенного веб-сервера в ваш браузер, создав вручную через менеджер стилей новый файл со следующим содержимым:
    @import url('http://127.0.0.1:9000/forum.css');
  3. Вносите необходимые изменения в файлы стиля - webpack будет их автоматически компилировать.