icewind1991 / files_markdown

Nextcloud markdown editor
GNU Affero General Public License v3.0
290 stars 27 forks source link

Theming #107

Open lispykid opened 5 years ago

lispykid commented 5 years ago

Can we have a darkmode (soliarzed dark) or even better simple css theming support, or is this in the scope of the underlying Notesapp?

bertrand-benoit commented 3 years ago

Any news about this request? Is there any way to have a dark background for both edition and rendering?

ghost commented 2 years ago

You can do this yourself. Here you go:

/*
    What: give https://apps.nextcloud.com/apps/files_markdown dark mode
    How: add custom CSS to nextcloud, either through the Breeze Dark
    theme, or https://apps.nextcloud.com/apps/theming_customcss
*/
#app-content-texteditor #editor_container,
#app-content-texteditor #editor_controls,
#app-content-texteditor #filestexteditor {
    background: #31363A !important;
}

#app-content-texteditor #editor_controls small, /*filename, etc*/
.ace-clouds {
    color: #fafafa !important;
}

.ace-clouds .ace_gutter { /*line numbers*/
    background: #262629 !important;
    color: #fff !important;
}

.ace-clouds .ace_marker-layer .ace_active-line {
    background: #262629 !important;
}

.ace-clouds .ace_marker-layer .ace_selection { /*highlighted text*/
    background: #3DAEE9 !important;
}

.ace-clouds .ace_cursor { /*caret*/
    color: #f2f2f2 !important;
}
bertrand-benoit commented 2 years ago

Thanks, I didn't even use Nextcloud "custom Css" extension before, it is nice!

It works like a charm for the edit mode/part, but the preview part is still white background.

KiaraGrouwstra commented 1 year ago

i added #preview to the first two css rules mentioned by @stianmandarin to ensure that gets displayed in dark mode as well.