javascript javascript 30 жовтня 2023, 23:10

Темна тема для Ujournal v3.0

Нова вер­сія дій­сно прив­не­сла бага­то покра­щень, сайт пра­цює разів в 20 швид­ше і в ново­му движ­ку з’я­вив­ся зру­чний селе­ктор кольо­рів, який дода­є­ться через псев­до­клас :root

А це зна­чить, що тепер роби­ти кастом­ні теми для сай­та — це діло п’я­ти хви­лин, тому три­май­те декіль­ка тем­них тем для дов­гих осін­ніх вечо­рів, коли сві­тло з моні­то­ра б’є в очі з такою силою, що нема сечі терпіти.

Як поста­ви­ти?

Кача­є­мо Stylus:

Для Chrome/​Edge/​Opera: 

Stylus chrome.google.com

Для Firefox: 

Stylus – Отримати це розширення для 🦊 Firefox (uk) addons.mozilla.org

Нати­ска­є­мо на ньо­го в пане­лі дода­тків та кла­ца­є­мо по кно­пці Мене­джер сти­лів:

Потім у вікні, яке від­кри­лось, кла­ца­є­мо на кно­пку Ство­ри­ти стиль

В само­му низу оби­ра­є­мо URL в домені

та пише­мо туди ujournal​.com​.ua

Потім оби­ра­є­мо якийсь стиль із запро­по­но­ва­них ниж­че та копі­ю­є­мо його код в поле встав­ки Коду, щоб вийшло якось так:

В кін­ці потрі­бно збе­рег­ти змі­ни, нати­снув­ши на кно­пку Збе­рег­ти, або ком­бі­на­ці­єю кла­віш Ctrl+S.

Тем­но-синій стиль (онов­ле­но 11.11.23)

Код для копіювання:

pastebin: https://​pastebin​.com/​D​E​y​iHTy6

Тем­но-зеле­ний стиль (онов­ле­но 11.11.23)

Код для копіювання:

pastebin: https://​pastebin​.com/​q​1​c​DCW3z

Чор­ний (онов­ле­но 11.11.23)

Код для копіювання:

pastebin: https://​pastebin​.com/​Z​W​6​hqGnH

Тем­но-сірий (онов­ле­но 11.11.23)

Код для копіювання:

pastebin: https://​pastebin​.com/​g​V​R​swbQh

  • 7
  • 6
  • 277

6 коментарів

  • Lemmy Lemmy 2 роки тому

    Супер! :) В пла­нах є дода­ва­н­ня тем­ної теми та опції для змі­ни акцен­тно­го кольо­ра. Зараз я пра­цюю над більш ефе­ктив­ною вставкою/​відображенням ресур­сів (кар­тин­ки, відео, поси­ла­н­ня), далі коментарі.

    • 5
    • Peaceduck Peaceduck 2 роки тому

      @lemmy Все це потрі­бно для комен­та­рів, але без редактора.

      • 1