The preview text is hard to read because it is light grey

[rocketraman]

The preview text is hard to read because it is a light grey color (rgb(170, 170, 170) or #aaaaaa).

The offending style seems to come from /usr/share/atom/resources/app.asar/static/atom.less and is named atom-workspace.

[mojavelinux]

The body text should be:

color: rgba(0,0,0,.8);

Perhaps the default stylesheet is not passing on this setting in the Atom environment....

Yep, the problem is that when the styles are wrapped, it's trying to style the following selector:

.asciidoc-preview body

That needs to be fixed so that the body styles are applied directly to .asciidoc-preview. See the stylesheet in this repository.

[rocketraman]

That needs to be fixed so that the body styles are applied directly to .asciidoc-preview. See the stylesheet in this repository.

Where does it need to be fixed?

[mojavelinux]

Here:

https://github.com/asciidoctor/atom-asciidoc-preview/blob/master/styles/asciidoc-preview.less#L155

But the real (long-term fix) is here:

asciidoctor/asciidoctor-stylesheet-factory#18

[lucascosti]

+1 for this issue

[Xaviju]

+1 Can't read.

Thanks!

[anthonny]

Hi,
A quick workaround, in the Atom editor, open the command palette (Ctrl+Shift+P / Cmd+Shift+P) and type your stylesheet.

A tab named style.less will be open, at the end of the file add this :

atom-workspace {
 .asciidoc-preview {
   color: #000;
 }
}

I'll do my best to fix this bug soon.

[mojavelinux]

@anthonny I still think that the text should be rgba(0,0,0,0.8) (equivalent to 333333) instead of #000. I'd also be okay with rgba(0,0,0,0.865) (equivalent to 222222).

[rocketraman]

@anthonny Thank you, the workaround works (after a restart of Atom).

@mojavelinux I agree, rgba(0,0,0,0.8) definitely looks better than #000.