[Chrome] Problem with Highlighting

[ghost]

There is a box with a slightly different color. How can I change that or make it same color so that it is not visible?

• Repository: https://github.com/xorz57/xorz57.netlify.com
• Demo: https://xorz57.netlify.com/posts/trie-implementation-in-c++11/

I can't find the color with a color picker. It seems to be a color gradient.

[ghost]

@Track3 If you pay close attention there is a box to the right side of the highlight section with a slightly different color. This happens even with the original Hermit theme no matter if I turn pygments on or off.

[ghost]

It is even visible in the following demo post
https://hugo-theme-hermit.netlify.com/posts/goisforlovers/

[hervyqa]

@xorz57
sorry before, but I want to ask ... what's wrong if you use a different color box? if in my opinion, it is better for syntax to use a different color box.

[ghost]

@hervyqa I don't understand 😕.

[ghost]

@hervyqa
Do you see a box with a slightly different color? I don't know why it is there.

[hervyqa]

🤔🤔🤔 oh i see

[hervyqa]

Sorry, I failed to understand before ...

[ghost]

Sorry, I failed to understand before ...

It is fine! I can't help enough anyways, because I have no idea about web development what so ever. I just noticed this strange thing.

[hervyqa]

But I don't see the box ... try checking it on another device, are the results different? @xorz57

[ghost]

@hervyqa Did you try using a color picker? I am using a retina display right now and the difference is noticable with naked eye.

[hervyqa]

@hervyqa Did you try using a color picker? I am using a retina display right now and the difference is noticable with naked eye.

Still the same color, the background syntax color is still #282A36.

[ghost]

@hervyqa Close the developer panel it changes the vewport and the box disappears. At least that is my guess. I am going to add a color picker plugin for chrome right now to demonstrate this.

[hervyqa]

the result is still the same .. :)

[ghost]

The following can be replicated in hermit demo page

https://hugo-theme-hermit.netlify.com/posts/goisforlovers/

[ghost]

Also I don't know if this is relevant but my screen resolution is 1440 x 900 (16:10)

[hervyqa]

I don't find any #2d3f50 color codes in hermit themes :"), I only found #2c3e50 that's all.

[ghost]

@hervyqa Me too. That is the weird part. I am not crazy or drunk I swear!

[Track3]

@xorz57 Have you tried any other browsers? I can't see the box on my side:

I had a issue about code boxes with chrome before, it's very strange, too. it's like a box covering the texts. So if you are using chrome, too, then it must be relevant to this issue. I can show you a screenshot of Chrome for Android later.

Here's the screenshots:

[ghost]

I am using chrome on android and I don't see the box I was talking about. It really drives me nuts.

[ghost]

Firefox works just fine. I can only see it using chromium on linux. I don't know if I can see it on chrome on windows because I don't have a windows machine right now. For some reason it os now gone. If you try to crtl + shift + R you are going to see this box momentarily and then it disappears but sometimes it doesn't disappear. I guess it may not be related to the theme but the browser it self 😕

[ghost]

Should I close this issue?