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.

javascriptjqueryhtmlcssgoogle-chrome

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:

  • Get DarkReader extension
  • Navigate to Settings > Appearance > Brave colors > Dark
  • Create a new tab and click Customize on the new tab page for a dark appearance:

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

The confirm() function shows up before the background on a blank layout

I'm facing an issue where whenever my confirm() function pops up, the alert box displays correctly but then the background turns blank. I've tried various solutions like moving the entire if statement to the bottom of the page or at the end of th ...

javascriptphphtmlcss

Step-by-step guide on resolving the issue of an ajax form redirecting to a mailer

I have been working on implementing the contact form on an HTML page. The validation was functioning correctly until I added it, and now the form is no longer submitting properly. Despite this issue, the page still redirects to mailer.php. The AJAX functio ...

jqueryhtmlajaxformsphpmailer

Why will the experimental activation of React concurrent features in Nextjs 12 disable API routes?

I just upgraded to Next.js version 12 and set up some API routes (e.g. "/api/products"). These routes were functioning properly, but when I enabled concurrentFeatures: true in my next.config.ts, the API routes stopped working. The console display ...

javascriptreactjstypescriptnext.js

Customize AngularJS checkbox values when checked

Is there a way to set a checkbox to be checked by default with a custom value instead of a boolean value? Ready to go? <input type="checkbox" ng-model="checked" ng-init="checked=true" ng-true-value="sure" ng-false-value="nope"><br/> <tt> ...

javascriptangularjs

Utilizing hyperlinks within NicEdit content and managing events with jQuery

I am using nicEdit, a rich editor, on my website to insert hyperlinks into the content. While I can successfully add hyperlinks using the setContent() method after initializing nicEdit, I am facing issues with handling click events for hyperlinks that have ...

javascripthtmljquery-uihyperlinknicedit

Transforming intricate JSON data into a structured table format

I'm struggling to transform the nested JSON data into an HTML table, but I keep encountering an error. I'm uncertain about where I may have made a mistake. Could it be related to how I am trying to access the array within the object? Here' ...

javascriptjson

How to automatically disable a button in reactjs when the input field is blank

I have a component called Dynamic Form that includes input fields. The challenge I am facing is how to disable the submit button when these input fields are empty, although the validateResult function fails to return false. import cn from "classname ...

javascriptreactjstypescript

What are some ways to ensure a JQM-created button is clickable in Firefox?

I am working on making a div clickable in a jQuery Mobile powered website. The current code I have functions properly in Chrome and Safari, however, it does not work in Firefox - both on desktop and Android FF. <button data-icon="eye"> <a href ...

jquerycsshtmljquery-mobile

What is the best way to extract the value from a Material UI Slider for utilization?

I am looking to capture the value of the slider's onDragStop event and store it as a const so that I can use it in various parts of my code. However, I am unsure about how to properly declare my const sliderValue and update it. Any guidance on where a ...

javascriptreactjsslidermaterial-uireact-props

Seems like ngAfterViewInit isn't functioning properly, could it be an error on my end

After implementing my ngAfterViewInit function, I noticed that it is not behaving as expected. I have a hunch that something important may be missing in my code. ngOnInit() { this.dataService.getUsers().subscribe((users) => {this.users = users) ; ...

javascriptangulartypescript

Interacting with Apexcharts: Exploring a Tiny Column with Hover

While using apexcharts, I encountered an issue with small columns. It can be quite challenging to render the tooltip properly because you have to hover very precisely over the column. Query: Is there a way to expand the hover area to make it easier to int ...

javascriptcssreactjschartsapexcharts

Experimenting with the input type generated by the Form Helper tool

Before generating the form using Form Helper, is there a method to preview the type of input it will produce? I would like to confirm whether it will result in a select or multi-select element before loading the page. ...

javascriptcakephp

What methods are available for implementing hover effects within attributes using a JavaScript object?

const customPanelStyle = { 'background-color': 'red', 'border': '1px solid green', ':hover'{ 'background': 'blue' } } class some extends React.Component{ rende ...

javascriptcssreactjs

Creating a private variable to perform a select_sum query

I have defined private variables in my CodeIgniter code like this: private $table = 'phone'; private $column_order = array(null, 'name', 'price'); private $type = array('type'); private $battery_consumption = array ...

javascriptajaxcodeigniterdatatable

Can you explain the functionality of icon maps (or charts)?

As I was exploring the source code of various websites, I noticed a common pattern - all the icons were stored in one image map. Upon further investigation, I discovered that each icon is referenced individually when needed. I came across a helpful article ...

htmlcssicons

Change a 24-hour time variable to 12-hour time using AngularJS/jQuery technology

I have a value retrieved from the database in a 24-hour time string format. I am seeking a solution to convert this string into a 12-hour clock time using either AngularJS or jQuery. Currently, I am unable to make any changes to the back-end (JAVA) or the ...

javascriptjqueryangularjs

Monitoring Javascript inactivity timeouts

As I work to incorporate an inactivity timeout monitor on my page, the goal is to track whether individuals working from home are present at their desks or not. The Jquery plugin http://plugins.jquery.com/project/timeout that I am utilizing initiates a ti ...

javascriptjqueryhtmlajaxjquery-plugins

Error message encountered in React Material-UI while attempting to run the basic Hello World test - Invalid hook call

My plan is to kick off a project using React and Material-UI. I decided to start with the simplest Hello World example based on the official documentation, in a brand new Ubuntu OS. However, when I tried running the code, an error popped up! Here's wh ...

javascriptreactjsreact-nativematerial-ui

Presenting data in various formats

I've got a JSON file with a list of data that includes months and years. I want to display all the months, but have the year only appear once in a big block area. Here's an image example: https://i.stack.imgur.com/Ps3OF.png The image demonstrates ...

htmljsonangulardata-manipulation

Can someone explain why my search input's sync function is being triggered twice?

Within my CodePen project at https://codepen.io/aaronk488/pen/MWbKNOq?editors=1011, I am facing an issue where my sync function search is being called twice without a clear reason. Even though I managed to resolve this by adding a conditional statement in ...

javascriptvue.jsasynchronoussynchronizationvuetify.js