quill > * {
    border-color: inherit !important;
    color: inherit !important;
}

.quill > .ql-toolbar {
    /* border radius of the toolbar */
    border-radius: 10px 10px 0 0;
}

.quill > .ql-container {
    /* border radius of the container and for font size*/
    font-size: inherit;
    border-radius: 0 0 10px 10px;
}

.ql-toolbar.ql-snow .ql-picker-label {
    color: inherit !important;
    opacity: 0.76;
}

.ql-snow .ql-picker {
    color: inherit !important;
}

.quill > .ql-container > .ql-editor.ql-blank::before {
    /* for placeholder */
    color: inherit;
}

.ql-snow.ql-toolbar button svg {
    opacity: 0.76;
    color: currentColor;
}
    .ql-snow.ql-toolbar button svg :hover {
        color: var(--mud-palette-primary) !important;
    }

.ql-snow .ql-stroke {
    /* for the border of the editor */
    stroke: currentColor !important;
}

.ql-snow .ql-fill {
    /* for the bg color */
    fill: currentColor !important;
}
.ql-picker-options {
    background-color: var(--mud-palette-background) !important;
}
.ql-picker-item {
    /* for dropdown */
    color: var(--mud-palette-text-primary) !important;

}
.ql-picker-item:hover {
    color: var(--mud-palette-primary) !important;
}
.ql-formats button :hover {
    color: var(--mud-palette-primary) !important;
}
.ql-snow.ql-toolbar button:hover {
    color: var(--mud-palette-primary) !important;
}
.ql-snow .ql-picker:hover {
    color: var(--mud-palette-primary) !important;
}
.ql-snow .ql-editing {
    background: var(--mud-palette-background) !important;
    color: var(--mud-palette-text-primary) !important;
    z-index:100;
}

.ql-snow .ql-tooltip input[type="text"] {
    background: inherit !important;
    color: inherit !important;
    border-color: currentColor !important;
}
    .ql-snow .ql-tooltip input[type="text"] :focus {
        border-color: currentColor !important;
    }
.ql-snow .ql-editing .ql-action {
    background: inherit !important;
    color: inherit !important;
}

.ql-editor{
    flex-grow:1;
}