Ace: Render in Electron is blurry compared to browser

Created on 1 Sep 2016  ·  3Comments  ·  Source: ajaxorg/ace

compare

The left image shows the ace.editor() run in kitchen-sink in chrome, and the image on the right is ace editor in electron. I am using theme tomorrow night 80.

Notice that the render and colors on the right is blurry and texts look a little heavier. Anybody has an idea what to do with this?....

All 3 comments

This may be caused by some of css in your project, when i open kitchen-sink.html in electron, it looks same as in chrome.

I think this is an electron-related problem Link.

Try adding these couple of lines, this might help you. not sure though.

-webkit-font-smoothing: subpixel-antialiased;
text-rendering: optimizeSpeed;

I had to enhance my css to a more brittle color anyways I used
-webkit-font-smoothing: subpixel-antialiased;
text-rendering:optimizeSpeed;

as addition. Thanks.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

SuperSajuuk picture SuperSajuuk  ·  4Comments

hojas picture hojas  ·  7Comments

aslushnikov picture aslushnikov  ·  4Comments

featurecat picture featurecat  ·  4Comments

RickStrahl picture RickStrahl  ·  5Comments