Visual Studio Code - Grey boxes - css

I am using VSC and I do get some strange grey boxes in my editor, they are dynamic and annoying. If I change my Theme to a light one they disappear. Anyhow I would like to have it a dark thme and I could not find a solution for it.
Picture 1
Picture 2

I had similar issues, mine turned out to be an HDR issue.
I went into Display Settings and turned off Play HDR Games and Apps and the boxes went away.

It looks like you are running into this bug: https://github.com/Microsoft/vscode/issues/12473
We're looking into the root cause of this issue. As a workaround, try changing your color profile as documented here: https://github.com/Microsoft/vscode/issues/12473#issuecomment-269024219

Related

Command prompt color changes on completion suggestions in zsh/oh-my-zsh

I have a problem that I couldn't find a solution to (maybe I'm just a horrible google user).
Anyways: I use oh-my-zsh with a custom theme and one or two plugins, but nothing too fancy. Whenever I double-press tab to bring up the completion suggestions, e.g. when using cd, my prompt's automatically colored blue (see attached image).
I have tried deactivating my theme and some stuff in ~/.oh-my-zsh/lib/completion.sh, but I couldn't find anything that helps. I just want my regular green even though I double tab.
Any help?
This answer to a related question seems to address your issue (I have not tested it myself):
https://unix.stackexchange.com/questions/16243/is-there-a-way-to-set-coloring-for-cd-tab-complete/16245#16245

Weird stuff happen in all material icon everywhere on my browser

I have a weird problem. Every time I go to a website who have the material icon I got the name of the icon, not the images. It's hard now when I use material to know which icon to use if I can't see what they look. The thing it's for my own app that working but other app this is what I got.
Do I need to reinstall Chrome ? My version is 53.0.2785.143
This one is https://developers.google.com/web/progressive-web-apps/
This one is https://design.google.com/icons/
This is Firebase look at the top right in the search.
I found the answer. I remove Material-Icons from my local fonts in my mac and now after a page refresh all work.

Images appear like they are CMYK when uploaded to web. However, they are RGB

I have worked with images/Photoshop for a long time and have never had this problem. Basically, I tried uploading a few images to WordPress and they appear like this:
As you can see, the one highlighted in green turns out fine. However, the other two for some reason come out looking like they are in CMYK mode. The images are RGB and saved for web so I'm not sure what the problem might be. Can anyone help me make sense of this?
Here is the file for one of the images that come out wrong (which is strange because it comes out fine here, maybe it's a strictly WordPress issue?):
I think your comment about CMYK is a red herring. Looking at your screen shot, it appears you may have inadvertently selected the images in the window; your browser has highlighted them to show this, which gives them a slight blue overlay. Try simply reloading the page and opening that window again and see if the issue goes away.
Ive had strange things happen from images that appeared ok in windows photo viewer but when loaded into adobe fireworks the colours go wrong in a similar way.
Im assuming that the pictures display incorrectly on the 'front end' of Wordpress too, therefore i think its some weird .jpg format issue.
If you have just a few images maybe worth manually screen grab and edit screen grab if you have a viewer that works, then save out and try to re-upload to wordpress.
Or batch process the files into a different format, say bump and use a wordpress plugin like insanity that has the option to automatically convert to .jpg, to in effect clean or at least change the image format on upload.
I had the same issue- If you delete the image from wordpress, change the size of the image file to something closer to the size of the page width, that might work. It worked for me. I can't explain why that happens, but it does!

Extra "Search web" appears when scrolling my site on iPhone

I am experiencing the following (strange) bug:
When my site is seen on iPhone 4 (haven't tested on 5), an extra "Search web" bar appears when scrolling up and down. It slows down the browsing dramatically. It happens on both Safari and Chrome. It doesn't happen on other sites on the same device (so it is not a problem with the phone itself or its browse).
I cannot find any similar reports on the internet.
Has anybody seen something like this?
Could you have a look at my site www.justrunlah.com and check if something is wrong?
Can you even reproduce it?
Screenshot:
thanks a lot in advance
Try hiding the search bar within your website (header-search) and see if the problem still exists (just to test to see if its your own searchbar that's causing the problem).
It was some sneaky code added by a plug-in.
More specifically: Sweet Captcha used a code connected to Errnio to monetize
I removed the plug in and it's gone
Read more: https://wordpress.org/support/topic/hidden-search-bar-features?replies=3

Horizontal scroll - syntaxhighlighter

I was googling to find a solution for this forever, I was so close but still can't find the problem...
The closest solution I found was at this site But:
I want exactly the opposite of what this guy posted: Automatic line break in js SyntaxHighlighter
He wants instead of horizontal bar to break the code down, but what do I want is instead of breaking the code down, to display a horizontal bar.
I've used SH on multiple projects and never actually had this issue till now.
I've installed it in wordpress as a plugin in a custom theme, I modified the theme css file(s) and the syntax highlighter's file(s) (.css), but still nothing's going on.
Here's a screenshot
If you have any suggestion what the problem might be, please tell me - any help is appreciated.
I think what you are looking for is a combination of overflow and white-space css properties.
pre {overflow:scroll;}
.pre-wrap {white-space:pre-wrap;}
Please see the footle here

Resources