Customize Google Chrome to display a vibrant splash screen instead of a boring white blank page when

"I've been on the lookout for Chrome apps that can help make my screen darker or inverted to reduce eye strain. While I have found some apps that do the job, there's one thing they don't seem to be able to override - the White Blank page.

Whenever a new page is loading in Chrome, it first shows this bright white blank page before displaying the actual content of the website. Is there any way to change this default white page to black? It's quite jarring as every time I click on a link or open a new webpage, the screen transitions from a dark background (thanks to the app) to the white blank page and then back to a dark screen when the content loads. This sudden burst of white light is causing me more eye strain than relief. That's why I'm wondering if there's a solution to make that white page appear black instead."

This issue has been brought up before, but the suggested solutions didn't work with my current version of Chrome 49.0.2623.87 m.

Here are some of the links I've already checked:

-This

-comment 261 here

-This

I tried creating two files, manifest.json and script.js, in AppData\Local\Google\Chrome\User Data\Default\Extensions\ and loading them as an unpacked extension, but even that didn't solve the issue.

Answer №1

Edit 2021-01-01

Try out the Brave browser as an alternative to Chrome for a change. Here's what you can do:

Why Choose Brave Over Chrome?

Brave, based on chromium, offers similar functionality to Chrome with added user privacy features and built-in Ad Blocking that's easily customizable while browsing. It has more benefits too!

If You Prefer Not to Use Brave:

Since April 2016, unresolved issues have lingered for over 8 years. It could help to show support by "starring" these reported problems if not done already.

Current Issues Highlighted:

Chromium Issue #1373 Chromium Issue #470669

These top two links are seeing some progress. Supporting them could draw more attention, allowing you to follow up through email alerts (unsubscribe anytime).

Report the Problem Directly:

Send feedback via Google Chrome this way:

  1. Launch Chrome and hit the menu at the top right corner
  2. Select Help > Report an issue.
  3. Add details similar to below:

An intermittent white flash plagues every new tab or page load causing discomfort.

Reference the Chromium issues mentioned above.

  1. Submit your comments

To keep tabs on potential fixes, consider trying out Chrome Canary. Experimental patches may debut there before anywhere else.

Inverting Computer Colors:

As a final attempt, experiment with color inversion and opt for the lightest theme in Chrome.

  • Inverting Colors Guide
  • Apple Discussions on Color Inversion

Find a white theme ideal for inversion here:

Minimal White Theme

Answer №2

Chrome-Beta shows noticeable improvement, while Chrome-Dev (chrome-unstable) performs even better, with minimal differences. Currently using Ubuntu-Cinnamon-Remix 21.04.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Is there a way to access the result variable outside of the lambda function?

My goal is to retrieve data from an external API using Typescript. Below is the function I have written: export class BarChartcomponent implements OnInit{ public chart: any; data: any = []; constructor(private service:PostService) { } ngOnInit( ...

`Enhance Image with a Fresh Hue`

Let me explain my dilemma: I'm dealing with a two-tone png image - one tone is black and the other is transparent. Right now, I'm relying on the background color attribute to dynamically change the color of the transparent section. However, I ...

Controller unable to access form inside ng-repeat loop in AngularJS

Looking to access a form object within my controller. The form is located inside an ng-repeat block with a dynamic name, and I should be able to access it since version 1.3. JavaScript: var app = angular.module('app', []); app.controller(' ...

What is the process for connecting controls to Canvas sprites?

Any input is EXTREMELY helpful! To put it shortly, I'm in need of assistance with utilizing HTML5/CSS3 buttons to manage sprite animations on my canvas. These buttons are responsible for controlling the direction and speed of the sprites independentl ...

Discovering the method to retrieve the information of the selected item in AngularJS

My table is using the ng-repeat in the <tr> element to load content dynamically from a JSON file. Each row has a unique ID in the table. I need a way to access the inner HTML of the respective row's ID column when it is clicked. Is there a solut ...

Is there a way to determine the percentage between two specified dates?

If I have a specified start and end date, I am interested in knowing the progress percentage achieved from the start date up to the current date compared to the end date. To put it simply: I would like to determine how far along I am towards the end date i ...

What is the best way to combine an additional array into a different project attribute?

There are 2 arrays being used. This is the content of userGroups: console.log(this.items) [ { "id": 63, "name": "URLGROUP-1643836551908" } ] The contents of urls are shown below: userGroup can contain ...

The target element is out of reach for the Puppeteer selector

When trying to extract the source of multiple images, I encountered an issue with the selectors not working properly. It seems like the elements are fake or not actually present on the page. Every page contains one of the desired elements (the main image) ...

Issue with click event for submit button in ASP.Net following a change in dropdown list index using JavaScript

Currently, I have an asp.net application where a confirmation popup alert is displayed when the selected index changes to a specific value ("Cancelled") in a dropdown list. <asp:DropDownList ID="ddlStatus" runat="server" CssClass="selectstyle" DataText ...

Simple ways to increase the scalability of the jQuery .click function

I'm struggling to make this work properly. I have multiple anchor tags on a page that use scrollTop for their animation. Here's an example of the HTML: link <a id="TOS" href="#Svc">What are your terms of service?</a> and the target ...

Trouble with ajax call in Internet Explorer 8

Seeking assistance with a straightforward ajax request triggered by a user altering a select element. Implemented using jquery .ajax, the current functionality (which works in all browsers except Internet Explorer) involves loading a .html file via ajax, ...

Exploring the Power of Map with Angular 6 HttpClient

My goal is to enhance my learning by fetching data from a mock JSON API and adding "hey" to all titles before returning an Observable. Currently, I am able to display the data without any issues if I don't use the Map operator. However, when I do use ...

Content in a div with a transparency level set at 50%

Within a div container, I currently have text displayed. The challenge that I'm facing is that the container itself has an opacity of 0.5, and I would like the text to be fully visible with an opacity of 1. Unfortunately, due to the constraints of th ...

Is it possible for multiple queries executed within a websql transaction to be run concurrently?

An informative tutorial online demonstrates the following transaction: db.transaction(function (tx) { tx.executeSql('CREATE TABLE IF NOT EXISTS LOGS (id unique, log)'); tx.executeSql('INSERT INTO LOGS (id, log) VALUES (1, "foobar")&ap ...

The navigation is designed to only show up as I scroll down the page, but ideally it should be visible

I am trying to make the navigation bar appear on page load instead of when I scroll down the page. Currently, I am using this jQuery code: <script type="text/javascript> $(document).scroll(function() { if ($(this).scrollTop() == 20) { ...

Limit the ng-repeat results based on search input using a transformation filter

I am currently working with an array of records that are being displayed in an HTML table with filters in the header. However, I have encountered an issue where some values are transformed by filters, causing the ng-repeat filter to fail. <table class= ...

How can VueX be leveraged to add an item to an array and also delete an item from the same array?

https://stackblitz.com/edit/vue-script-setup-with-vuex-gfjaff?file=src/components/UserProfile.vue I'm currently working on a feature where I can input a name into a dispatch function and have it added to an array. Eventually, I plan to include a text ...

How to Achieve an Overlapping Background Image Effect with Divs Using HTML and CSS

Is it possible to achieve the following scenario using just HTML and CSS? I want to display the background image of my HTML body through a clipped div. Keep in mind that the final website needs to be responsive (mobile-first), so any solution should accom ...

Error thrown by Jest: TypeError - req.headers.get function is not defined

I have a function that is used to find the header in the request object: export async function authorizeAccess(req: Request): Promise<Response | {}> { const access = req.headers.get('Access') if(!access) return Response.json('N ...

What is the best method to assign jQuery to individual Bootstrap Modals within Thymeleaf?

I am facing the following situation, <script> $(document).ready(function (){ $("#inputText").hide(); $("#checkboxId").click(function (){ $("#div1").toggle("slow" ...