Paano Gumawa ng Mga Bagong Tab sa Firefox na Friendly sa Dark Mode
Kung mahilig ka sa dark mode para sa pang-eye-friendly na pag-browse sa gabi at mahilig ka rin sa Mozilla Firefox, malamang na nakatagpo ka ng problema: ang pagbubukas ng mga bagong tab at pag-load ng mga bagong page ay bumubulag sa iyo. Narito kung paano gawing dark-mode friendly ang mga bagong tab.
Mahusay ang Dark Mode, ngunit Ang Puting Flash ay Hindi
Mayroong problema sa dark mode ng Firefox na nagpapatuloy, sa kabila ng iba't ibang mga pag-aayos ng bug sa nakalipas na ilang taon. Kung hindi ka tapat na gumagamit ng dark mode, maaaring hindi ka pamilyar sa problemang ito. Kung ikaw ay—at, ako nga—malamang na natutuwa kang malaman na mayroong isang simpleng solusyon na gagana kung ang bug ay ganap na mapipiga o hindi.
Ang problema? Kahit na mayroon kang Firefox sa dark mode, sa tuwing magbubukas ka ng bagong blangkong tab, ito ay nakabulag na puti.
Mas masahol pa, kahit na naglo-load ka ng isang web page na sumusuporta sa dark mode, mayroong isang maikling flash kung saan ang default na puting background ay nagpapasabog sa iyo ng maliwanag na puting ilaw bago mag-load ang pahina.
Maaaring hindi iyon ang katapusan ng mundo, ngunit kapag maingat mong na-tune ang iyong workspace para maiwasan ang iyong napakaliwanag na monitor na masabugan ka sa mukha ng maliwanag na puting liwanag, ito ay medyo nakakagulo.
Kaya kalimutan na magulat ka sa gabi habang payapang nagtatrabaho ka sa dark mode. Mag-deploy tayo ng isang simpleng pag-aayos upang matiyak na ang mga high-lumen sneak attack na iyon ay isang bagay ng nakaraan.
Kalimutan ang Mga Extension ng Browser, Baguhin ang Iyong Chrome
Pagdating sa iyong web browser, kung maaari mong lutasin ang isang bagay sa pinakasimpleng posibleng paraan gamit ang pinakamababang halaga ng panganib, kung gayon ito ay palaging para sa pinakamahusay. Ang mga extension ng browser ay isang bangungot sa seguridad at privacy.
Bagama't hindi mo kailangang ganap na iwasan ang mga ito, makatuwirang manatili lamang sa mga add-on at extension na maayos na nasuri at na-verify. Ito ay palaging isang ligtas na taya upang maiwasan ang mga random na extension mula sa hindi kilalang mga may-akda.
Sa pag-iisip na iyon, talagang masaya kaming makahanap ng isang hindi kapani-paniwalang simpleng paraan upang malutas ang aming problema nang hindi kinakailangang maghanap (at suriin ang code ng) isang extension na custom na naka-code para sa gawain.
Ang solusyon? Sinasamantala ang isang madaling gamiting tool sa pagbabago ng browser na binuo mismo sa Firefox, ang userChrome.css at userContent.css na mga file.
Kung pipiliin mo ang unang pangalan ng file, makakakuha ka ng clue kung ano ang gagawin namin, isa itong style-sheet na ibinigay ng user para sa chrome ng browser. (Ang web browser ng Chrome ay talagang pinangalanan sa browser na chrome, at ito ay medyo biro, kung gayon.) Sa ngalan ng pagiging masinsinan, babaguhin din namin ang userContent.css , masyadong.
I-enable ang Legacy Style Support
Bago ang anumang bagay, kailangan nating mag-toggle sa isang setting ng pagsasaayos upang ang ating munting tweak ay magkabisa. Kung hindi mo gagawin ang hakbang na ito, mapupunit mo ang iyong buhok sa pagkabigo kapag wala sa mga pagbabagong ginagawa namin ang gumawa ng anuman.
Ilunsad ang Firefox at i-type ang about:config sa address bar. I-dismiss ang babala kung lalabas ito. Gamitin ang box para sa paghahanap upang maghanap para sa toolkit.legacyUserProfileCustomizations.stylesheets . Mali ang default na value, i-double click ang entry para itakda ito sa true.
Hanapin ang Iyong Direktoryo ng Profile
Una, kailangan naming hanapin kung saan ang mga configuration file para sa iyong partikular na pag-install ng Firefox. Ilunsad ang Firefox at i-type ang about:profiles sa address bar. Ililista nito ang lahat ng iyong profile sa browser ng Firefox at magbibigay ng madaling gamitin na direktang link sa root directory para sa iyong profile.
Piliin ang profile na gusto mong isagawa ang dark mode tweak na ito at i-click ang button na Buksan ang Folder sa tabi ng entry sa listahan para sa Root Directory.
Para sa mga user ng Windows, ang direktoryo na ito ay magiging katulad ng C:\Users\[YourUserName]\AppData\Roaming\Mozilla\Firefox\Profiles\[ProfileName] kung saan ang YourUserName ay ang iyong Windows username, at ang ProfileName ay isang alphanumeric string na nabuo ng Firefox tulad ng fxxd088p.default-release .
Lumikha ng Chrome Directory at Style Files
Kung maghahanap ka ng mga solusyon sa style sheet sa partikular na problemang ito, may ilang mga pagkakaiba-iba na lumulutang sa paligid—ang ilan ay hindi kailangang kumplikado—ngunit ginagamit namin ang napakasimpleng mga snippet ng code na ibinahagi ng github user gmolveau sa loob ng maraming taon nang may mahusay na tagumpay at inirerekomenda na gawin mo ang pareho.
Sa loob ng direktoryo ng profile, lumikha ng bagong sub-directory na tinatawag na chrome. Gagawa kami ng dalawang style sheet na file sa loob ng direktoryong iyon.
Lumikha ng isang bagong blangkong dokumento ng teksto sa direktoryo na iyon at i-paste ang sumusunod na code dito:
tabbrowser tabpanels { background-color: rgb(19,19,20) !important; }
browser { background-color: #131314 !important; }I-save ang file na may pangalang userChrome.css. Aayusin ng kaunting code na ito ang maliwanag na puting flicker na nangyayari sa pagitan ng mga pag-load ng page.
Lumikha ng isa pang blangkong dokumento ng teksto at i-paste ang code na ito:
@-moz-document url-prefix(about:blank) {
html > body:empty {
background-color: rgb(19,19,20) !important;
}
}
@-moz-document url(about:blank) {
html > body:empty {
background-color: rgb(19,19,20) !important;
}
}I-save ang file na may pangalang userContent.css. Titiyakin ng kaunting code na ito na ang mga blangkong tab ay isang napakadilim na naka-mute na kulay abo at hindi maliwanag na puti.
Maaari mong palitan ang naka-mute na grey ng anumang kulay na gusto mo gamit ang naaangkop na RGB at hex code. Kung gusto mo ng jet black, halimbawa, maaari mong palitan ang bawat instance ng 19,19,20 sa itaas ng 0,0,0 at bawat instance ng #131314 ng #0A0A0A.
O, kung gusto mong bumoto para sa kabuuang anarkiya, sa palagay namin, maaari kang gumamit ng neon green: 117,225,51 #75FF33 . Anuman ang gusto mo sa kulay, maaari kang gumamit ng simpleng RGB picker para piliin ang mga tamang code.
Kapag nagawa mo na ang mga file, i-restart lang ang Firefox para magkabisa ang mga pagbabago (kung hindi magkakabisa ang mga ito, tiyaking pinagana mo ang legacy na suporta gaya ng nakabalangkas sa unang hakbang).
Ngayon ay maaari mo na itong subukan. Maaari mong tingnan kung anong kulay ang blangkong tab sa iyong pag-install ng Firefox sa pamamagitan ng pag-type ng about:blank sa address bar.
Ang pagsubok sa paglo-load ng pahina ng flash ay medyo nakakalito. Ang pinakamadaling paraan upang subukan ito ay ang bumisita sa isang web page at magbukas ng ilang link mula sa page na iyon sa mga bagong tab.
Minsan mahirap mahuli, lalo na sa isang mabilis na koneksyon sa isang na-optimize na web page, ngunit kung maglo-load ka ng ilan, dapat mong makuha ang pagbabago ng kulay—sa screenshot sa itaas, makikita mo kung paano naglo-load ang flash ng kulay sa pagitan ng page. ay hindi na puti ngunit ang naka-mute na kulay abo na aming napili.
Kung, pagkatapos ng lahat ng ito, talagang nasa isip mo ang dark mode, ngayon ay isang perpektong oras upang paganahin ang dark mode sa lahat ng dako.