custom background color?

Hi Radek,

currently not, because of the different border + linenumber colors + bg images.
please use a custom/external theme ??

best regards, ANdi

Hi Andi

what does it mean? To use external theme? Can I create my own? How?

Thank you

Radek

of course, you can create your own one.
The WordPress Enlighter Plugin uses EnlighterJS to highlight the code. All themes can be found on EnlighterJS GitHub Repository:

just copy one of the themes and modify it (it is important to rename the file AND all related css classes). Finally copy your theme in a subdirectory named enlighter/ in your WordPress theme directory – it will be automatically recognized/loaded. You can get more informations on the contextual plugin help.

I’ll try. Thank you

I copied mootwo.css over green.css and deactivated / activated the pluging. I did not modify green.css at all.

I cannot see green theme in the settings. What did I do wrong?

did you copied the file into:

/wp-content/themes/<your-wp-theme>/enlighter/green.css ?

and replaced all occurences of “mootwo” with “green” in the file ?

no, I found mootwo.css in

/wp-content/plugins/enlighter/views/themes/mootwo.css

and there is no string like mootwo inside the file

I renamed the file I found on the disk. I did not use the file from github.

I can see that they look different though

please do not use these files, they are modified for use with the ThemeCustomizer – a lot of rules are automatically removed.

The regular themes are stored within wp-content/plugins/enlighter/resources/EnlighterJS.min.css

so I need to update wp-content/plugins/enlighter/resources/EnlighterJS.min.css then. Only this file?

no…

copy on of the themes from the GitHub Repository to /wp-content/themes/<your-wp-theme>/enlighter/<yourtheme>.css

Finally rename each occurence of the original theme inside the css file with the new theme name. it is very important to use only lowercase names without whitespaces in the css file as well as for the filename!

ok, so I made a progress. I did exactly what you said.

I downloaded MooTwo.css
named the file green.css and placed in /wp-content/themes/<my-wp-theme>/enlighter/ directory
renamed mootwo string to green
created new post and used enlighter
I am able to see gree/ext theme but the theme doesn’t give me the same result as mootwo. I did not change any content except the name.

If I go firebug there are errors when I load the page

The resource from “https://zxy.com/wp-content/plugins/enlighter/resources/http:/zxy.com/wp-content/themes/thesis/enlighter/green.css?ver=3.3” was blocked due to MIME type mismatch (X-Content-Type-Options: nosniff).

Dear cimenta,

sry its my fault – you ran into a bug with “invalid url” of external themes which is fixed in Enlighter v3.4 – it should work as expected with the latest beta version

hm, with the beta there is no error but the background is not the same like with wootwo.

If I refresh the page for a sec the background is there but then it disappears and there is no background.

thats very strange, because i cannot reproduce this behaviour (WordPress 4.7.3, latest Enligher 3.4 Beta, Theme: twentysixteen)

I’ve created a test-theme named Green.css – it is based on MooTwo.css with modified background colors (weird color scheme, of course).

Result

it look as expected. Maybe some of your theme styles interfere with it ? did you tried another theme ?