Chrome dev tools around viewport color - google-chrome

I use dark theme for chrome dev tool and it's working well, but the area around viewport bacame white, not dark dark grey as before. Is there the way to change it? Want to keep my eyes safety. Chrome 100.0.4896.60 (64-bit). Tried to change the theme, but that's not related issue
[]Screeshot1

Just reinstalled Chrome, just overwrite setup. Working well now. May be some version bug

I recommend this dark theme:
https://chrome.google.com/webstore/detail/wall/fpminlmkpplojnggbnjbpcldinbmliei
for devtools it works as it should

Related

Chrome DevTools Dark Theme Visual Change/Bug?

Since the last Chrome update (85.0.4183.83|macOS Mojave - 10.15.5) DevTools dark theme is looking a bit odd (screenshoots below). Are you experiencing the same thing?
Before it used to be like this (taken from Chrome Canary 87.0.4248.0):
I know this is a very small thing, but IMO it's worse than before and these changes are only with the dark theme.

font-face disappear changing browser tabs

On Chrome (v. 32.0.1700.107) OSX, changing tabs, sometimes happen that the browser doesn't show me properly the font face. It shows me the default one (Times New Roman).
If I go on rollover on those texts the font come back right.
is it a chrome bug?
I import the font face with sass and compass in this way:
+font-face("MavenPro200", font-files( "MavenPro/Light/mavenprolight-200-webfont.woff", "MavenPro/Light/mavenprolight-200-webfont.ttf", "MavenPro/Light/mavenprolight-200-webfont.svg", "MavenPro/Light/mavenprolight-200-webfont.eot"))
+font-face("MavenProMedium", font-files( "MavenPro/Medium/maven_pro_medium-webfont.woff", "MavenPro/Medium/maven_pro_medium-webfont.ttf", "MavenPro/Medium/maven_pro_medium-webfont.svg", "MavenPro/Medium/maven_pro_medium-webfont.eot"))
There is something wrong?
I have experienced this too, definitely a Chrome issue. It is a logged bug which is reportedly fixed in the beta version: https://code.google.com/p/chromium/issues/detail?id=336170

Chrome stable and Chrome Canary use a different color profile (Mac OSX)

Below is a screenshot of the same hex code. Right is Canary and left is the stable version of Chrome. Canary uses a wrong color profile (I think), the bright version is the "wrong" one. Does anybody know how I can figure out where the problem is and how I can solve it?
I know colors will always look different on different monitors, but it's strange it's happening on my laptop screen with two different browsers. Also, there are things that can trigger the stable version into working with the wrong color profile. For example:
Embedding an iframe
-webkit-backface-visibility: hidden;
I've found out that these two cause Chrome stable into changing the colors (I presume it's because it uses a different color profile). The result is a see a quick change of all my colors on page load. I've tested it with backface-visibility, inspect the element and tick that css property on/off and I definitely see a change of the colors.
Here is the difference:
I'm using a MacBook Pro
OSX 10.8.2.
Encountered with this problem today
Go to chrome://flags/
Search for 'color' and switch Force color profile flag to different. In my case - sRGB

Text flow out of divs in chrome, but not on all chrome users?

I got a really strange problem, and after so much tries and research I can't get out of it.
I have a website, but SOME (just 5% of visitors) people with the SAME version of chrome, see the text flowing out of divs and text overlapping. It's very strange because I tested the website on all chrome browsers using browser testers, without any problem. And in internet explorer or firefox this problem never happens...
A page is located here
And here are some screenshots of what SOME people see (maybe you won't see this in chrome)
click here
Maybe it is because of the font face I am using? Or maybe some bad coded CSS?
Please help me out of this!
Thanks a lot!
I see you use .svg font. Recently I was hunting some Chrome font rendering bugs and saw this:
http://code.google.com/p/chromium/issues/detail?id=95102
This seem very similar to issues you are having. You could try to serve some other font type to Chrome and if this would fix that.
If you don't want or can't serve some other font type to Chrome, the only thing you can do is wait until Chrome version 24 is out to all users which should be soon (I can't find any announcement)
I tested it in
Chrome 23.0.1271.97 m
Chrome 26.0.1371.0 canary
Chromium 25.0.1334.0 (169326)
# Windows 7 x64 and your page seems fine for me.

gif images rendering then disappear chrome

Gif images render for a split second, when page is fully loaded then disappear leaving the broken image icon. This happens only in Chrome other browsers it's fine including Safari.
The weird thing is all has been fine and working perfectly for months up until last night.
Chrome's web developer tool reads 'Failed to load resource'.
Any suggestions would be appreciated.
A link to a page is below.
Thanks,
http://www.isenterprises.co.uk/product_info.php?cPath=33_46&products_id=748
(it's the 'Colours Available' colour swatches that don't render properly)
In fact IE doesn't know who "Transfer-Encoding" is. You will have to write:
header('Content-Transfer-Encoding: deflate');
in paps_makethumb.php.
Add:
header('Transfer-Encoding: deflate');
in paps_makethumb.php
Same issue for me, solved by removing Chrome extensions!
Chrome menu Chrome menu > Settings.
Click Extensions.
Check what's in there... I had to uninstall "QR Code generator" previously installed.
Maybe some extensions need to be updated, but i uninstalled them and now Chrome renders well.