Як зрабіць цёмны фон Вконтакте

Anonim

Як зрабіць цёмны фон Вконтакте

Вялікая колькасць карыстальнікаў сацыяльнай сеткі Вконтакте сутыкаюцца з такой праблемай, як адсутнасць функцыяналу для змены тэмы афармлення сайта. Асабліва актуальнай дадзеная складанасць з'яўляецца па тых прычынах, што першапачаткова рэсурс аформлены ў даволі яркіх светлых танах, якія перашкаджаюць камфортнаму ўспрымання інфармацыі.

Далей у рамках гэтага артыкула мы пастараемся ў дэталях распавесці пра метады актывацыі цёмнага стылю афармлення ВК, не прычыняючы асабліва моцнага шкоды цэласнасці дызайну.

Стварэнне цёмнага фону ВК

За ўвесь час існавання сайта разгляданай сацыяльнай сеткі было распрацавана досыць шмат спосабаў вырашэння праблемы, звязанай з змяненнем афармлення рэсурсу. Больш за тое, некаторыя з магчымых варыянтаў мы ўжо разглядалі раней, аднак без канкрэтнага ўпора на каляровую гаму.

На гэтым са уступнай часткай датычна працэсу правільнай актывацыі дапаўненні можна скончыць.

Для таго каб скарыстацца магчымасцю пераключэння стылю афармлення Укантакце са стандартнага на прыцемненыя, прыйдзецца перайсці да падзелу кіравання пашырэннем. Дарэчы, менавіта з гэтай старонкі можна кіраваць станам таго ці іншага функцыяналу.

  1. Пстрыкнуўшы па раней згаданай абразку ў правым верхнім куце, расчыніце асноўны інтэрфейс дапаўненні і абярыце пункт «Настройкі».
  2. Пераход да падзелу Налады ў дадатку VK Helper для Вконтакте

  3. У верхняй частцы адкрыўся акна знайдзіце пошукавы радок і ўпішыце словазлучэнне «Начная тэма».
  4. Пошук функцыяналу Начная тэма ў наладах пашырэння VK Helper для Вконтакте

  5. Сярод вынікаў пошуку знайдзіце аднайменную радок і ўсталюйце побач з ёй галачку.
  6. Актывацыя начны тэмы праз пошук у наладах пашырэння VK Helper для Вконтакте

  7. Калі ў вас па тых ці іншых прычынах не працуе дадзены падыход, можна паступіць некалькі інакш.
  8. Апынуўшыся на старонцы дапаўненні, прагартайце яе да блока «Інтэрфейс».
  9. Пераход да блоку Інтэрфейс у наладах пашырэння VK Helper для Вконтакте

  10. У ліку прадстаўленых магчымасцяў знайдзіце радок, звязаную з запытам «Начная тэма».
  11. Паспяхова знойдзены пункт Начная тэма ў наладах прыкладання VK Helper для Вконтакте

  12. Усталюйце сцяжок у пустое поле побач з раздзелам.
  13. Ўключэнне начны тэмы праз налады пашырэння VK Helper для Вконтакте

  14. Колеравая гама істотна зменіцца пры наступным пераходзе на сайт або пасля абнаўлення старонкі.
  15. Паспяхова актываваць начная тэма VK Helper на сайце Вконтакте

    Прагляд колеру тэксту начны тэмы VK Helper на сайце Вконтакте

Выконваючы ўсе дакладна па інструкцыі, у вас не павінна ўзнікнуць цяжкасцяў з уключэннем цёмнай схемы афармлення.

Спосаб 2: Stylish

Па аналогіі з папярэднім метадам, Stylish ўяўляе сабой дадатак для ўсіх сучасных інтэрнэт-аглядальнікаў, аднак моцна вылучаецца сярод іншых прыкладанняў тым, што не мае дакладнай спецыфікацыі. Калі разважаць у цэлым, то само па сабе пашырэнне створана адначасова для ўсіх існуючых рэсурсаў у сеткі інтэрнэт, аформленых з дапамогай выкарыстання каскадных табліц стыляў (CSS).

Ўстаноўка дадзенага дадатку не павінна выклікаць у вас праблем, так як старонка запампоўкі адаптуецца ў залежнасці ад браўзэра.

Перайсці да сайта Stylish

  1. Адкрыйце прадстаўленую намі спасылку ў вашым браўзэры.
  2. Пераход да сайта Stylish ў Mozilla Firefox

    У якасці прыкладу мы разгледзім дзеянні ў рамках Mozilla Firefox.

  3. Знайдзіце інфармацыйны блок «Style the web» і скарыстайцеся кнопкай «Install for ...».
  4. Пераход да ўстаноўцы пашырэння Stylish ў Mozilla Firefox

  5. Цяпер вы апынецеся на афіцыйнай старонцы пашырэння ў інтэрнэт-краме вашага браўзэра.
  6. Пераход да старонкі пашырэння Stylish ў Mozilla Firefox.

  7. Пстрыкніце па клавішы ўстаноўкі прыкладання, у нашым выпадку гэта кнопка «Add to Firefox».
  8. Пачатак ўстаноўкі пашырэння Stylish ў Mozilla Firefox

  9. Пацвердзіце дадання прыкладання ў інтэрнэт-аглядальнік.
  10. Пацверджанне ўстаноўкі пашырэння Stylish ў Mozilla Firefox

  11. Аб паспяховай ўсталёўцы вы зможаце даведацца з адпаведнага паведамлення.
  12. Апавяшчэнне аб паспяховай ўсталёўцы Stylish ў Mozilla Firefox

Прадстаўленая інструкцыя з'яўляецца адзіным правільным метадам ўстаноўкі, з-за чаго ў выпадку ўзнікнення праблем трэба проста пераправерыць выкананыя маніпуляцыі.

Кожны карыстальнік, падключыце інтэграцыю гэтага дапаўненні ў сваім браўзэры, атрымлівае магчымасць карыстання досыць шырокай бібліятэкай стыляў для розных сайтаў, пачынаючы ад Укантакце і заканчваючы пошукавымі сістэмамі. Да саміх жа тэмах, што ў прыватнасці тычыцца VK, можна пераключыцца двума асноўнымі спосабамі.

  1. Пасля дадання пашырэння ў браўзэр, перайдзіце да старонкі Stylish па раней паказанай спасылцы.
  2. Пераход да сайта Stylish для пошуку тэмы для сайта Вконтакте

  3. У левай частцы актыўнага акна знайдзіце навігацыйнае меню «Top Styled Sites».
  4. Пошук меню Top Styled Sites на сайце пашырэння Stylish

  5. З прадстаўленага асартыменту рэсурсаў выберыце «Vk», пераключыўшыся да старонкі сайта з адпаведным наборам тэм.
  6. Пераход да падзелу Vk праз меню на сайце пашырэння Stylish

Альтэрнатыўны, але куды больш зручны спосаб, заключаецца ў выкарыстанні панэлі кіравання.

  1. Адкрыйце Укантакце ў інтэрнэт-аглядальніку і клікніце па абразку прыкладання на панэлі задач браўзэра.
  2. Раскрыццё меню кіравання пашырэннем Stylish на сайце Вконтакте

  3. Цяпер клікніце па спасылцы «Знайсці больш стыляў для гэтага сайта» унізе акна пашырэння.
  4. Пераход да старонкі з тэмамі для ВК праз панэль кіравання Stylish

  5. Вы апынецеся на старонцы «Vk Themes and Skins».
  6. Паспяхова адкрытая старонка з тэмамі на сайце пашырэння Stylish

Разабраўшыся з асноўнымі нюансамі, можна перайсці непасрэдна да актывацыі цёмнага фону для сацыяльнай сеткі ВК.

  1. Сярод прадстаўленага асартыменту варыянтаў знайдзіце падыходны пад вашыя патрабаванні.
  2. Пошук стыляў на сайце пашырэння Stylish

  3. Для зручнасці вы можаце скарыстацца магчымасцю змены прадстаўлення спісу.
  4. Змена прадстаўлення спісу стыляў на сайце пашырэння Stylish

  5. У адпаведнасці з тэмай дадзенага артыкула, найбольш рэкамендаваным з'яўляецца стыль «Vanilla Dark 2 VK».
  6. Пераход да старонкі стылю Vanilla Dark 2 на сайце пашырэння Stylish

Апынуўшыся на старонцы пэўнага стылю, у першую чаргу варта скарыстацца магчымасцю індывідуальнага рэдагавання тэмы.

  1. Пстрыкніце па клавішы «Customize Settings» пад прэв'ю тэмы.
  2. Пераход да налады тэмы афармлення на сайце пашырэння Stylish

  3. Выкарыстоўваючы прадстаўленыя пункты, выканайце настройку ў адпаведнасці з жаданнямі.
  4. Працэс налады стылю на сайце пашырэння Stylish

    графа «Стыль» вызначае колер асноўнага тэксту.

  5. Характэрнай асаблівасцю названай тэмы з'яўляецца магчымасць дадання ўласнай фону.
  6. Магчымасць налады фону стылю на сайце пашырэння Stylish

  7. Для стварэння больш гарманічнага афармлення лепш за ўсё пакінуць фон па змаўчанні.
  8. Працэс выбару фону па змаўчанні на сайце пашырэння Stylish

Распісаныя рэкамендацыі не з'яўляюцца абавязковымі, так як у выпадку адсутнасці індывідуальных налад ўжыць стылі, прызначаны аўтарам па змаўчанні.

  1. Скарыстайцеся кнопкай «Install Style» пад асноўным выявай.
  2. Працэс ўстаноўкі цёмнага стылю для ВК на сайце пашырэння Stylish

  3. Па неабходнасці пацвердзіце ўстаноўку тэмы праз кантэкстнае акно.
  4. Пацверджанне ўстаноўкі стылю афармлення на сайце пашырэння Stylish

  5. Цяпер кнопка ўстаноўкі зменіцца на «Style Installed».
  6. Паспяхова змененая кнопка ўстаноўкі стылю на сайце пашырэння Stylish

  7. Пераключыцеся да сайта Вконтакте, каб праверыць выніковы вынік.
  8. Паспяхова зменены стыль афармлення праз Stylish на сайце Вконтакте

Калі вас што-небудзь ня задавальняе ў створаным стылі, яго можна адрэдагаваць.

  1. Знаходзячыся ў сацыяльнай сетцы адкрыйце меню кіравання пашырэннем.
  2. Пераход да меню кіравання пашырэннем Stylish

  3. Клікніце па спасылцы, прадстаўленай пад прэв'ю ўсталяванай тэмы.
  4. Пераход да старонкі стылю Stylish праз панэль кіравання

  5. У адпаведнасці з ранняй інструкцыяй расчыніце блок «Customize Setting» і выставіце найбольш пераважныя параметры.
  6. Паўторная настройка стылю на сайце пашырэння Stylish

  7. Завяршыўшы наладу, скарыстайцеся кнопкай «Update Style».
  8. Паўторнае абнаўленне стылю на сайце пашырэння Stylish

Каб у будучыні ў вас не ўзнікла праблем, важна зрабіць пару дадатковых заўваг.

  • Перад устаноўкай новых стыляў, старую тэму неабходна выдаліць або адключыць у панэлі кіравання дадаткам.
  • Магчымасць кіравання тэмай на панэлі кіравання Stylish

  • У адваротным выпадку каскадныя табліцы прымененых тым будуць аб'яднаныя, істотна ўплывалі на агульны выгляд сайта.
  • Дрэнная камбінацыя стыляў Stylish на сайце Вконтакте

  • Пры гэтым некалькі варыяцый ўсё ж можна ўдала камбінаваць, але толькі на свой страх і рызыка.
  • Прымальны камбінацыя стыляў Stylish на сайце Вконтакте

Калі судзіць у цэлым, то на гэтым з дадзеным пашырэннем можна было б скончыць, бо прадпісанні дазваляюць актываваць цёмны фон без залішніх праблем. Аднак вы таксама можаце стварыць уласны варыянт афармлення з нуля ці адрэдагаваць чужую тэму, маючы ў распараджэнні некаторыя пазнання ў працы з кодам CSS.

У завяршэнне важна адзначыць, што найбольш стабільна працуе пашырэнне з інтэрнэт-аглядальнікам Google Chrome. Цяпер жа, распісаўшы ў дэталях усе нюансы працы з прыкладаннем Stylish і яго магчымае прымяненне ў галіне актывацыі цёмнага фону Вконтакте, метад можна лічыць завершаным.

Спосаб 3: Dark Reader

Спецыяльна для карыстальнікаў найбольш запатрабаванага вэб-браўзэра Google Chrome распрацоўшчыкамі гэтай жа праграмы было створана дадатак Dark Reader, у аўтаматычным рэжыме якое змяняе каляровую гаму. Пры гэтым яго магчымасці ў роўнай ступені распаўсюджваюцца на любыя адкрытыя карыстальнікам сайты, уключаючы Укантакце.

Падобнае прыкладанне мае аналагі ў кожным браўзэры, хоць назва і можа адрознівацца.

Перайсці да старонкі Dark Reader

  1. З дапамогай спасылкі перайдзіце да старонкі пашырэння ў краме Google Chrome і скарыстайцеся кнопкай «Устанавіць».
  2. Пераход да ўстаноўцы пашырэння Dark Reader ў інтэрнэт аглядальніку

  3. Выканайце стандартную працэдуру пацвярджэння і дачакайцеся заканчэння ўстаноўкі.
  4. Пацверджанне ўстаноўкі пашырэння Dark Reader ў інтэрнэт аглядальніку

  5. З гэтага моманту ўсе першапачаткова светлыя стылі афармлення сайтаў будуць інвертаваныя.
  6. Паспяхова інвертаваны фон Укантакце з дапамогай Dark Reader

Як і любое дастаткова магутнае пашырэнне, Dark Reader валодае уласным наборам рознага роду налад, якія дазваляюць змяняць вонкавы выгляд рэсурсаў. Пры гэтым па-за залежнасці ад выстаўленых параметраў, прыкладанне ў любым выпадку будзе аказваць свой уплыў на дызайн.

  1. Для адкрыцця асноўны панэлі кіравання дадаткам, клікніце па значку Dark Reader на панэлі задач.
  2. Раскрыццё меню кіравання пашырэннем Dark Reader ў інтэрнэт аглядальніку

  3. Актываваць ці дэактываваць прыкладанне можна шляхам выкарыстання перамыкача "Toggle Extension».
  4. Магчымасць выключэння пашырэння Dark Reader ў інтэрнэт аглядальніку

  5. На ўкладцы «Filter» размяшчаюцца асноўныя элементы кіравання каляровай гамай пры актываванай дадатку.
  6. Пераход на ўкладку Filter ў панэлі кіравання Dark Reader ў інтэрнэт аглядальніку

  7. Пры змене значэння ў раздзеле «Mode» можа выбраць паміж яркім і цёмным стылем.
  8. Змена рэжыму Mode у наладах Dark Reader ў інтэрнэт аглядальніку

  9. Індыкатар «Brightness», як відаць з назвы, уплывае на яркасць сайта.
  10. Змена параметраў Brightness у наладах Dark Reader ў інтэрнэт аглядальніку

  11. Блок «Contrast» прызначаны для змены ступені кантраснасці элементаў.
  12. Змена Contrast у наладах Dark Reader ў інтэрнэт аглядальніку

  13. Поле «Grayscale» адказвае за ўзровень чорнага і белага на старонках.
  14. Змена Grayscale у наладах Dark Reader ў інтэрнэт аглядальніку

  15. У выпадку рэдагавання індыкатара «Sepia» можна дасягнуць эфекту выцвітанні.
  16. Змена Sepia у наладах Dark Reader ў інтэрнэт аглядальніку

  17. На другой старонцы з параметрамі «Font» размяшчаюцца інструменты, якія адказваюць за стылі тэксту.
  18. Змена параметраў тэксту ў наладах Dark Reader ў інтэрнэт аглядальніку

  19. Пасля зменаў не забудзьцеся скарыстацца кнопкай «Apply» для захавання разметкі.
  20. Захаванне новай разметкі Dark Reader ў інтэрнэт аглядальніку

Звярніце ўвагу, што прыкладанне сябе добра дэманструе па частцы прадукцыйнасці і ў цэлым не павінна выклікаць якіх-то складанасцяў. Больш за тое, нягледзячы на ​​адсутнасць рускай лакалізацыі, інтэрфейс з'яўляецца інтуітыўна зразумелым.

Спосаб 4: Dark theme for VK

Кожны вышэй разгледжаны спосаб устаноўкі цёмнага фону заключаецца ў выкарыстанні даволі патрабавальных прыкладанняў, якія прадстаўляюць мноства не асоба патрэбных магчымасцяў. Каб вырашыць падобную праблему, на прасторах інтэрнэту прысутнічаюць куды больш вузканакіраваныя дапаўненні, аб адным з якіх мы і распавядзем.

Дадатак цалкам выключае магчымасць налады фону і каляровай гамы.

Перайсці да старонкі Dark theme for VK

  1. Скарыстайцеся спасылкай вышэй, каб адкрыць афіцыйную старонку пашырэння ў інтэрнэт-краме Google Chrome.
  2. Пераход да старонкі пашырэння Dark theme for VK

  3. У правым верхнім куце пстрыкніце па клавішы «Устанавіць».
  4. Пераход да ўстаноўцы пашырэння Dark theme for VK

  5. Выканайце пацвярджэнне дадання прыкладання ў аглядальнік праз адпаведнае ўсплывальнае акно.
  6. Пацверджанне ўстаноўкі пашырэння Dark theme for VK

  7. Адкрыйце сайт сацыяльнай сеткі Вконтакте, каб пераканацца ў паспяховай актывацыі цёмнага фону.
  8. Паспяховае прымяненне цёмнага фону Укантакце з дапамогай пашырэння Dark theme for VK

  9. Для пераключэння паміж стандартным і зацемненым фонам трэба клікнуць па абразку прыкладання на панэлі задач браўзэра.
  10. Магчымасць пераключэння стандартнай і цёмнай тэмы на панэлі задач браўзэра

На гэтым уласна і сканчаецца ўвесь прынцып працы дадзенага дапаўненні, выкарыстоўваць якое можна без стварэння залішняй нагрузкі на інтэрнэт-аглядальнік.

Спосаб 5: Kate Mobile

Калі вы, як і вялікая колькасць іншых карыстальнікаў, аддаеце перавагу заходзіць ць Укантакце са свайго мабільнага прылады, можаце змяніць тэму і на ім. Пры гэтым улічыце, што само па сабе афіцыйнае дадатак не падае патрэбнай нам магчымасці, з прычыны чаго спатрэбіцца спампаваць давераная прыкладанне Kate Mobile.

  1. Выкарыстоўваючы спасылку на дадатак з агляду, перайдзіце да дапаўненню ў краме Google Play і скарыстайцеся кнопкай «Устанавіць».
  2. Пераход да ўстаноўцы прыкладання Kate Mobile для Вконтакте

  3. Пацвердзіце прадастаўленне дазволаў.
  4. Пацвярджэнне дазволу для прыкладання Kate Mobile

  5. Завяршыўшы запампоўка, клікніце па кнопцы «Адкрыць».
  6. Працэс запуску прыкладання Kate Mobile

  7. Зрабіце працэдуру ўваходу шляхам уводу пароля і лагіна ад акаўнта.
  8. Працэс аўтарызацыі ў дадатку Kate Mobile

Цяпер можна перайсці непасрэдна да актывацыі цёмнага фону.

  1. У правым верхнім куце экрана націсніце вертыкальнае троеточие.
  2. Раскрыццё галоўнага меню ў дадатку Kate Mobile

  3. Пераключыцеся да акна «Настройкі».
  4. Пераход да акна Налады праз галоўнае меню ў дадатку Kate Mobile

  5. Далей выберыце раздзел «Знешні выгляд».
  6. Пераход да падзелу Знешні выгляд у дадатку Kate Mobile

  7. Пстрыкніце па блоку «Тэма афармлення».
  8. Пераход да падзелу Тэма афармлення ў дадатку Kate Mobile

  9. Выбераце адзін з цёмных стыляў, напрыклад, «Цёмная Holo» або «Чорная».
  10. Выбар цёмнага фону ў дадатку Kate Mobile

  11. Каб прымяніць тэму, перазапусціце прыкладанне Kate Mobile.
  12. Патрабаванне перазапуску прыкладання Kate Mobile

  13. Па факце паўторнага запуску дапаўненні фон стане цёмным.
  14. Паспяхова актываваны цёмны фон у дадатку Kate Mobile

Як можна заўважыць, прыкладанне не патрабуе выканання асабліва складаных маніпуляцый. Пры гэтым жа вам варта ўлічваць, што ў сувязі з істотнымі зменамі палітыкі VK многія дапаўненні для мабільных прылад, у тым ліку і Kate Mobile, на сённяшні дзень размяшчаюць далёка не ўсімі функцыямі стандартнага Укантакце.

У завяршэнне варта адзначыць толькі тое, што ў першую чаргу, выбіраючы якой-небудзь метад актывацыі цёмнага фону ВК, вам трэба глядзець на зручнасць карыстання сайтам. Такім чынам, калі спосаб выклікае падзення прадукцыйнасці або прадастаўляе абмежаваную функцыянальнасць, лепш за ўсё звярнуцца да альтэрнатыў.

Чытаць далей