I had used some settings/flags on google chrome to set the all page background colour to black.
current look - all the sites look like this.
I want that to reset to white default one, can someone help with this.
I followed some internet blog for this change which I totally forgot now.
note - it was not an extension from the chrome store.
Have you tried changing the Dark Mode flags?
type chrome://flags into the address bar (also sometimes called the omnibox)
There is a flag Force "Dark Mode for Web Contents" Disable it
Related
I cam across this problem when i started to design websites, they look zoomed in in chrome and edge, but it is okay in firefox.
The same websites looks perfect in my friends chrome browser. So, I must have some config settings inaccurate.
Here are some snapshots--
Look in Firefox--
Look in Chrome--
Look in Edge--
Here is another example--
Look in chrome--
Look in firefox--
here is my display settings--
I am nt able to fgure out how to fix this, Please guide me how to resolve this issue.
Link to my github repo-- Github repo link for calculator
I did not find path in while creating shorcuts as stated in one of the comments--
This comment by #Deepak-MSFT fixed the issue. Votes to him on this.
Try to create a Shortcut for MS Edge and Google Chrome browser. Right-click on it and click on Properties. Go to the Shortcut tab. In the Target, field add /high-dpi-support=1 /force-device-scale-factor=1 after the path. Separate path and parameter with single space. Click on Apply and Close. Launch the browser from the shortcut and see whether it fix this issue or not.
The value of the field should be something like:
"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --disable-frame-rate-limit /high-dpi-support=1 /force-device-scale-factor=1
Also work if Chrome is launched from the "Run dialog" as:
chrome /high-dpi-support=1 /force-device-scale-factor=1
Had the same problem as you with default font size difference between Chrome and Firefox browsers and it is beacause I increased the font size in Windows 10, looks like Chrome interprets this like a general zoom increase because even the browser look is bigger now, not only the text as I intended.
Seems like a bug on Chrome side, as Firefox behaves normal and increases only the text as set in Windows.
Check the Windows font size in Settings / Ease of access / Display / Make text bigger section - there's a slider there.
My current fix is to set the default general zoom level in Chrome settings to 80%, which is a little smaller than Firefox but acceptable, probably 85% would have been perfect but I cannot set custom values.
if i open up 9gag on Chrome on my phone, the menu bar changes its color to a dark theme, but when i go to for example ebay.com, it switches back to white. How can i achieve this? How can my website tell Chrome "hey, please use dark mode for this page"?
Googling was not successful, as i do not know how to phrase this correctly - i only found blogposts describing how to activate dark mode as user, but i want my website to tell the browser to be dark, if thats possible
Thanks in Advance,
stay healthy
I used to work in DarkMode, and I have a darkmode chrome extension to invert all pages' background color into dark.
However, whenever I open a new tab in Chrome, there is always a 10ms moment that the page is white, it creates a flash that hurts my eyes.
It is possible to config the default background color for new tab in Chrome? I'd like to set it into black (#000000)
The only success I have had with changing the default background in Chrome is through extensions.
I would try a different dark mode or use a theme.
I use a theme and I only get the theme background, never see a white background.
My site works fine in all major browsers including Chrome desktop and mobile. Now I noticed that when entering the device mode in Chrome devtools (Chrome 46) a portion of the page that has no background color set appears in dark grey. When inspecting the elements in this area none has a background color set.
As I have mentioned earlier, this does not happen in Chrome on mobile or any other browser.
The site is here. It only happens when first loading the page. (After clicking around on the site the body element has a white background color set and the glitch is not happening anymore.)
Any ideas what causes this?
Update: Gabee points out below:
Unable to reproduce on the latest Canary with the new Device Mode (but I can on the stable), so (...) [y]ou just need to wait for the next update (or two?) for the fix to land
I consider this solved, then.
As Gabee points out:
Unable to reproduce on the latest Canary with the new Device Mode (but I can on the stable), so (...) [y]ou just need to wait for the next update (or two?) for the fix to land
I consider this solved.
Since the last update of Google Chrome, a screen ruler shows up when inspecting an element. Does anyone know how to disable this ruler?
This is an old question, but now you can enable or disable now in Chrome Developer Tools -> Settings -> Show Rulers (you can also access the settings just pressing F1).
In Chrome 38, there is a "Toggle Device Mode" button to the left of menu items in developer tools. Clicking on it will toggle display of ruler and device emulation list.
Go to "Settings" -> "General" tab.
In the end of page, click on button "Restore defaults and reload".
=)
It's not possible for the moment.
You need to wait Chrome 25 or use Canari.
https://plus.google.com/115203843155141445032/posts/771CKRcKYdM
This is now known as Device Mode. It allows you to select different device screen sizes as well as emulate different Network Speeds.
You can enable/disable it by clicking the Phone Icon on your console.
Upgrading to the latest dev release fixed this for me:
http://www.google.com/chrome/intl/en/eula_dev.html?dl=mac
This started happening to me out of the blue. I use Chrome inspect element for developing, on a personal computer that no one else uses.
This morning, I had the whole rulers-and-menus thing appear as if out of nowhere.
The above suggestions did nothing. When I got to the configuration check-box for rulers, I discovered it was turned off.
I was able to get the old look back by resetting the defaults in the same config menu which held the rulers check-box. Hope that helps anyone stuck like I was.
When you have the unspect editor opened, Just go to settings by clicking the icon (top right on the unspector) there you will find a big button saying restore defaults and reload . That worked for me . Good luck
I'm using Chrome Canary (Version 45.0.2451.0 canary), and the presence of the rulers appears to be tied to whether Emulation is enabled. Restoring defaults (as suggested above) turns it off, or you can just go to the drawer at the bottom and do it.