nordtheme / atom-ui

An arctic, north-bluish clean and elegant minimal Atom UI theme.
https://www.nordtheme.com/ports/atom-ui
MIT License
95 stars 15 forks source link

Display issues on 4k monitor #62

Closed coltonbrwn closed 7 years ago

coltonbrwn commented 7 years ago

See screenshot: image

This issue doesn't happen for other themes

arcticicestudio commented 7 years ago

Thanks for your report 👍 This is a strange issue. If other themes work fine it may be related to the currently unoptimized UI scaling of the theme. I'll tag the issue as pending until the UI scale refactoring in #58 has been implemented and merged which may fix this issue too as a side effect.

Unfortunately I'm not able to reproduce it because of "Hardware" limitations 😆 (Maybe next week at work on a iMac).


To be resolved in #58

karolis-arbaciauskas commented 7 years ago

Same problem on 1920x1080 Dell monitor

img

achembarpu commented 7 years ago

Yes, exact same issue here. Dell XPS 13 9350, with a 1920*1080 display at 100% scaling on Windows 10 (updated).

Also, font blurs only when using this theme. (blur happens due to atom not working with windows scaling - long-time issue)

arcticicestudio commented 7 years ago

Unfortunately I'm not able to reproduce this and I've currently no idea where the origin of this strange bug could be. It looks like there is a kind of margin to the text.

Can you please try to analyse the bright sections with the developer tools (Ctrl + Shift + i) and check if these are wrapped into a <div> or any other kind of element and if there are any CSS classes or IDs assigned to it? You can also create a DOM dump and post it in a archive file so I can debug it.

Also can you check if you have the Full-Width Tab Sizing theme setting disabled? There have been several problems when this gets disabled and I think I'll have to remove it until #58 has been merged.

arcticicestudio commented 7 years ago

I've done a small research and (luckily) it looks like the Nord themes are not the origin of this problem but Atom or more precisely Chromium contains a bug related to div rendering. It seems like these glitches are random so it is hard to reproduce this, but they appear with other Atom UI- and Syntax themes too including the official One Dark UI and One Dark Syntax themes. See related issues atom/atom #14318, atom/atom #12634 and Chromium bug tracker ticket #633805.

Some users replied that the Chromium flag --enable-gpu-rasterization may work as a workaround. Maybe you can try it by running Atom with atom --enable-gpu-rasterization and see if the rendering glitches are still occur. Another OSX user posted in this comment that it helped to set the color profile to Adobe RGB (1998).

arcticicestudio commented 7 years ago

I close this since it seem to be Atom problem. If there are solutions to fix this on the theme site feel free to reopen it.