instance-oom / ngx-markdown-editor

Angular markdown editor based on ace editor
http://lon-yang.github.io/markdown-editor/
Apache License 2.0
174 stars 48 forks source link

Background and style changes #63

Closed andreyka26-git closed 4 years ago

andreyka26-git commented 4 years ago

I've not found in documentation is it possible to change background and text color

instance-oom commented 4 years ago

Which area's background and text color you want to change?

andreyka26-git commented 4 years ago

tool panel, an area where I type the text and area where the text is shown. But it's okay I found the solution, you can inspect and override css with ::ng-deep. The issue is closed, thank you for the reply. I just thought that there is some kind of configs or something like that.

andreyka26-git commented 4 years ago

I believe it helps somebody


::ng-deep{
    .editable-content{
        width: 100%;

        .tool-bar {
            background: rgb(129, 129, 129) !important;
        }
        .ace_content{
            background: rgb(63, 63, 63) !important;
            color: white !important;
        }

        .preview-panel {
            background: rgb(63, 63, 63) !important;
            color: white !important;
        }

        .ace_gutter-layer   {
            background: rgb(63, 63, 63) !important;
            color: white !important;
        }
    }
}