Przyciemnij swoje forum Atelier 801 (ze wsparciem dla przezroczystości, własnych kolorów i teł!)

Spoiler

Spoiler

Spoiler

Za pomocą rozszerzenia Tampermonkey


• Pobierz rozszerzenie ze strony https://www.tampermonkey.net/.
• Wejdź w link https://gist.github.com/Lamentxthe/5abc85ac262e276d741edace8e70d2ec/raw/Dark%2520theme%2520v2%2520for%2520Atelier%2520801.user.js
• Kliknij Zainstaluj i gotowe.

Za pomocą rozszerzenia Stylish


• Pobierz rozszerzenie ze strony https://userstyles.org/.
• Wejdź w link https://userstyles.org/styles/140615/dark-theme-v2-for-atelier-801
• Kliknij Install style i gotowe.

Za pomocą rozszerzenia Tampermonkey



• Kliknij na ikonę rozszerzenia w przeglądarce, następnie na + obok nazwy skryptu i Edytuj.


SpoilerZmiana kolorów




• Na początku skryptu znajdziesz fragment:


1
2
3
4

"colors": {
    "primary": "33, 33, 33",
    "primary_dark": "0, 0, 0",
    "primary_light": "72, 72, 72",


Wystarczy, że zmienisz trzy ostatnie wartości kolorów RGB: primary, primary_dark i primary_light.



SpoilerPrzykład 1 2 3 4 "colors": { "primary": "128, 19, 54", "primary_dark": "45, 19, 44", "primary_light": "199, 44, 65",



SpoilerZmiana tło grafika vs tło kolor




• Na początku skryptu znajdziesz fragment:


1
2
3
4
5
6
7
8
9

/* tło ze zdjęciem */ //GM_addStyle("body { background-image: url("+config.background+"); background-size: cover; background-repeat: no-repeat; background-attachment: fixed;");
/* tło ze zdjęciem dolnego paska narzędzi */ //GM_addStyle(".container-fluid.menu-secondaire { background-image: url("+config.toolbar_background+"); background-size: cover; background-repeat: no-repeat;");
/* tło ze zdjęciem górnego paska narzędzi */ //GM_addStyle(".navbar-inverse .navbar-inner { background-image: url("+config.toolbar_background+"); background-size: cover; background-repeat: no-repeat;");

/* tło z kolorem */ GM_addStyle("body { background-color: rgb("+config.colors.primary_dark+");");
/* tło z kolorem dolnego paska narzędzi */ GM_addStyle(".container-fluid.menu-secondaire { background-color: rgb("+config.colors.primary+");");
/* tło z kolorem górnego paska narzędzi */ GM_addStyle(".navbar-inverse .navbar-inner { background-color: rgb("+config.colors.primary+");");

/* Ramka górnego paska narzędzi */ GM_addStyle(".navbar-inverse .navbar-inner { border-color: rgb("+config.colors.primary_light+"); background-image: none;");


Wystarczy, że w trzech pierwszych i trzech ostatnich linijkach usuniesz/dodasz // przed GM_addStyle. Jeśli w trzech pierwszych nie ma //, to w trzech ostatnich musisz je dodać. Jeśli są w trzech ostatnich, to musisz je usunąć z trzech pierwszych. Jeśli ustawiasz tło z obrazkiem, to w 7 linijce musisz usunąć background-image: none;. Jeśli używasz koloru jako tła, to ten fragment musi zostać.



SpoilerPrzykład na tło 1 2 3 4 5 6 7 8 9 /* tło ze zdjęciem */ GM_addStyle("body { background-image: url("+config.background+"); background-size: cover; background-repeat: no-repeat; background-attachment: fixed;"); /* tło ze zdjęciem dolnego paska narzędzi */ GM_addStyle(".container-fluid.menu-secondaire { background-image: url("+config.toolbar_background+"); background-size: cover; background-repeat: no-repeat;"); /* tło ze zdjęciem górnego paska narzędzi */ GM_addStyle(".navbar-inverse .navbar-inner { background-image: url("+config.toolbar_background+"); background-size: cover; background-repeat: no-repeat;"); /* tło z kolorem */ //GM_addStyle("body { background-color: rgb("+config.colors.primary_dark+");"); /* tło z kolorem dolnego paska narzędzi */ //GM_addStyle(".container-fluid.menu-secondaire { background-color: rgb("+config.colors.primary+");"); /* tło z kolorem górnego paska narzędzi */ //GM_addStyle(".navbar-inverse .navbar-inner { background-color: rgb("+config.colors.primary+");"); /* Ramka górnego paska narzędzi */ GM_addStyle(".navbar-inverse .navbar-inner { border-color: rgb("+config.colors.primary_light+");");





SpoilerPrzykład na kolor 1 2 3 4 5 6 7 8 9 /* tło ze zdjęciem */ //GM_addStyle("body { background-image: url("+config.background+"); background-size: cover; background-repeat: no-repeat; background-attachment: fixed;"); /* tło ze zdjęciem dolnego paska narzędzi */ //GM_addStyle(".container-fluid.menu-secondaire { background-image: url("+config.toolbar_background+"); background-size: cover; background-repeat: no-repeat;"); /* tło ze zdjęciem górnego paska narzędzi */ //GM_addStyle(".navbar-inverse .navbar-inner { background-image: url("+config.toolbar_background+"); background-size: cover; background-repeat: no-repeat;"); /* tło z kolorem */ GM_addStyle("body { background-color: rgb("+config.colors.primary_dark+");"); /* tło z kolorem dolnego paska narzędzi */ GM_addStyle(".container-fluid.menu-secondaire { background-color: rgb("+config.colors.primary+");"); /* tło z kolorem górnego paska narzędzi */ GM_addStyle(".navbar-inverse .navbar-inner { background-color: rgb("+config.colors.primary+");"); /* Ramka górnego paska narzędzi */ GM_addStyle(".navbar-inverse .navbar-inner { border-color: rgb("+config.colors.primary_light+"); background-image: none;");



SpoilerZmiana grafiki tła


• Na początku skryptu znajdziesz fragment:


1
2

"background": "https://i.imgur.com/YGqJrFK.jpg", /* link do zdjęcia tła */
"toolbar_background": "https://i.imgur.com/fCQJpwr.png", /* link do zdjęcia tła paska narzędzi */


Wystarczy, że zmienisz linki w background (tło) i toolbar_background (tło paska narzędzi). Pamiętaj, żeby link zaczynał się https z s.

Za pomocą rozszerzenia Stylish


• Wystarczy przejść na stronę https://userstyles.org/styles/140615/dark-theme-v2-for-atelier-801, kliknąć Customize settings i zmienić dowolne ustawienia. Na chwilę obecną przy tym rozszerzeniu nie można zmienić między tłem grafiką a tłem kolorem - dostępne jest tylko tło jako grafika.