See No Evil "about:blank" Blank Page CSS mod

[dude99]

In the world of digital UI/UX design, flashing abundance of Pure White on screen is one of the biggest taboo of all, because it could hurt the viewer eyes, causing headache, nausea, seizure, & slowly turn our eyes blind. Yet, Big G love to violate this taboo in all their digital products & services, it must be an evil conspiracy of Patriarchy Whitenesses or Alien Lizardman Illuminati of some sort!!!

So, here is another Anti Pure White CSS mod to save your failing eyesight from the evil whitenesses of Big G... Wait! Why no one ever accuse Big G being racist for pushing Pure White background on everyone for decades, while the CRT leftard condemning almost everything related to whiteness in America history as racist?!

---

CSS code

Pitch Black

webview[src="about:blank"] {filter: brightness(0%) !important;}

---

50 Shades of Gray

webview[src="about:blank"] {filter: brightness(50%) !important;}

You can alter the grayness via 50% value; 26% is about DimGray, & 86% for Gainsboro.

---

Theme's background color

webview[src="about:blank"] {opacity:0;}

This is kinda a "hack", it hide the webview to reveal the browser's background, or whatever hidden behind directly. If this fail you, you can try nomadic's CSS mod

---

Other Anti Pure White CSS mod

1. No More Pure White Internal Pages

2. Beautify your pre-loading (white)screen

---

I hope Big G will be "politically correct" for once & eliminate all the evil Pure White background from their digital product soon. Like those leftard said, "We need to be more diverse in supporting background of many color", before the cancel culture catch up with U! LOL

[Catweazle]

@dude99 , I hate white pages, for this I've activated Force Dark Mode in flags, since extensions don't work in Google, f.Exmpl in the Chrome Store itself.
Also I have the Dark Reader Extension for occasional use, where the DM flags don't work as espected.
White pages should be banned from the web.

[stardepp]

@dude99 Exactly what websites do these modifications blacken?

[dude99]

@catweazle Forcing dark theme on every website is too extreme, it will turn all website into similar boring depressing dark pages. That will deprive you of all the colorful fun thing in this world, plus it destroy all the hard work & beautiful concept of web designer.

I would simply replace Pure White with Off White or Paper White, & kept everything else intact. That is a lot less destructive than painting everything on screen with black. LOL

[dude99]

@stardepp type "about:blank" on addressfield & hit enter to see.

This CSS mod is only for those who use about:blank as new tab, homepage, or startpage. You don't need it if you don't do those things, because you will encounter it very rarely, like open a download link by accident in new tab...

[barbudo2005]

@Catweazle Said:

f.Exmpl in the Chrome Store itself.

Don't forget the "Send current theme's css variables to chrome:// and vivaldi:// urls" JS Mod.

(function() {

	// Send when tab loads
	chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab){
		if(['loading', 'complete'].indexOf(changeInfo.status) > -1){
			send();
		}
	});

	// Send when theme changes
	var observer = new MutationObserver(send);
	observer.observe(document.body, {
		attributes: true,
		attributeFilter: ['style']
	});

	function send() {
		var css = ":root {\n "+document.body.style.cssText.replace(/;/g, ';\n').replace(/:/g, ': ')+" }";
		var addCss = `if(!colors){ 
			var colors = document.createElement('style'); 
			colors.setAttribute("description", "Current theme's css variables, added by theme-css-variables.js"); 
		} 
		colors.textContent = \`${css}\`; 
		document.head.appendChild(colors);`;
		chrome.tabs.query({}, function(tabs){
			tabs.forEach(function(tab){
				if(tab.url.startsWith('http://') || tab.url.startsWith('https://')){
					chrome.tabs.executeScript(tab.id, {code: addCss, allFrames: true}, function(){
						if (chrome.runtime.lastError){
							return; // tab was closed, fail silently
						}
					});
				}
			});
		});
	}

})();

Look this:

[Streptococcus]

@catweazle
My solution was to get a script for Violentmonkey called adjustColor 2, which dims down the background a bit. It does not work on Google addons page. I had to change all the initial colours to get the effect just right.

[dude99]

@streptococcus can u pls share the link to the userjs u recommended? Thanks.

These are userjs I used:
https://greasyfork.org/en/scripts/2054-change-background-color
https://greasyfork.org/en/scripts/3352-defbackgroundup
https://greasyfork.org/en/scripts/979-nobrighter
https://userscripts-mirror.org/scripts/show/114652

Also, this CSS mod can dim all Vivaldi internal pages, & it's also support darker dim for dark theme:
https://forum.vivaldi.net/post/481897

[Streptococcus]

@dude99
https://greasyfork.org/en/scripts?filter_locale=0&q=adjustcolor2
That is the search result, but I get a server error if I try to get to the page where the script is. Not sure if the problem is temporary or not.

[dude99]

@streptococcus Many Thanks. installed & testing it right now...

EDIT: So it suppose to just overlay the entire page with a grayish filter? That's pretty disappointing, cuz it make me feel like a blind man after starring at the screen for too long. LOL

It might be a good night filter or in the dark room, but not very useful in during daylight.

[Streptococcus]

@dude99 said in See No Evil "about:blank" Blank Page CSS mod:

@streptococcus Many Thanks. installed & testing it right now...

EDIT: So it suppose to just overlay the entire page with a grayish filter? That's pretty disappointing, cuz it make me feel like a blind man after starring at the screen for too long. LOL

It might be a good night filter or in the dark room, but not very useful in during daylight.

That was why I changed the colours in the script. I changed the dark colours (B) all to 0, 0, 0 to make the text black, and changed the light colours (W) to 225, 223, 220 to get just the right amount of dimming.

[vygr]

Strange thing on my end.

I'm using the pitch-black approach.

If I use settings to open new tab as a blank page, this mod doesn;t work, the new blank page is still white.
If I actually put about:blank as a new tab URL, still doesn't work, it still opens a wite one.

However, if I actually open about:blank in the browser, then the page is black

[dude99]

@vygr

If I use settings to open new tab as a blank page

I don't understand this one. Are u talking about Ctrl+T or Alt+HOME to open new blank tab? I got new black page from Ctrl+T & Alt+HOME

If I actually put about:blank as a new tab URL

I tried this & it's also black.

Now, make sure you put all CSS mod code into a same document, cuz Vivaldi can't fetch multiple CSS doc from the same folder properly. Else try restart the browser after u applied the CSS code. Then, also try hit F5 if a blank page failed to turn black, this is an infamous chromium bug.

The only time I got a white page is when moving a blank page to new window. This is expected because Vivaldi will erase the about:blank URL from blank tab after moving into another window (IMHO it's probably a bug LOL). But it will become black after hit F5.

[vygr]

@dude99 said in See No Evil "about:blank" Blank Page CSS mod:

@vygr

If I use settings to open new tab as a blank page

I don't understand this one. Are u talking about Ctrl+T or Alt+HOME to open new blank tab? I got new black page from Ctrl+T & Alt+HOME

I meant the option in settings that says Blank Page
I either use Ctrl + T or the Plus button at the end of the tab list to get a new one and there's no difference, all of them come black. I'll try playing with it some more now that I know it's working on your end

If I actually put about:blank as a new tab URL

I tried this & it's also black.

Now, make sure you put all CSS mod code into a same document, cuz Vivaldi can't fetch multiple CSS doc from the same folder properly. Else try restart the browser after u applied the CSS code. Then, also try hit F5 if a blank page failed to turn black, this is an infamous chromium bug.

The only time I got a white page is when moving a blank page to new window. This is expected because Vivaldi will erase the about:blank URL from blank tab after moving into another window (IMHO it's probably a bug LOL). But it will become black after hit F5.

Good you mentioned this, I do have them all in the same CSS file and today I was thinking if I should move them into separate files, but I decided against it
I do restart after every mod to have a fresh start

[vygr]

OK, two new moments. They all still open as white pages, BUT, if I open it using a mouse gesture it opens a new tab (but in the background) with a black background. Also, if I refresh the white tab, the background becomes black. Go figure now

[dude99]

@vygr unfortunately nothing I can do about it, cuz that's an ancient chromium bug. No one want to fix it cuz "it's suppose to be white".

EDIT: Oh, have u try Tab > New tab Page > Specific Page option instead? Fill the URL as about:blank.

Else, the only option left for u is search for nomadic's similar CSS hack, basically his mod create an overlay with ::after & content:'' combo to cover up the white bg.

[Streptococcus]

Why do none of those scripts change the Chrome Web Store pages?

[Catweazle]

@streptococcus , the only things which works in the web store is the invert filter in page actions and Dark mode in flags. Google blocks every CSS in the store, no extensions work there.

[barbudo2005]

@catweazle

It seems you did not see my previous post (I don't have dark mode in flags, I use Dark Reader):

"Don't forget the "Send current theme's css variables to chrome:// and vivaldi:// urls" JS Mod."

(function() {

	// Send when tab loads
	chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab){
		if(['loading', 'complete'].indexOf(changeInfo.status) > -1){
			send();
		}
	});

	// Send when theme changes
	var observer = new MutationObserver(send);
	observer.observe(document.body, {
		attributes: true,
		attributeFilter: ['style']
	});

	function send() {
		var css = ":root {\n "+document.body.style.cssText.replace(/;/g, ';\n').replace(/:/g, ': ')+" }";
		var addCss = `if(!colors){ 
			var colors = document.createElement('style'); 
			colors.setAttribute("description", "Current theme's css variables, added by theme-css-variables.js"); 
		} 
		colors.textContent = \`${css}\`; 
		document.head.appendChild(colors);`;
		chrome.tabs.query({}, function(tabs){
			tabs.forEach(function(tab){
				if(tab.url.startsWith('http://') || tab.url.startsWith('https://')){
					chrome.tabs.executeScript(tab.id, {code: addCss, allFrames: true}, function(){
						if (chrome.runtime.lastError){
							return; // tab was closed, fail silently
						}
					});
				}
			});
		});
	}

})();

Look this::

[Streptococcus]

@catweazle said in See No Evil "about:blank" Blank Page CSS mod:

@streptococcus , the only things which works in the web store is the invert filter in page actions and Dark mode in flags. Google blocks every CSS in the store, no extensions work there.

GetCRX works in the Chrome Web Store. I use it to get backup copies of extensions.