We're evolving to serve you better! This current forum has transitioned to read-only mode. For new discussions, support, and engagement, we've moved to GitHub Discussions.

editor style (editor.css) not applied

December 16, 2019 at 2:40 am #1041

[anonymous]

really liking Publii, but the UI is killing me – are there any prebuilt themes that cover both the UI and TinyMCE?

styles added to either of the following are not applied…

`/Documents/Publii/themes/simple/assets/css/editor.css`
or…
`/opt/Publii/resources/app.asar.unpacked/default-files/default-themes/simple/assets/css/editor.css`

i tried enabling the option in dev tools > experiments to allow custom UI styles, but that seems to have no effect

here’s an example of what i added to editor.css…

`/* POST EDITOR */
.post-editor {
background: #080808;
}
.mce-container, .mce-container *, .mce-widget, .mce-widget *, .mce-reset {
color: #b7b7b7;
font-size: 20px;
}
.button-outline[data-v-50d42e6d] {
color: #b7b7b7;
}
@media screen and (min-width: 20rem)
html {
font-size: 1.5rem;
}`

ps: i did read the doc

December 16, 2019 at 2:51 am #1042

[anonymous]

also found another editor.css here but it didn’t work either…
`/Documents/Publii/sites/mysitename/input/themes/simple/assets/css/`

ideally i’d like to have a global editor theme anyway, not per-site

December 29, 2019 at 2:00 pm #1124

[anonymous]

Hi,

I have just edited the /documents/publii/sites/test-site/input/themes/simple/assets/css/editor.css file to add red background and it works like a charm and allows me to edit the CSS inside the editor.