ওয়েবপৃষ্ঠাগুলিতে সাদা ব্যাকগ্রাউন্ড অন্য রঙে পরিবর্তন করুন


46

আমি বর্তমানে ফায়ারফক্সে একটি অন্ধকার থিম ব্যবহার করছি। এটি দেখতে দুর্দান্ত লাগছে তবে অনেকগুলি ওয়েবপৃষ্ঠাগুলি একটি সাদামাটা সাদা পটভূমি ব্যবহার করে। ফলস্বরূপ বৈপরীত্যটি খানিকটা অপ্রীতিকর এবং যখন আমি কোনও অন্ধকার ট্যাব থেকে একটি সাদা ট্যাবে স্যুইচ করি তখন মাঝে মাঝে চোখ ব্যথা করে।

ফায়ারফক্সকে অন্য যে কোনও রঙের (সাদা ধূসর, উদাহরণস্বরূপ) সর্বত্র সাদা ব্যাকগ্রাউন্ডগুলি প্রতিস্থাপন করার কোনও উপায় আছে? এটি স্টাইলিশ স্ক্রিপ্ট, ইউজারক্রোম সিএসএস হ্যাক বা যে কোনও কাজ করে (অগ্রাধিকার হিসাবে যতটা সম্ভব হালকা) হতে পারে।

নিজেকে পরিষ্কার করার জন্য: আমি আমার উদ্দেশ্য অর্জনের পরে, যখনই আমি সুপারসার সাইটটি দেখি তখন পটভূমির রঙ সাদা পরিবর্তে হালকা ধূসর হওয়া উচিত এবং সাদা ব্যাকগ্রাউন্ড (গুগল সাইটস, টেক ক্রাঙ্ক ইত্যাদি) এর সাথে অন্য যে কোনও সাইটের ক্ষেত্রে একই হওয়া উচিত should )।

এটা করার কোন উপায় আছে?


5
আমি এর বিপরীতে সুপারিশ করব, বেশিরভাগ ওয়েবসাইটগুলি পাঠ্য স্টাইলিংয়ের জন্য প্রচুর বিভিন্ন শ্রেণি এবং সিএসএস ব্যবহার করে। ওয়েব পৃষ্ঠায় স্টাইল অনুসারে যখন আপনার একটি কালো পটভূমি এবং কালো পাঠ্য রয়েছে তখন কী হবে? আপনার আগ্রহের বাইরে কোন ওএস ব্যবহার করবেন?
ড্যানিক্সড

উইন্ডোজ mostly বেশিরভাগ ক্ষেত্রে, যদিও প্ল্যাটফর্মের স্বাধীন সমাধানটি আরও ভাল cause কারণ আমি কাজের ক্ষেত্রে উবুন্টনুও ব্যবহার করি। আমি জানি এটি কিছু সাইটের সাথে কিছু বিশ্রী আচরণের কারণ হতে পারে এবং পটভূমিটি কালো রঙের পরিবর্তে কিছুটা ধূসর হতে হবে যাতে পাঠ্যটি পাঠযোগ্য। তবে এই জিনিসটি আমাকে এমন বিরক্ত করছে যে আমি পরীক্ষায় যেতে রাজি আছি।
মালাবরবা

বিভিন্ন অ্যাডনগুলি এটি করতে বাছাই করতে পারে - যেমন addons.mozilla.org/En-us/firefox/addon/…
উইলফ

উত্তর:


21

আমি কেবল একটি দ্রুত গ্রীসমনকি স্ক্রিপ্ট লিখেছি যা bodyউপাদানটির গণিত শৈলীটি পরীক্ষা করে এটি কালোতে পরিবর্তন করে (আপনি সম্ভবত অন্যরকম রঙ চয়ন করতে চান):

(function () {
    if (window.getComputedStyle(document.body, null).getPropertyValue("background-color") == "rgb(255, 255, 255)") {
        console.log("Setting new background color...");
        document.body.setAttribute("style", "background-color: #000000;");
    }
})();

এই ধরণের জিনিসগুলির সাথে সমস্যাটি হ'ল ওয়েবসাইটগুলি অত্যন্ত ভালভাবে ডিজাইন না করা হলে কালো রঙের সাদা অংশ থাকবে ot


4
আমার অজ্ঞতা ক্ষমা করুন, তবে আমি এই লিপিটি কোথায় পেস্ট করব? (
ঝামেলার

@ ব্রুস: গ্রিসমোনকি ইনস্টল করুন, * এর জন্য একটি নতুন ব্যবহারকারী স্ক্রিপ্ট তৈরি করুন এবং এটি পাঠ্য সম্পাদককে আটকান paste সংরক্ষণ করুন এবং পৃষ্ঠাটি রিফ্রেশ করুন।
হ্যালো 71

ঠিক আছে, এখন পর্যন্ত এই পদ্ধতিটি সবচেয়ে ভাল কাজ করে। এটি পাঠ্যবাক্সগুলির পটভূমি এবং কয়েকটি স্টাফ পরিবর্তন করে না, তবে এটি ভাল other আমি অনুমান করি যে কোনও সমাধান যে কোনও উপায়ে শুয়ে থাকা কয়েকটি সাদা বাক্স ছেড়ে যাবে। ধন্যবাদ
মালাবরবা

ডাউনলোডের জন্য স্ক্রিপ্টগুলি প্রস্তুত রয়েছে, কেবল নীচে স্ক্রোল করুন।
ভ্যালেন্ট

14

এটি একটি নিখুঁত সমাধান নয় তবে আপনি যখনই সাইটগুলিতে পটভূমি পরিবর্তন করতে চান তখন এটি করতে পারেন।

ফায়ারফক্সে 38 এর নীচে, যান Tools > Options > Contentএবং Coloursবোতামে ক্লিক করুন । ফায়ারফক্স ৩৮ এবং উচ্চতরগুলিতে, সেখানে যান Edit > Preferences > Contentএবং ক্লিক করুন Colors

"ব্যাকগ্রাউন্ড" এর জন্য ধূসর নির্বাচন করুন এবং "উপরে পৃষ্ঠাগুলি আমার পছন্দগুলি নির্বাচন না করে" এবং "সিস্টেমের রঙগুলি ব্যবহার করুন" এর পরিবর্তে "পৃষ্ঠাগুলি তাদের নিজস্ব রঙ চয়ন করার অনুমতি দিন" এর নিকটবর্তী চেকবক্সগুলি সাফ করুন।

বিকল্প পাঠ


সবচেয়ে সহজ হওয়ার জন্য এটি একটি ভোট পাওয়ার যোগ্য। এটি প্রায় প্রতিটি সাইটে কাজ করে। এটি আপনাকে যদিও পাঠ্যের রঙ পরিবর্তন করতে বাধ্য করে এবং এটি এটিকে অন্য কয়েকটি পদ্ধতির থেকে কিছুটা নিকৃষ্ট করে তোলে।
মালবারবা

2
@ ব্রুস কনার: সত্য। অন্যদিকে, আপনি যদি বিজি রঙ পরিবর্তন করেন তবে যুক্তিসঙ্গত বৈসাদৃশ্য পেতে আপনাকে এফগির রঙও পরিবর্তন করতে হবে। সুতরাং অনুশীলনে পাঠ্যের রঙ পরিবর্তন করা কোনও বড় অসুবিধা নাও হতে পারে।
স্লেসকে

2
আপনি যদি এখানে বর্ণিত ফায়ারফক্স অপশনটি ব্যবহার করেন তবে দ্রুত এটি চালু / বন্ধ করার জন্য "নো কালার" এর মতো অ্যাডন ব্যবহার করার পরামর্শ দেওয়া হয়েছে (কারণ রঙ পরিবর্তন করা অনেক সাইটে বিভিন্ন বাগ তৈরি করবে)। বিকল্পভাবে, কোনও কী (যে কোনও ফায়ারফক্স অপশন টগলিং সহ) কে কোনও ক্রিয়া বরাদ্দ করতে সক্ষম হতে পেন্টাড্যাকটাইল অ্যাডন ব্যবহার করুন।
করভিনাস


11

আমি সাদা পটভূমি দমন করতে একটি গ্রীসমনকি (ফায়ারফক্স) স্ক্রিপ্ট আপডেট করেছি।

স্ক্র্যাপগুলি Chrome এ কাজ করবে যদি আপনি টেম্পারমনকি ইনস্টল করেন।

http://userscripts-mirror.org/scripts/show/142763

এটি কিছু শেডিং সহ সমস্ত সাদা পটভূমি ধূসর (ইশ) এ পরিবর্তিত হয়। আপনি জেনেরিক কোড থেকে আপনার নিজস্ব বেস রঙটি কনফিগার করতে পারেন এবং সেট করতে পারেন। সাদা রঙের শেডগুলিও রেন্ডার করা হয়।

আমার তিনটি রূপ রয়েছে: ধূসর , গোলাপী এবং সবুজ - এগুলি সমস্তই কাস্টমাইজ করা যায়।

নো হোয়াইটব্যাকগ্রাউন্ড কালারের জন্য ব্যবহারকারীর স্ক্রিপ্টগুলিতে অনুসন্ধান করুন ।


নিখুঁতভাবে কাজ করে - এটি উত্তর হওয়া উচিত
Mr_and_Mrs_D


4

নিম্নলিখিত জাভাস্ক্রিপ্ট বর্তমান পৃষ্ঠায় সাদা এবং কালো সহ টেক্সট উপাদান সহ সিএসএস এবং এইচটিএমএল ব্যাকগ্রাউন্ড উপাদানগুলি ওভাররাইড করবে, কেবল এটি আপনার অবস্থান বা ব্রাউজার ক্ষেত্রে পেস্ট করুন:

javascript:(function(){
   var newSS,styles='* {background-color:black !important;color:white !important}
   :link,:link *{color:#99C0EB !important}
   :visited,:visited *{color:#C398EB !important}';

    if(document.createStyleSheet){
        document.createStyleSheet("javascript:'"+styles+"'");
    }else{
        newSS=document.createElement('link');
        newSS.rel='stylesheet';
        newSS.href='data:text/css,'+escape(styles);
        document.getElementsByTagName("head")[0].appendChild(newSS);
    }
})();

বিতৃষ্ণা। বেদনাদায়ক% 20।
হ্যালো 71

এটি সমস্ত উপাদানগুলির পটভূমি কালো এবং সমস্ত উপাদান (কেবল পাঠ্য নয়) সাদা করে।
হ্যালো 71

1
এটি সত্যিই ভাল কাজ করে। আমি পরিবর্তন কালো করার lightgrey , এবং অংশ পাঠ্যের রঙ পরিবর্তন মুছে, তাই টেক্সট এখনও কালো। এবং ফলাফল আসলে বেশ ভাল। একমাত্র বিষয়টি হ'ল এটি একেবারে সমস্ত কিছুর পটভূমি বদলে দেয়, কেবল সাদা কি নয়, তাই প্রচুর পরিমাণে জিনিস লুকিয়ে যায় (এখানে এসইউতে ভোট বোতামগুলির মতো)। এটি ঠিক করার কোনও উপায় আছে?
মালবারবা

1
@ হ্যালো 71, যখনই আমি আমার ব্রাউজারে এটি পেস্ট করেছি তখন এটি সমস্ত জায়গাগুলি% 20 এ পরিবর্তন করে। এগুলি সরানো হয়েছে। আমি বলেছিলাম এটি সমস্ত পটভূমি কালো বদলেছে, আমি এটিকে সম্পাদনা করে এখন কেবলমাত্র পাঠ্য ব্যাকগ্রাউন্ডকে কালো হিসাবে পরিবর্তন করেছি, আবার চেষ্টা করুন।
ডোর হাই আর্চ

4

ব্রাউজার অনুসন্ধান বারে, টাইপ করুন about:config

অনুসন্ধানের ক্ষেত্রে টাইপ করুন browser.display.background_color

স্ট্রিংটিতে ডাবল ক্লিক করুন এবং #FFFFFF(সাদা রঙের জন্য হেক্সাডেসিমাল কোড) থেকে #000000(কালো রঙের জন্য হেক্সাডেসিমাল কোড) বা আপনার ইচ্ছে মতো অন্য যে কোনও রঙ ক্লিক করুন এবং ক্লিক করুন OK। কার্যকর হওয়ার জন্য ব্রাউজারটি পুনরায় চালু করুন।


3

ইউআরএল বারে টাইপ করুন: কনফিগার করুন এবং এই সেটিংটিতে নেভিগেট করুন: browser.display.background_color

আরো তথ্য যদি আপনি এটি প্রয়োজন এখানে


1
এই পরিবর্তনশীলটি পরিবর্তন কেবলমাত্র সেই ওয়েবপৃষ্ঠায় কাজ করে যা কোনও পটভূমির রঙ নির্দিষ্ট করে না। আমি কেবল এটি google.com/firefox এবং ফাঁকা ট্যাবগুলিতে কাজ করতে পারি ।
মালবারবাবা

1
ফায়ারব্যাগ আপনাকে পৃষ্ঠাগুলি পরিবর্তন করার অনুমতি দেবে তবে প্রতিবার আপনি সাইটটি দেখার সময় আপনাকে এটি করতে হবে। কেবল সাদা পটভূমিতে পরিবর্তন করা খুব সহজ।
jer.salamon


3

আমি সম্প্রতি আমার পুরানো কম্পিউটারটি প্রতিস্থাপন করেছি এবং আবার ফায়ারফক্স সেটআপ করা দরকার। আমি পুনঃস্থাপন করতে চাইলে প্রধান জিনিসগুলির মধ্যে একটি হ'ল গ্রিসমোনকি স্ক্রিপ্ট যা কোনও ওয়েবসাইটের পটভূমির রঙ পরিবর্তন করে।

তাই আমি একটু বিরক্ত হয়েছিলাম যে আমি আগে ব্যবহার করেছি তাকে খুঁজে পেলাম না। দীর্ঘ গল্প সংক্ষিপ্ত - আমার পুরানো পিসি থেকে একটি এখানে।

এই লিপিটি আমার নিজের কাজ নয়

সমস্ত কৃতিত্ব হাওয়ার্ড স্মিথের অবশ্যই যেতে হবে। এটি মূলত ইউজারস্ক্রিপ্ট.অর্গ এ পোস্ট করা হয়েছিল যা এখন অনুপলব্ধ বলে মনে হয়।

সহজভাবে গ্রিজমোনকিতে একটি নতুন ব্যবহারকারী স্ক্রিপ্ট তৈরি করুন এবং নিম্নলিখিতগুলিতে এতে আটকান:

(function () {
    function noWhiteBackgroundColor() {
        function changeBackgroundColor(x)  {  // Auto change colors too close to white
            var backgroundColorRGB = window.getComputedStyle(x, null).backgroundColor;  // Get background-color
            if(backgroundColorRGB != "transparent")  {  // Convert hexadecimal color to RGB color to compare
                var RGBValuesArray = backgroundColorRGB.match(/\d+/g); // Get RGB values
                var red   = RGBValuesArray[0];
                var green = RGBValuesArray[1];
                var blue  = RGBValuesArray[2];

                // ============================================================================
                // Set the base colors you require:
                // Use: http://www.colorpicker.com
                // to find the RGB values of the base colour you wish to
                // suppress white backgrounds with:
                // Default gray provided:
                // ============================================================================

                var red_needed   = 220;
                var green_needed = 220;
                var blue_needed  = 255;


                if (red>=220 && green>=220 && blue>=220) { // White range detection

                   if (red>=250 && red<=255 && green>=250 && green<=255 && blue>=250 && blue<=255) {
                      red_needed   += 0;
                      green_needed += 0; }

                   else if (red>=240 && red<=255 && green>=240 && green<=255 && blue>=240 && blue<=255) {
                      red_needed   += 6;
                      green_needed += 3; }

                   else if (red>=230 && red<=255 && green>=230 && green<=255 && blue>=230 && blue<=255) {
                      red_needed   += 10;
                      green_needed += 5; }

                   else if (red>=220 && red<=255 && green>=220 && green<=255 && blue>=220 && blue<=255) {
                      red_needed   += 14;
                      green_needed += 7; }

                   x.style.backgroundColor = "rgb( " + red_needed + ", " + green_needed + ", " + blue_needed + ")"; // The background-color you want
               }
            }
        }

        var allElements=document.getElementsByTagName("*"); // Get all elements on a page
        for(var i=0; i<allElements.length; i++)  {
            changeBackgroundColor(allElements[i]);}
    }
    window.addEventListener("DOMContentLoaded",noWhiteBackgroundColor, false);
})();

আমি প্রায় দুই বছর ধরে এটি ব্যবহার করে আসছি এবং এটি কোনও সাদা ওয়েবসাইটের পটভূমিতে পরিবর্তন আনতে ব্যর্থ হয়েছে এমন কোনও ওয়েবসাইটের কথা ভাবতে পারি না।


দুর্দান্ত স্ক্রিপ্ট! এখন যদি এটি ফায়ারফক্সের অভ্যন্তরীণ পৃষ্ঠাগুলির জন্য যেমন: অ্যাডনগুলি, প্রায়: কনফিগার, প্রায়: নিউটাব, ভিউ-উত্স: * এর মতো কাজ করে তবে আপনি সহজেই আমদানির জন্য শীর্ষে একটি মেটাডেটা বিভাগ যুক্ত করতে পারেন। আমি রঙিন টগল অ্যাডনের সাথে এই স্ক্রিপ্টটি ব্যবহার করছি।
jk7


2

রঙচঙে

আমি এটি ব্যবহার করি.

হিউ, স্যাচুরেশন, হালকাতা এবং অস্বচ্ছতার জন্য উন্নত নিয়ন্ত্রণের মাধ্যমে ওয়েব পৃষ্ঠাগুলি রঙ করুন। স্বয়ংক্রিয় রঙিনকরণের জন্য হোয়াইট-লিস্ট ওয়েব ডোমেন (alচ্ছিক!)।

নতুন: পাঠ্য হিসাবে থিমগুলি অনুলিপি করতে এবং রঙের বৈশিষ্ট্যগুলিকে অবাধে গোষ্ঠী করতে ড্রাগ-এন্ড-ড্রপ ব্যবহার করুন।

পিএস: প্লাস ডার্ক ফায়ারফক্স থিম


দুর্ভাগ্যক্রমে FF v57 এবং তদূর্ধ্বের জন্য উপলব্ধ নয়।
কেইআরআর

1

বাম মাউস বোতামের সাহায্যে বারে ক্লিক করুন এবং কাস্টমাইজ করুন এবং আপনি একটি সবুজ গাছ দেখতে পাবেন, বারে রাখুন এবং এটিতে ক্লিক করুন। রঙগুলি পরিবর্তন হবে এবং আপনি সম্পাদনা -> পছন্দ -> সামগ্রী -> রঙ মেনু আইটেমটিতে নিজের রঙ তৈরি করতে পারেন।

অক্ষম করুন: সিস্টেমের রঙগুলি ব্যবহার করুন এবং পৃষ্ঠাগুলির অনুমতি দিন


0

যদিও আপনি ঠিক তার পরে যাচ্ছেন না ... আমি ওএস এক্স-এর একটি ছোট স্ক্রিপ্টের সাথে এক টুকরো সফটওয়্যার ব্যবহার করি The সফ্টওয়্যারটিকে নকটুরন বলা হয়। স্ক্রিপ্টটি আমার ভৌগলিক অবস্থানের সময় সূর্যোদয় এবং সূর্যাস্তের সময় সন্ধান করে। তারপরে এটি রবিবারে নকটুরকে সক্রিয় করে এবং সূর্যোদয়ের সময় এটিকে স্যুইচ করে। আমি জানি ফায়ারফক্সের সাথে সুনির্দিষ্ট নয় তবে এটি যে কোনও ব্রাউজারে এবং অন্যান্য সফ্টওয়্যারগুলিতে কাজ করে বলে এটি অবশ্যই দুর্দান্ত।


0

অ্যাড-অন http://addons.mozilla.org/en-US/firefox/addon/black-background- white - text কালো রঙের জন্য আলাদা পদ্ধতি রয়েছে। এটি কেবল রঙ এবং পটভূমির চিত্রগুলিকেই উল্টে দেয় (উল্টানো রঙগুলি সিএসএস বা জাভাস্ক্রিপ্ট পদ্ধতির মতো পৃষ্ঠা নকশাটি ধ্বংস করে না)। আপনি এটি পছন্দ করবেন, আপনি হোয়াইট মোডে থাকলে মনে হয় এবং আপনার কোনও থিম ইনস্টল করতে হবে না।

মেনু: ইনস্টল করার পরে, "বিপরীতমুখী" থেকে "সহজ CSS" এ থেকে ডিফল্ট পদ্ধতি পরিবর্তন সরঞ্জামসমূহAdd-onsকালো পটভূমি এবং সাদা টেক্সটপৃষ্ঠা রং পরিবর্তন ডিফল্ট পদ্ধতিওলটানো

নোট: আপনি যদি উইন্ডোজ মোডটিও কালো করে ফেলেছেন, তবে আপনি ডিফল্ট ফায়ারফক্স রঙ পরিচালনা অক্ষম করে দেওয়া এবং অ্যাড-অনকে সমস্ত কাজ করতে দেওয়া ভাল, এটি করুন: মেনু সরঞ্জামসমূহবিকল্পসমূহসামগ্রীরঙগুলি che চেক "সিস্টেমের রঙগুলি ব্যবহার করুন" এবং "উপরে আমার পছন্দগুলি দ্বারা পৃষ্ঠা দ্বারা বর্ণিত রংগুলিকে ওভাররাইড করুন" এর মধ্যে "কখনই" নির্বাচন করুন "।

তারপরে ফায়ারফক্স পুনরায় চালু করুন!

টিপ: অ্যাড-অনটি "ইনভার্ট" পদ্ধতি থেকে "সিএসএস" পদ্ধতি বা "জাভাস্ক্রিপ্ট" পদ্ধতিতে মোডগুলি অক্ষম করতে বা পরিবর্তন করতে আপনার বারে একটি বোতাম রাখে।

ফলাফল এখানে:

BlackFirefox


লিঙ্কটি ভাঙা হয়েছে ( পৃষ্ঠাটি পাওয়া যায়নি )।
পিটার মর্টেনসেন

-1

অন্য বিকল্পটি হ'ল ব্যাকগ্রাউন্ডের রঙগুলি পরিবর্তন করতে বা পিছনটি সরাতে কেবল পঞ্জাজরের রিং ব্যবহার করা ।

আপনি একবার সাইটে যান, ওয়েবসাইটটির ইউআরএল লিখুন এবং আপনার কাছে আরও পঠনযোগ্য এমন একটি পটভূমি / ফন্টের রঙ সমন্বয় চয়ন করুন।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.